FileMaster
Search
Toggle Dark Mode
Home
/
.
/
wp-content
/
plugins
/
surecart
/
dist
/
components
/
esm
Edit File: sc-flex.entry.js
import { r as registerInstance, h } from './index-745b6bec.js'; const scFlexCss = ":host{display:block;--spacing:var(--sc-spacing-small)}.flex{display:flex;gap:var(--sc-flex-column-gap, var(--spacing));justify-content:var(--sc-flex-space-between, space-between)}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.justify-space-around{justify-content:space-around}.justify-space-evenly{justify-content:space-evenly}.wrap-wrap{flex-wrap:wrap}.wrap-no-wrap{flex-wrap:no-wrap}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-center{align-items:center}.align-baseline{align-items:baseline}.align-stretch{align-items:stretch}.direction-row{flex-direction:row}.direction-row-reverse{flex-direction:row-reverse}.direction-column{flex-direction:column}.direction-column-reverse{flex-direction:column-reverse}@media (max-width: 480px){.stack-mobile{flex-direction:column}}@media (max-width: 768px){.stack-tablet{flex-direction:column}}@media (max-width: 1180px){.stack-desktop{flex-direction:column}}"; const ScFlexStyle0 = scFlexCss; const ScFlex = class { constructor(hostRef) { registerInstance(this, hostRef); this.alignItems = undefined; this.justifyContent = undefined; this.flexDirection = undefined; this.columnGap = undefined; this.flexWrap = undefined; this.stack = undefined; } render() { return (h("div", { key: '2903d979cc1c4c96578ffd314698a276881650ff', part: "base", class: { flex: true, ...(this.justifyContent ? { [`justify-${this.justifyContent}`]: true } : {}), ...(this.alignItems ? { [`align-${this.alignItems}`]: true } : {}), ...(this.flexDirection ? { [`direction-${this.flexDirection}`]: true } : {}), ...(this.columnGap ? { [`column-gap-${this.columnGap}`]: true } : {}), ...(this.flexWrap ? { [`wrap-${this.flexWrap}`]: true } : {}), ...(this.stack ? { [`stack-${this.stack}`]: true } : {}), } }, h("slot", { key: 'ad95563ef8755c8a235b025f95d42f3f58997d8f' }))); } }; ScFlex.style = ScFlexStyle0; export { ScFlex as sc_flex }; //# sourceMappingURL=sc-flex.entry.js.map
Save
Back