| Server IP : 38.190.208.107 / Your IP : 216.73.216.84 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.3/wp-content/themes/blocksy/inc/panel-builder/header/middle-row/ |
Upload File : |
import { handleBackgroundOptionFor } from '../../../../static/js/customizer/sync/variables/background'
import ctEvents from 'ct-events'
import { updateAndSaveEl } from '../../../../static/js/customizer/sync'
import {
withKeys,
disableTransitionsStart,
disableTransitionsEnd,
responsiveClassesFor,
getRootSelectorFor,
assembleSelector,
mutateSelector,
} from '../../../../static/js/customizer/sync/helpers'
import { getRowBackgroundVariables } from './sync/background'
export const handleRowVariables = ({ itemId }) => ({
...getRowBackgroundVariables({ itemId }),
headerRowHeight: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
variable: 'height',
responsive: true,
unit: 'px',
},
headerRowShadow: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
type: 'box-shadow',
variable: 'theme-box-shadow',
forceOutput: true,
responsive: true,
},
headerRowBlur: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
variable: 'theme-backdrop-blur',
responsive: true,
unit: 'px',
forceOutput: true,
},
...withKeys(
[
'headerRowTopBorder',
'transparentHeaderRowTopBorder',
'stickyHeaderRowTopBorder',
'headerRowTopBorderFullWidth',
],
[
{
selector: assembleSelector(getRootSelectorFor({ itemId })),
variable: 'theme-border-top',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
headerRowTopBorder,
headerRowTopBorderFullWidth,
}) =>
headerRowTopBorderFullWidth === 'yes'
? headerRowTopBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '> div',
})
),
variable: 'theme-border-top',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
headerRowTopBorder,
headerRowTopBorderFullWidth,
}) =>
headerRowTopBorderFullWidth !== 'yes'
? headerRowTopBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'el-prefix',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-border-top',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
transparentHeaderRowTopBorder,
headerRowTopBorderFullWidth,
}) =>
headerRowTopBorderFullWidth === 'yes'
? transparentHeaderRowTopBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '> div',
}),
operation: 'el-prefix',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-border-top',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
transparentHeaderRowTopBorder,
headerRowTopBorderFullWidth,
}) =>
headerRowTopBorderFullWidth !== 'yes'
? transparentHeaderRowTopBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-border-top',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
stickyHeaderRowTopBorder,
headerRowTopBorderFullWidth,
}) =>
headerRowTopBorderFullWidth === 'yes'
? stickyHeaderRowTopBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '> div',
}),
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-border-top',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
stickyHeaderRowTopBorder,
headerRowTopBorderFullWidth,
}) =>
headerRowTopBorderFullWidth !== 'yes'
? stickyHeaderRowTopBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
]
),
...withKeys(
[
'headerRowBottomBorder',
'transparentHeaderRowBottomBorder',
'stickyHeaderRowBottomBorder',
'headerRowBottomBorderFullWidth',
],
[
{
selector: assembleSelector(getRootSelectorFor({ itemId })),
variable: 'theme-border-bottom',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
headerRowBottomBorder,
headerRowBottomBorderFullWidth,
}) =>
headerRowBottomBorderFullWidth === 'yes'
? headerRowBottomBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '> div',
})
),
variable: 'theme-border-bottom',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
headerRowBottomBorder,
headerRowBottomBorderFullWidth,
}) =>
headerRowBottomBorderFullWidth !== 'yes'
? headerRowBottomBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'el-prefix',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-border-bottom',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
transparentHeaderRowBottomBorder,
headerRowBottomBorderFullWidth,
}) =>
headerRowBottomBorderFullWidth === 'yes'
? transparentHeaderRowBottomBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '> div',
}),
operation: 'el-prefix',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-border-bottom',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
transparentHeaderRowBottomBorder,
headerRowBottomBorderFullWidth,
}) =>
headerRowBottomBorderFullWidth !== 'yes'
? transparentHeaderRowBottomBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-border-bottom',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
stickyHeaderRowBottomBorder,
headerRowBottomBorderFullWidth,
}) =>
headerRowBottomBorderFullWidth === 'yes'
? stickyHeaderRowBottomBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
{
selector: assembleSelector(
mutateSelector({
selector: mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'suffix',
to_add: '> div',
}),
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-border-bottom',
type: 'border',
responsive: true,
fullValue: true,
extractValue: ({
stickyHeaderRowBottomBorder,
headerRowBottomBorderFullWidth,
}) =>
headerRowBottomBorderFullWidth !== 'yes'
? stickyHeaderRowBottomBorder
: {
desktop: { style: 'none' },
tablet: { style: 'none' },
mobile: { style: 'none' },
},
},
]
),
// Transparent
transparentHeaderRowShadow: {
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'el-prefix',
to_add: '[data-transparent-row="yes"]',
})
),
type: 'box-shadow',
variable: 'theme-box-shadow',
forceOutput: true,
responsive: true,
},
transparentHeaderRowBlur: {
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
operation: 'el-prefix',
to_add: '[data-transparent-row="yes"]',
})
),
variable: 'theme-backdrop-blur',
responsive: true,
unit: 'px',
forceOutput: true,
},
// Sticky
stickyHeaderRowShadow: {
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
to_add: '[data-sticky*="yes"]',
})
),
type: 'box-shadow',
variable: 'theme-box-shadow',
forceOutput: true,
responsive: true,
},
stickyHeaderRowBlur: {
selector: assembleSelector(
mutateSelector({
selector: getRootSelectorFor({ itemId }),
to_add: '[data-sticky*="yes"]',
})
),
variable: 'theme-backdrop-blur',
responsive: true,
unit: 'px',
forceOutput: true,
},
header_row_padding: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
type: 'spacing',
variable: 'row-padding',
responsive: true,
},
header_row_border_radius: {
selector: assembleSelector(getRootSelectorFor({ itemId })),
type: 'spacing',
variable: 'row-border-radius',
responsive: true,
},
})
export const handleRowOptions = ({
selector,
changeDescriptor: { optionId, optionValue, values },
}) => {
if (optionId === 'headerRowVisibility') {
updateAndSaveEl(selector, (el) => {
responsiveClassesFor(optionValue, el)
})
}
if (optionId === 'headerRowHeight') {
ctEvents.trigger('blocksy:sticky:compute')
}
if (optionId === 'headerRowWidth') {
updateAndSaveEl(
selector,
(el) => {
el.classList.add('ct-disable-transitions')
if (!optionValue.desktop) {
optionValue = {
desktop: optionValue,
mobile: optionValue,
}
}
el.firstElementChild.classList.remove(
'ct-container',
'ct-container-fluid'
)
el.dataset.row = `${el.dataset.row.split(':')[0]}${
optionValue.desktop === 'boxed' ? ':boxed' : ''
}`
el.firstElementChild.classList.add(
optionValue.desktop === 'fluid'
? 'ct-container-fluid'
: 'ct-container'
)
setTimeout(() => {
el.classList.remove('ct-disable-transitions')
}, 100)
},
{ onlyView: 'desktop' }
)
updateAndSaveEl(
selector,
(el) => {
el.classList.add('ct-disable-transitions')
if (!optionValue.desktop) {
optionValue = {
desktop: optionValue,
mobile: optionValue,
}
}
el.firstElementChild.classList.remove(
'ct-container',
'ct-container-fluid'
)
el.dataset.row = `${el.dataset.row.split(':')[0]}${
optionValue.mobile === 'boxed' ? ':boxed' : ''
}`
el.firstElementChild.classList.add(
optionValue.mobile === 'fluid'
? 'ct-container-fluid'
: 'ct-container'
)
setTimeout(() => {
el.classList.remove('ct-disable-transitions')
}, 100)
},
{ onlyView: 'mobile' }
)
}
}
ctEvents.on(
'ct:header:sync:collect-variable-descriptors',
(variableDescriptors) => {
variableDescriptors['middle-row'] = handleRowVariables
}
)
ctEvents.on('ct:header:sync:item:middle-row', (changeDescriptor) =>
handleRowOptions({
selector: '[data-row*="middle"]',
changeDescriptor,
})
)