JezK
Edit File: sc-column_2.cjs.entry.js
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); const index = require('./index-be4abba1.js'); const scColumnCss = ":host{display:block}::slotted(:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style)){margin-bottom:var(--sc-form-row-spacing, 0.75em)}::slotted(:not(.wp-block-spacer):not(:last-child):not(.is-empty):not(style):not(.is-layout-flex)){display:block}"; const ScColumnStyle0 = scColumnCss; const ScColumn = class { constructor(hostRef) { index.registerInstance(this, hostRef); } render() { return (index.h(index.Host, { key: '98e5dd9e849e57e01cb15f2ecfcbe416ac39fe37' }, index.h("slot", { key: '0871b277679d9bbaabb01742393c757c261e0879' }))); } }; ScColumn.style = ScColumnStyle0; const scColumnsCss = ".sc-columns{display:flex;box-sizing:border-box;gap:var(--sc-column-spacing, var(--sc-spacing-xxxx-large));margin-left:auto;margin-right:auto;width:100%;flex-wrap:wrap !important;align-items:initial !important;}@media (min-width: 782px){.sc-columns{flex-wrap:nowrap !important}}.sc-columns.are-vertically-aligned-top{align-items:flex-start}.sc-columns.are-vertically-aligned-center{align-items:center}.sc-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width: 781px){.sc-columns:not(.is-not-stacked-on-mobile).is-full-height>sc-column{padding:30px !important}}.sc-columns:not(.is-not-stacked-on-mobile)>sc-column{max-width:none}@media (max-width: 781px){.sc-columns:not(.is-not-stacked-on-mobile)>sc-column{flex-basis:100% !important;max-width:100%}}@media (min-width: 782px){.sc-columns:not(.is-not-stacked-on-mobile)>sc-column{flex-basis:0;flex-grow:1}.sc-columns:not(.is-not-stacked-on-mobile)>sc-column[style*=flex-basis]{flex-grow:0}}.sc-columns.is-not-stacked-on-mobile{flex-wrap:nowrap !important}.sc-columns.is-not-stacked-on-mobile>sc-column{flex-basis:0;flex-grow:1}.sc-columns.is-not-stacked-on-mobile>sc-column[style*=flex-basis]{flex-grow:0}@media (min-width: 782px){.sc-columns.is-full-height{min-height:100vh !important}}@media (max-width: 782px){.sc-columns.is-reversed-on-mobile{flex-direction:column-reverse}}sc-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word;}sc-column.is-vertically-aligned-top{align-self:flex-start}sc-column.is-vertically-aligned-center{align-self:center}sc-column.is-vertically-aligned-bottom{align-self:flex-end}sc-column.is-vertically-aligned-top,sc-column.is-vertically-aligned-center,sc-column.is-vertically-aligned-bottom{width:100%}@media (min-width: 782px){sc-column.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--sc-column-content-width) !important}sc-column.is-layout-constrained.is-horizontally-aligned-right>:where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left:auto !important;margin-right:0 !important}sc-column.is-layout-constrained.is-horizontally-aligned-left>:where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-right:auto !important;margin-left:0 !important}}@media (min-width: 782px){sc-column.is-sticky{position:sticky !important;align-self:flex-start;top:0}}"; const ScColumnsStyle0 = scColumnsCss; const ScColumns = class { constructor(hostRef) { index.registerInstance(this, hostRef); this.verticalAlignment = undefined; this.isStackedOnMobile = undefined; this.isFullHeight = undefined; this.isReversedOnMobile = undefined; } render() { return (index.h(index.Host, { key: 'd7f8358c8516b1380c66b887ec96dce4a35aa857', class: { 'sc-columns': true, [`are-vertically-aligned-${this.verticalAlignment}`]: !!this.verticalAlignment, 'is-not-stacked-on-mobile': !this.isStackedOnMobile, 'is-full-height': !!this.isFullHeight, 'is-reversed-on-mobile': !!this.isReversedOnMobile, } }, index.h("slot", { key: '3d22b47bab9faa2e59043f421a43e0ad3ba98f32' }))); } }; ScColumns.style = ScColumnsStyle0; exports.sc_column = ScColumn; exports.sc_columns = ScColumns; //# sourceMappingURL=sc-column_2.cjs.entry.js.map