File manager - Edit - /home/palg2351/public_html/wp-content/themes/blocksy/inc/panel-builder/header/offcanvas/sync.js
Back
import { handleBackgroundOptionFor } from '../../../../static/js/customizer/sync/variables/background' import ctEvents from 'ct-events' import { updateAndSaveEl } from '../../../../static/js/customizer/sync' import { getRootSelectorFor, assembleSelector, mutateSelector, } from '../../../../static/js/customizer/sync/helpers' import { maybePromoteScalarValueIntoResponsive } from 'customizer-sync-helpers/dist/promote-into-responsive' ctEvents.on( 'ct:header:sync:collect-variable-descriptors', (variableDescriptors) => { const handleSectionBackground = ({ itemId }) => handleBackgroundOptionFor({ id: 'section', selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-panel-inner', }) ), responsive: true, addToDescriptors: { fullValue: true, }, valueExtractor: ({ offcanvasBackground }) => { return ( offcanvasBackground || { background_type: 'color', backgroundColor: { default: { color: 'rgba(18, 21, 25, 0.98)', }, }, } ) }, }).section const handleRootBackground = ({ itemId }) => handleBackgroundOptionFor({ id: 'section', selector: assembleSelector(getRootSelectorFor({ itemId })), responsive: true, addToDescriptors: { fullValue: true, }, valueExtractor: ({ offcanvas_behavior = 'panel', offcanvasBackdrop = { background_type: 'color', backgroundColor: { default: { color: 'CT_CSS_SKIP_RULE', }, }, }, offcanvasBackground = { background_type: 'color', backgroundColor: { default: { color: 'rgba(18, 21, 25, 0.98)', }, }, }, }) => offcanvas_behavior === 'modal' ? offcanvasBackground : offcanvasBackdrop, }).section variableDescriptors['offcanvas'] = ({ itemId }) => ({ offcanvas_heading_font_color: { selector: '#offcanvas .ct-panel-actions', variable: 'theme-text-color', type: 'color:default', responsive: true, }, offcanvasBackground: [ ...handleSectionBackground({ itemId }), ...handleRootBackground({ itemId }), ], offcanvasBackdrop: [...handleRootBackground({ itemId })], headerPanelShadow: { selector: assembleSelector( `${getRootSelectorFor({ itemId })[0]} #offcanvas` ), type: 'box-shadow', variable: 'theme-box-shadow', responsive: true, }, side_panel_width: { selector: assembleSelector(getRootSelectorFor({ itemId })), variable: 'side-panel-width', responsive: true, unit: '', }, offcanvas_content_vertical_alignment: [ { selector: assembleSelector(getRootSelectorFor({ itemId })), variable: 'vertical-alignment', responsive: true, unit: '', }, { selector: assembleSelector(getRootSelectorFor({ itemId })), variable: 'panel-content-height', responsive: true, unit: '', extractValue: (value) => { console.log('here', { value }) value = maybePromoteScalarValueIntoResponsive(value) const height = { desktop: 'auto', tablet: 'auto', mobile: 'auto', } if (value.desktop === 'flex-start') { height.desktop = '100%' } if (value.tablet === 'flex-start') { height.tablet = '100%' } if (value.mobile === 'flex-start') { height.mobile = '100%' } return height }, }, ], offcanvasContentAlignment: [ { selector: assembleSelector(getRootSelectorFor({ itemId })), variable: 'horizontal-alignment', responsive: true, unit: '', }, { selector: assembleSelector(getRootSelectorFor({ itemId })), variable: 'text-horizontal-alignment', responsive: true, unit: '', extractValue: (value) => { if (!value.desktop) { return value } if (value.desktop === 'initial') { value.desktop = 'left' } if (value.desktop === 'flex-end') { value.desktop = 'right' } if (value.tablet === 'initial') { value.tablet = 'left' } if (value.tablet === 'flex-end') { value.tablet = 'right' } if (value.mobile === 'initial') { value.mobile = 'left' } if (value.mobile === 'flex-end') { value.mobile = 'right' } return value }, }, { selector: assembleSelector(getRootSelectorFor({ itemId })), variable: 'has-indentation', unit: '', responsive: true, extractValue: (value) => { if (value.desktop) { if ( value.desktop === 'center' || value.tablet === 'center' || value.mobile === 'center' ) { return { desktop: value.desktop === 'center' ? '0' : '1', tablet: value.tablet === 'center' ? '0' : '1', mobile: value.mobile === 'center' ? '0' : '1', } } } return 'CT_CSS_SKIP_RULE' }, }, ], menu_close_button_color: [ { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close', }) ), variable: 'theme-icon-color', type: 'color:default', responsive: true, }, { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close:hover', }) ), variable: 'theme-icon-color', type: 'color:hover', responsive: true, }, ], menu_close_button_border_color: [ { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close[data-type="type-2"]', }) ), variable: 'toggle-button-border-color', type: 'color:default', responsive: true, }, { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close[data-type="type-2"]:hover', }) ), variable: 'toggle-button-border-color', type: 'color:hover', responsive: true, }, ], menu_close_button_shape_color: [ { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close[data-type="type-3"]', }) ), variable: 'toggle-button-background', type: 'color:default', responsive: true, }, { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close[data-type="type-3"]:hover', }) ), variable: 'toggle-button-background', type: 'color:hover', responsive: true, }, ], menu_close_button_icon_size: { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close', }) ), variable: 'theme-icon-size', unit: 'px', }, menu_close_button_border_radius: { selector: assembleSelector( mutateSelector({ selector: getRootSelectorFor({ itemId }), operation: 'suffix', to_add: '.ct-toggle-close', }) ), variable: 'toggle-button-radius', unit: 'px', }, // panel offset offcanvas_offset: { selector: assembleSelector(getRootSelectorFor({ itemId })), variable: 'side-panel-offset', responsive: true, unit: 'px', }, offcanvas_panel_radius: { selector: assembleSelector(getRootSelectorFor({ itemId })), type: 'spacing', variable: 'side-panel-border-radius', responsive: true, }, }) } ) ctEvents.on( 'ct:header:sync:item:offcanvas', ({ optionId, optionValue, values }) => { const selector = '#offcanvas' if (optionId === 'side_panel_position') { const el = document.querySelector('#offcanvas') el.dataset.behaviour = `${optionValue}-side` } if (optionId === 'offcanvas_behavior') { wp.customize.preview.trigger('ct:sync:refresh_partial', { id: 'header_placements_offcanvas', }) const cb = () => { const el = document.querySelector('#offcanvas') const offcanvas_behavior = values.offcanvas_behavior || 'panel' const side_panel_position = values.side_panel_position || 'right' el.removeAttribute('data-behaviour') el.dataset.behaviour = offcanvas_behavior === 'modal' ? 'modal' : `${side_panel_position}-side` ctEvents.off('ct:sync:dynamic-css:updated', cb) } ctEvents.on('ct:sync:dynamic-css:updated', cb) } if (optionId === 'has_offcanvas_heading') { wp.customize.preview.trigger('ct:sync:refresh_partial', { id: 'header_placements_offcanvas', }) } if (optionId === 'offcanvas_heading') { const maybeHeading = document.querySelector( '#offcanvas .ct-panel-heading' ) if (maybeHeading) { maybeHeading.innerHTML = optionValue } } if (optionId === 'menu_close_button_type') { let offcanvasModalClose = document.querySelector( '#offcanvas .ct-toggle-close' ) setTimeout(() => { offcanvasModalClose.classList.add('ct-disable-transitions') requestAnimationFrame(() => { if (offcanvasModalClose) { offcanvasModalClose.dataset.type = optionValue } setTimeout(() => { offcanvasModalClose.classList.remove( 'ct-disable-transitions' ) }) }) }, 300) } if (optionId === 'has_offcanvas_offset') { wp.customize.preview.trigger('ct:sync:refresh_partial', { id: 'header_placements_offcanvas', }) } } )
| ver. 1.4 |
Github
|
.
| PHP 8.3.30 | Generation time: 0.08 |
proxy
|
phpinfo
|
Settings