@mhmo91/schmancy 0.2.42 → 0.2.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{animated-text-DAIxzGoB.cjs → animated-text-CHKjskbo.cjs} +2 -2
- package/dist/{animated-text-DAIxzGoB.cjs.map → animated-text-CHKjskbo.cjs.map} +1 -1
- package/dist/{animated-text-D5czXLWn.js → animated-text-Y4ycrTGo.js} +3 -3
- package/dist/{animated-text-D5czXLWn.js.map → animated-text-Y4ycrTGo.js.map} +1 -1
- package/dist/animated-text.cjs +1 -1
- package/dist/animated-text.js +1 -1
- package/dist/area.cjs +1 -1
- package/dist/{area.component-BSCRps7h.js → area.component-CpltGFtZ.js} +3 -3
- package/dist/{area.component-BSCRps7h.js.map → area.component-CpltGFtZ.js.map} +1 -1
- package/dist/{area.component-CJlITW0a.cjs → area.component-PjmcLIgT.cjs} +2 -2
- package/dist/{area.component-CJlITW0a.cjs.map → area.component-PjmcLIgT.cjs.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/autocomplete-DlA7Zj8y.js +266 -0
- package/dist/autocomplete-DlA7Zj8y.js.map +1 -0
- package/dist/autocomplete-sjP09kRE.cjs +49 -0
- package/dist/autocomplete-sjP09kRE.cjs.map +1 -0
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +2 -2
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-DSi2sG8X.js → checkbox-BUckVPbf.js} +2 -2
- package/dist/{checkbox-DSi2sG8X.js.map → checkbox-BUckVPbf.js.map} +1 -1
- package/dist/{checkbox-CYZ8DVr_.cjs → checkbox-BlyeBJaT.cjs} +2 -2
- package/dist/{checkbox-CYZ8DVr_.cjs.map → checkbox-BlyeBJaT.cjs.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-D0DqtIre.cjs → chips-B5s6nFCv.cjs} +2 -2
- package/dist/{chips-D0DqtIre.cjs.map → chips-B5s6nFCv.cjs.map} +1 -1
- package/dist/{chips-DHLvFgzm.js → chips-B_MkXiVt.js} +3 -3
- package/dist/{chips-DHLvFgzm.js.map → chips-B_MkXiVt.js.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{date-range-CiWMMHbW.js → date-range-BCS0HlLD.js} +3 -3
- package/dist/{date-range-CiWMMHbW.js.map → date-range-BCS0HlLD.js.map} +1 -1
- package/dist/{date-range-BarHKApD.cjs → date-range-DdwMl-RM.cjs} +2 -2
- package/dist/{date-range-BarHKApD.cjs.map → date-range-DdwMl-RM.cjs.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-C6SepD3P.cjs → delay-C7mn_Xn7.cjs} +2 -2
- package/dist/{delay-C6SepD3P.cjs.map → delay-C7mn_Xn7.cjs.map} +1 -1
- package/dist/{delay-BK67Hk_M.js → delay-O3A85T24.js} +2 -2
- package/dist/{delay-BK67Hk_M.js.map → delay-O3A85T24.js.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{divider-COtzJBn4.js → divider-3bWzZ4Rm.js} +3 -3
- package/dist/{divider-COtzJBn4.js.map → divider-3bWzZ4Rm.js.map} +1 -1
- package/dist/{divider-DX5e0m-H.cjs → divider-BCpoxMEa.cjs} +2 -2
- package/dist/{divider-DX5e0m-H.cjs.map → divider-BCpoxMEa.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/form-2b-1v-m1.cjs +8 -0
- package/dist/form-2b-1v-m1.cjs.map +1 -0
- package/dist/{form-B6BML4Gw.js → form-DqhBSlIk.js} +5 -5
- package/dist/form-DqhBSlIk.js.map +1 -0
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{icon-BkDy6f59.cjs → icon-C-Un0Yey.cjs} +2 -2
- package/dist/{icon-BkDy6f59.cjs.map → icon-C-Un0Yey.cjs.map} +1 -1
- package/dist/icon-button-C3lDDtmo.cjs +69 -0
- package/dist/icon-button-C3lDDtmo.cjs.map +1 -0
- package/dist/icon-button-mX6k_EOF.js +160 -0
- package/dist/icon-button-mX6k_EOF.js.map +1 -0
- package/dist/{icon-DE_mryLI.js → icon-yJxSVMJB.js} +3 -3
- package/dist/{icon-DE_mryLI.js.map → icon-yJxSVMJB.js.map} +1 -1
- package/dist/icons.cjs +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +34 -34
- package/dist/{input-By2qm_Uq.js → input-DYyIyfZh.js} +29 -29
- package/dist/input-DYyIyfZh.js.map +1 -0
- package/dist/{input-CdgeGV93.cjs → input-Robi05py.cjs} +10 -10
- package/dist/input-Robi05py.cjs.map +1 -0
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +1 -1
- package/dist/{list-DUV3tZ3A.cjs → list-DM_Y-zwH.cjs} +2 -2
- package/dist/{list-DUV3tZ3A.cjs.map → list-DM_Y-zwH.cjs.map} +1 -1
- package/dist/{list-Dc_EEdf-.js → list-Dyy-SpiA.js} +2 -2
- package/dist/{list-Dc_EEdf-.js.map → list-Dyy-SpiA.js.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-BYMdyxuB.js → litElement.mixin-B7v8pDMc.js} +2 -2
- package/dist/{litElement.mixin-BYMdyxuB.js.map → litElement.mixin-B7v8pDMc.js.map} +1 -1
- package/dist/{litElement.mixin-Cw4_sB4P.cjs → litElement.mixin-BhS9oGuC.cjs} +2 -2
- package/dist/{litElement.mixin-Cw4_sB4P.cjs.map → litElement.mixin-BhS9oGuC.cjs.map} +1 -1
- package/dist/{menu-D5De6nkC.cjs → menu-1oIiQdXk.cjs} +2 -2
- package/dist/{menu-D5De6nkC.cjs.map → menu-1oIiQdXk.cjs.map} +1 -1
- package/dist/{menu-cDlpZG8h.js → menu-BPvSwS8i.js} +3 -3
- package/dist/{menu-cDlpZG8h.js.map → menu-BPvSwS8i.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/mixins/tailwind.css +2 -2
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-BHH_JwXm.js → option-BMdsMjZc.js} +5 -5
- package/dist/option-BMdsMjZc.js.map +1 -0
- package/dist/{option-D2uLD4HI.cjs → option-P1eP1gPa.cjs} +3 -3
- package/dist/option-P1eP1gPa.cjs.map +1 -0
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{outlet-gf5ui1xs.js → outlet-BJ6YjF7v.js} +2 -2
- package/dist/{outlet-gf5ui1xs.js.map → outlet-BJ6YjF7v.js.map} +1 -1
- package/dist/{outlet-DGwK90-g.cjs → outlet-grvppFfL.cjs} +2 -2
- package/dist/{outlet-DGwK90-g.cjs.map → outlet-grvppFfL.cjs.map} +1 -1
- package/dist/{payment-card-form-DSZz3XAw.cjs → payment-card-form-BC-KTuAM.cjs} +2 -2
- package/dist/{payment-card-form-DSZz3XAw.cjs.map → payment-card-form-BC-KTuAM.cjs.map} +1 -1
- package/dist/{payment-card-form-BEg1aL_V.js → payment-card-form-CkuozUmp.js} +3 -3
- package/dist/{payment-card-form-BEg1aL_V.js.map → payment-card-form-CkuozUmp.js.map} +1 -1
- package/dist/{radio-group-DeTqT89g.cjs → radio-group-DJ15xUxA.cjs} +2 -2
- package/dist/{radio-group-DeTqT89g.cjs.map → radio-group-DJ15xUxA.cjs.map} +1 -1
- package/dist/{radio-group-D5qSmAIk.js → radio-group-k4NlKFzF.js} +2 -2
- package/dist/{radio-group-D5qSmAIk.js.map → radio-group-k4NlKFzF.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{scroll-DJhZyWFl.js → scroll-DFMvmm21.js} +2 -2
- package/dist/{scroll-DJhZyWFl.js.map → scroll-DFMvmm21.js.map} +1 -1
- package/dist/{scroll-DbSG1gU1.cjs → scroll-DJQVW4VV.cjs} +2 -2
- package/dist/{scroll-DbSG1gU1.cjs.map → scroll-DJQVW4VV.cjs.map} +1 -1
- package/dist/select-CV5sua6X.cjs +54 -0
- package/dist/select-CV5sua6X.cjs.map +1 -0
- package/dist/{select-CZfw92Ty.js → select-DOuDb1OD.js} +35 -27
- package/dist/select-DOuDb1OD.js.map +1 -0
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-BnwMNJKD.js → sheet-BNHSnKxu.js} +4 -5
- package/dist/sheet-BNHSnKxu.js.map +1 -0
- package/dist/{sheet-0256n1h7.cjs → sheet-DEi77u64.cjs} +5 -6
- package/dist/sheet-DEi77u64.cjs.map +1 -0
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/{slider-CVlX-GTS.js → slider-B1mWE8IL.js} +3 -3
- package/dist/{slider-CVlX-GTS.js.map → slider-B1mWE8IL.js.map} +1 -1
- package/dist/{slider-CtmVndmy.cjs → slider-BVqs9NxT.cjs} +2 -2
- package/dist/{slider-CtmVndmy.cjs.map → slider-BVqs9NxT.cjs.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-Aq68t0qW.cjs → spinner-BQV8GutW.cjs} +2 -2
- package/dist/{spinner-Aq68t0qW.cjs.map → spinner-BQV8GutW.cjs.map} +1 -1
- package/dist/{spinner-JGfRqdwd.js → spinner-CjCEXMhX.js} +3 -3
- package/dist/{spinner-JGfRqdwd.js.map → spinner-CjCEXMhX.js.map} +1 -1
- package/dist/{surface-DoAY0NAL.cjs → surface-DI0zgakM.cjs} +2 -2
- package/dist/{surface-DoAY0NAL.cjs.map → surface-DI0zgakM.cjs.map} +1 -1
- package/dist/{surface-3TH7Q60g.js → surface-Dr9ZU9gu.js} +2 -2
- package/dist/{surface-3TH7Q60g.js.map → surface-Dr9ZU9gu.js.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-DgFcgs4M.js → table-BmH69A60.js} +2 -2
- package/dist/{table-DgFcgs4M.js.map → table-BmH69A60.js.map} +1 -1
- package/dist/{table-Cyx1_9fP.cjs → table-Dupu_sw5.cjs} +2 -2
- package/dist/{table-Cyx1_9fP.cjs.map → table-Dupu_sw5.cjs.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-group-CHJ1VE5L.cjs → tabs-group-C3A9t09Q.cjs} +2 -2
- package/dist/{tabs-group-CHJ1VE5L.cjs.map → tabs-group-C3A9t09Q.cjs.map} +1 -1
- package/dist/{tabs-group-6xcNqJVh.js → tabs-group-C8zeef3S.js} +2 -2
- package/dist/{tabs-group-6xcNqJVh.js.map → tabs-group-C8zeef3S.js.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/{tailwind.mixin-dEqmlmEI.cjs → tailwind.mixin-C16PXbzn.cjs} +2 -2
- package/dist/{tailwind.mixin-dEqmlmEI.cjs.map → tailwind.mixin-C16PXbzn.cjs.map} +1 -1
- package/dist/{tailwind.mixin-D2ZmggHb.js → tailwind.mixin-DZPJ7kCh.js} +2 -2
- package/dist/{tailwind.mixin-D2ZmggHb.js.map → tailwind.mixin-DZPJ7kCh.js.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-C0giJ7oR.js → teleport.component-C_FhEBDr.js} +35 -35
- package/dist/{teleport.component-C0giJ7oR.js.map → teleport.component-C_FhEBDr.js.map} +1 -1
- package/dist/{teleport.component-C5EPU5Hd.cjs → teleport.component-KeTZiEjM.cjs} +2 -2
- package/dist/{teleport.component-C5EPU5Hd.cjs.map → teleport.component-KeTZiEjM.cjs.map} +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-T7Ae6OQS.cjs → textarea-08CHLJIt.cjs} +2 -2
- package/dist/{textarea-T7Ae6OQS.cjs.map → textarea-08CHLJIt.cjs.map} +1 -1
- package/dist/{textarea-DznXY4XP.js → textarea-CJX8ufEk.js} +2 -2
- package/dist/{textarea-DznXY4XP.js.map → textarea-CJX8ufEk.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-rAhvYWSo.js → theme-button-C0189bng.js} +2 -2
- package/dist/{theme-button-rAhvYWSo.js.map → theme-button-C0189bng.js.map} +1 -1
- package/dist/{theme-button-FAUTvtnc.cjs → theme-button-DIq9Bwd6.cjs} +2 -2
- package/dist/{theme-button-FAUTvtnc.cjs.map → theme-button-DIq9Bwd6.cjs.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/{theme.component-DWs2jXQN.js → theme.component-BJ8UIA_A.js} +2 -2
- package/dist/{theme.component-DWs2jXQN.js.map → theme.component-BJ8UIA_A.js.map} +1 -1
- package/dist/{theme.component-BccS626x.cjs → theme.component-CQZlNAYr.cjs} +2 -2
- package/dist/{theme.component-BccS626x.cjs.map → theme.component-CQZlNAYr.cjs.map} +1 -1
- package/dist/theme.js +1 -1
- package/dist/{tree-BbcH5gXF.cjs → tree-BeLMM0l5.cjs} +2 -2
- package/dist/{tree-BbcH5gXF.cjs.map → tree-BeLMM0l5.cjs.map} +1 -1
- package/dist/{tree-E21dLomQ.js → tree-Do6jY6lM.js} +2 -2
- package/dist/{tree-E21dLomQ.js.map → tree-Do6jY6lM.js.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-DS5Vx68F.cjs → typewriter-DPSbDZLc.cjs} +2 -2
- package/dist/{typewriter-DS5Vx68F.cjs.map → typewriter-DPSbDZLc.cjs.map} +1 -1
- package/dist/{typewriter-DKB-PEGO.js → typewriter-QBZimgx6.js} +4 -4
- package/dist/{typewriter-DKB-PEGO.js.map → typewriter-QBZimgx6.js.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-BX0GzBGU.cjs → typography-BbLaRssU.cjs} +2 -2
- package/dist/{typography-BX0GzBGU.cjs.map → typography-BbLaRssU.cjs.map} +1 -1
- package/dist/{typography-QSUB3lBd.js → typography-C4sugoW2.js} +2 -2
- package/dist/{typography-QSUB3lBd.js.map → typography-C4sugoW2.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/types/src/autocomplete/autocomplete.d.ts +29 -3
- package/types/src/button/button.d.ts +12 -9
- package/types/src/button/icon-button.d.ts +15 -11
- package/types/src/form/form.d.ts +0 -1
- package/types/src/select/select.d.ts +0 -19
- package/dist/autocomplete-CHpArsZC.cjs +0 -48
- package/dist/autocomplete-CHpArsZC.cjs.map +0 -1
- package/dist/autocomplete-CiCw7cWc.js +0 -225
- package/dist/autocomplete-CiCw7cWc.js.map +0 -1
- package/dist/form-B6BML4Gw.js.map +0 -1
- package/dist/form-o9voayRS.cjs +0 -8
- package/dist/form-o9voayRS.cjs.map +0 -1
- package/dist/icon-button-CIxJbF_T.cjs +0 -38
- package/dist/icon-button-CIxJbF_T.cjs.map +0 -1
- package/dist/icon-button-CYNjACmd.js +0 -123
- package/dist/icon-button-CYNjACmd.js.map +0 -1
- package/dist/input-By2qm_Uq.js.map +0 -1
- package/dist/input-CdgeGV93.cjs.map +0 -1
- package/dist/option-BHH_JwXm.js.map +0 -1
- package/dist/option-D2uLD4HI.cjs.map +0 -1
- package/dist/select-CZfw92Ty.js.map +0 -1
- package/dist/select-DYwm6zVU.cjs +0 -52
- package/dist/select-DYwm6zVU.cjs.map +0 -1
- package/dist/sheet-0256n1h7.cjs.map +0 -1
- package/dist/sheet-BnwMNJKD.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-DJhZyWFl.js","sources":["../src/layout/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\n\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\t// Optionally, keep your global Layout styles plus this component's SCSS\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\n\t// You mentioned \"layout = true\" in your base class; keep if needed\n\tlayout = true\n\n\t/**\n\t * The flex direction property:\n\t * - \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\n\t/**\n\t * The flex-wrap property:\n\t * - \"wrap\" | \"nowrap\" | \"wrap-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items property:\n\t * - \"start\" (flex-start), \"center\", \"end\" (flex-end), \"stretch\", \"baseline\"\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\n\t/**\n\t * Justify-content property:\n\t * - \"start\", \"center\", \"end\", \"between\"\n\t * (Note: \"stretch\" doesn't exist as a Tailwind justify- class;\n\t * for horizontal stretching, you typically rely on width or gap.)\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' = 'start'\n\n\t/**\n\t * Gap sizes:\n\t * - \"none\" (0), \"sm\" (2), \"md\" (4), \"lg\" (8)\n\t * (Feel free to add more if your Tailwind config has them.)\n\t */\n\t@property({ type: String, reflect: true })\n\tgap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\t// Build the Tailwind class map\n\t\tconst classes = {\n\t\t\t// Always use \"flex\"\n\t\t\tflex: true,\n\n\t\t\t// Flow (direction)\n\t\t\t'flex-row': this.flow === 'row',\n\t\t\t'flex-row-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-col': this.flow === 'col',\n\t\t\t'flex-col-reverse': this.flow === 'col-reverse',\n\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\n\t\t\t// Align-items\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\n\t\t\t// Justify-content\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-between': this.justify === 'between',\n\t\t\t// (No standard Tailwind \"justify-stretch\".)\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\t// You can use styleMap for inline style overrides if needed\n\t\tconst inlineStyles = {}\n\n\t\treturn html`\n\t\t\t<section class=${this.classMap(classes)} style=${styleMap(inlineStyles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout/layout'\nimport style from './grid.scss?inline'\n\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n\t.scrollbar-hide {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t.scrollbar-hide::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\n`) {\n\t/**\n\t * Determines whether the scrollbar is hidden.\n\t *\n\t * When `hide` is true, the inner scrollable div receives the `scrollbar-hide` class,\n\t * which hides scrollbars in supported browsers.\n\t *\n\t * @attr hide\n\t * @example <schmancy-scroll hide></schmancy-scroll>\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic hide = false\n\n\trender() {\n\t\t// The classes are dynamically assigned based on the `hide` property.\n\t\tconst classes = {\n\t\t\t'h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain': true,\n\t\t\t'scrollbar-hide': this.hide,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t\t<div class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n"],"names":["Layout","TailwindElement","super","arguments","this","layout","center","undefined","display","overflow","overflowX","overflowY","position","connectedCallback","style","setProperty","padding","margin","width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","inset","zIndex","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","borderWidth","boxShadow","opacity","background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundColor","backgroundClip","backgroundOrigin","backgroundBlendMode","filter","backdropFilter","styles","_b","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","rcols","fromEvent","window","pipe","map","event","target","startWith","clientWidth","innerWidth","distinctUntilChanged","takeUntil","disconnecting","debounceTime","w","cols","xl","lg","md","sm","xs","subscribe","gridTemplateRows","rows","gridTemplateColumns","Object","queryAssignedElements","SchmancyScroll","css","hide","render"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"scroll-DFMvmm21.js","sources":["../src/layout/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\n\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\t// Optionally, keep your global Layout styles plus this component's SCSS\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\n\t// You mentioned \"layout = true\" in your base class; keep if needed\n\tlayout = true\n\n\t/**\n\t * The flex direction property:\n\t * - \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\n\t/**\n\t * The flex-wrap property:\n\t * - \"wrap\" | \"nowrap\" | \"wrap-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items property:\n\t * - \"start\" (flex-start), \"center\", \"end\" (flex-end), \"stretch\", \"baseline\"\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\n\t/**\n\t * Justify-content property:\n\t * - \"start\", \"center\", \"end\", \"between\"\n\t * (Note: \"stretch\" doesn't exist as a Tailwind justify- class;\n\t * for horizontal stretching, you typically rely on width or gap.)\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' = 'start'\n\n\t/**\n\t * Gap sizes:\n\t * - \"none\" (0), \"sm\" (2), \"md\" (4), \"lg\" (8)\n\t * (Feel free to add more if your Tailwind config has them.)\n\t */\n\t@property({ type: String, reflect: true })\n\tgap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\t// Build the Tailwind class map\n\t\tconst classes = {\n\t\t\t// Always use \"flex\"\n\t\t\tflex: true,\n\n\t\t\t// Flow (direction)\n\t\t\t'flex-row': this.flow === 'row',\n\t\t\t'flex-row-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-col': this.flow === 'col',\n\t\t\t'flex-col-reverse': this.flow === 'col-reverse',\n\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\n\t\t\t// Align-items\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\n\t\t\t// Justify-content\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-between': this.justify === 'between',\n\t\t\t// (No standard Tailwind \"justify-stretch\".)\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\t// You can use styleMap for inline style overrides if needed\n\t\tconst inlineStyles = {}\n\n\t\treturn html`\n\t\t\t<section class=${this.classMap(classes)} style=${styleMap(inlineStyles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout/layout'\nimport style from './grid.scss?inline'\n\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n\t.scrollbar-hide {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t.scrollbar-hide::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\n`) {\n\t/**\n\t * Determines whether the scrollbar is hidden.\n\t *\n\t * When `hide` is true, the inner scrollable div receives the `scrollbar-hide` class,\n\t * which hides scrollbars in supported browsers.\n\t *\n\t * @attr hide\n\t * @example <schmancy-scroll hide></schmancy-scroll>\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic hide = false\n\n\trender() {\n\t\t// The classes are dynamically assigned based on the `hide` property.\n\t\tconst classes = {\n\t\t\t'h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain': true,\n\t\t\t'scrollbar-hide': this.hide,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t\t<div class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n"],"names":["Layout","TailwindElement","super","arguments","this","layout","center","undefined","display","overflow","overflowX","overflowY","position","connectedCallback","style","setProperty","padding","margin","width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","inset","zIndex","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","borderWidth","boxShadow","opacity","background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundColor","backgroundClip","backgroundOrigin","backgroundBlendMode","filter","backdropFilter","styles","_b","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","rcols","fromEvent","window","pipe","map","event","target","startWith","clientWidth","innerWidth","distinctUntilChanged","takeUntil","disconnecting","debounceTime","w","cols","xl","lg","md","sm","xs","subscribe","gridTemplateRows","rows","gridTemplateColumns","Object","queryAssignedElements","SchmancyScroll","css","hide","render"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const d=require("lit"),t=require("lit/decorators.js"),k=require("lit/directives/style-map.js"),a=require("rxjs");require("lit/directives/class-map.js");const P=require("./tailwind.mixin-
|
|
1
|
+
"use strict";const d=require("lit"),t=require("lit/decorators.js"),k=require("lit/directives/style-map.js"),a=require("rxjs");require("lit/directives/class-map.js");const P=require("./tailwind.mixin-C16PXbzn.cjs");var j=Object.defineProperty,r=(s,i,n,p)=>{for(var l,o=void 0,y=s.length-1;y>=0;y--)(l=s[y])&&(o=l(i,n,o)||o);return o&&j(i,n,o),o};const g=class g extends P.TailwindElement(){constructor(){super(...arguments),this.layout=!0,this.center=void 0,this.display=void 0,this.overflow=void 0,this.overflowX=void 0,this.overflowY=void 0,this.position=void 0}connectedCallback(){super.connectedCallback(),this.style.setProperty("padding",this.padding??""),this.style.setProperty("margin",this.margin??""),this.style.setProperty("width",this.width??""),this.style.setProperty("height",this.height??""),this.style.setProperty("min-width",this.minWidth??""),this.style.setProperty("min-height",this.minHeight??""),this.style.setProperty("max-width",this.maxWidth??""),this.style.setProperty("max-height",this.maxHeight??""),this.style.setProperty("display",this.display??""),this.style.setProperty("overflow",this.overflow??""),this.style.setProperty("overflow-x",this.overflowX??""),this.style.setProperty("overflow-y",this.overflowY??""),this.style.setProperty("position",this.position??""),this.style.setProperty("top",this.top??""),this.style.setProperty("right",this.right??""),this.style.setProperty("bottom",this.bottom??""),this.style.setProperty("left",this.left??""),this.style.setProperty("inset",this.inset??""),this.style.setProperty("z-index",this.zIndex??""),this.style.setProperty("border",this.border??""),this.style.setProperty("border-top",this.borderTop??""),this.style.setProperty("border-right",this.borderRight??""),this.style.setProperty("border-bottom",this.borderBottom??""),this.style.setProperty("border-left",this.borderLeft??""),this.style.setProperty("border-color",this.borderColor??""),this.style.setProperty("border-radius",this.borderRadius??""),this.style.setProperty("border-width",this.borderWidth??""),this.style.setProperty("box-shadow",this.boxShadow??""),this.style.setProperty("opacity",this.opacity??""),this.style.setProperty("background",this.background??""),this.style.setProperty("background-image",this.backgroundImage??""),this.style.setProperty("background-position",this.backgroundPosition??""),this.style.setProperty("background-size",this.backgroundSize??""),this.style.setProperty("background-repeat",this.backgroundRepeat??""),this.style.setProperty("background-attachment",this.backgroundAttachment??""),this.style.setProperty("background-color",this.backgroundColor??""),this.style.setProperty("background-clip",this.backgroundClip??""),this.style.setProperty("background-origin",this.backgroundOrigin??""),this.style.setProperty("background-blend-mode",this.backgroundBlendMode??""),this.style.setProperty("filter",this.filter??""),this.style.setProperty("backdrop-filter",this.backdropFilter??""),this.center&&(this.style.setProperty("margin-left","auto"),this.style.setProperty("margin-right","auto"))}};g.styles=[g.styles];let e=g;r([t.property({type:Boolean})],e.prototype,"center"),r([t.property({type:String})],e.prototype,"padding"),r([t.property({type:String})],e.prototype,"margin"),r([t.property({type:String})],e.prototype,"width"),r([t.property({type:String})],e.prototype,"height"),r([t.property({type:String})],e.prototype,"minWidth"),r([t.property({type:String})],e.prototype,"minHeight"),r([t.property({type:String})],e.prototype,"maxWidth"),r([t.property({type:String})],e.prototype,"maxHeight"),r([t.property({type:String})],e.prototype,"display"),r([t.property({type:String})],e.prototype,"overflow"),r([t.property({type:String})],e.prototype,"overflowX"),r([t.property({type:String})],e.prototype,"overflowY"),r([t.property({type:String})],e.prototype,"position"),r([t.property({type:String})],e.prototype,"top"),r([t.property({type:String})],e.prototype,"right"),r([t.property({type:String})],e.prototype,"bottom"),r([t.property({type:String})],e.prototype,"left"),r([t.property({type:String})],e.prototype,"inset"),r([t.property({type:String})],e.prototype,"zIndex"),r([t.property({type:String})],e.prototype,"border"),r([t.property({type:String})],e.prototype,"borderTop"),r([t.property({type:String})],e.prototype,"borderRight"),r([t.property({type:String})],e.prototype,"borderBottom"),r([t.property({type:String})],e.prototype,"borderLeft"),r([t.property({type:String})],e.prototype,"borderColor"),r([t.property({type:String})],e.prototype,"borderRadius"),r([t.property({type:String})],e.prototype,"borderWidth"),r([t.property({type:String})],e.prototype,"boxShadow"),r([t.property({type:String})],e.prototype,"opacity"),r([t.property({type:String})],e.prototype,"background"),r([t.property({type:String})],e.prototype,"backgroundImage"),r([t.property({type:String})],e.prototype,"backgroundPosition"),r([t.property({type:String})],e.prototype,"backgroundSize"),r([t.property({type:String})],e.prototype,"backgroundRepeat"),r([t.property({type:String})],e.prototype,"backgroundAttachment"),r([t.property({type:String})],e.prototype,"backgroundColor"),r([t.property({type:String})],e.prototype,"backgroundClip"),r([t.property({type:String})],e.prototype,"backgroundOrigin"),r([t.property({type:String})],e.prototype,"backgroundBlendMode"),r([t.property({type:String})],e.prototype,"filter"),r([t.property({type:String})],e.prototype,"backdropFilter");var G=Object.defineProperty,O=Object.getOwnPropertyDescriptor,c=(s,i,n,p)=>{for(var l,o=p>1?void 0:p?O(i,n):i,y=s.length-1;y>=0;y--)(l=s[y])&&(o=(p?l(i,n,o):l(o))||o);return p&&o&&G(i,n,o),o};exports.SchmancyFlex=class extends e{constructor(){super(...arguments),this.layout=!0,this.flow="col",this.wrap="wrap",this.align="start",this.justify="start",this.gap="none"}render(){const s={flex:!0,"flex-row":this.flow==="row","flex-row-reverse":this.flow==="row-reverse","flex-col":this.flow==="col","flex-col-reverse":this.flow==="col-reverse","flex-wrap":this.wrap==="wrap","flex-nowrap":this.wrap==="nowrap","flex-wrap-reverse":this.wrap==="wrap-reverse","items-start":this.align==="start","items-center":this.align==="center","items-end":this.align==="end","items-stretch":this.align==="stretch","items-baseline":this.align==="baseline","justify-start":this.justify==="start","justify-center":this.justify==="center","justify-end":this.justify==="end","justify-between":this.justify==="between","gap-0":this.gap==="none","gap-2":this.gap==="sm","gap-4":this.gap==="md","gap-8":this.gap==="lg"};return d.html`
|
|
2
2
|
<section class=${this.classMap(s)} style=${k.styleMap({})}>
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</section>
|
|
@@ -30,4 +30,4 @@
|
|
|
30
30
|
</div>
|
|
31
31
|
</div>
|
|
32
32
|
`}},x([t.property({type:Boolean,reflect:!0})],exports.SchmancyScroll.prototype,"hide",2),exports.SchmancyScroll=x([t.customElement("schmancy-scroll")],exports.SchmancyScroll);
|
|
33
|
-
//# sourceMappingURL=scroll-
|
|
33
|
+
//# sourceMappingURL=scroll-DJQVW4VV.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-DbSG1gU1.cjs","sources":["../src/layout/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\n\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\t// Optionally, keep your global Layout styles plus this component's SCSS\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\n\t// You mentioned \"layout = true\" in your base class; keep if needed\n\tlayout = true\n\n\t/**\n\t * The flex direction property:\n\t * - \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\n\t/**\n\t * The flex-wrap property:\n\t * - \"wrap\" | \"nowrap\" | \"wrap-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items property:\n\t * - \"start\" (flex-start), \"center\", \"end\" (flex-end), \"stretch\", \"baseline\"\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\n\t/**\n\t * Justify-content property:\n\t * - \"start\", \"center\", \"end\", \"between\"\n\t * (Note: \"stretch\" doesn't exist as a Tailwind justify- class;\n\t * for horizontal stretching, you typically rely on width or gap.)\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' = 'start'\n\n\t/**\n\t * Gap sizes:\n\t * - \"none\" (0), \"sm\" (2), \"md\" (4), \"lg\" (8)\n\t * (Feel free to add more if your Tailwind config has them.)\n\t */\n\t@property({ type: String, reflect: true })\n\tgap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\t// Build the Tailwind class map\n\t\tconst classes = {\n\t\t\t// Always use \"flex\"\n\t\t\tflex: true,\n\n\t\t\t// Flow (direction)\n\t\t\t'flex-row': this.flow === 'row',\n\t\t\t'flex-row-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-col': this.flow === 'col',\n\t\t\t'flex-col-reverse': this.flow === 'col-reverse',\n\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\n\t\t\t// Align-items\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\n\t\t\t// Justify-content\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-between': this.justify === 'between',\n\t\t\t// (No standard Tailwind \"justify-stretch\".)\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\t// You can use styleMap for inline style overrides if needed\n\t\tconst inlineStyles = {}\n\n\t\treturn html`\n\t\t\t<section class=${this.classMap(classes)} style=${styleMap(inlineStyles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout/layout'\nimport style from './grid.scss?inline'\n\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n\t.scrollbar-hide {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t.scrollbar-hide::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\n`) {\n\t/**\n\t * Determines whether the scrollbar is hidden.\n\t *\n\t * When `hide` is true, the inner scrollable div receives the `scrollbar-hide` class,\n\t * which hides scrollbars in supported browsers.\n\t *\n\t * @attr hide\n\t * @example <schmancy-scroll hide></schmancy-scroll>\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic hide = false\n\n\trender() {\n\t\t// The classes are dynamically assigned based on the `hide` property.\n\t\tconst classes = {\n\t\t\t'h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain': true,\n\t\t\t'scrollbar-hide': this.hide,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t\t<div class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n"],"names":["Layout","TailwindElement","constructor","super","arguments","this","layout","center","undefined","display","overflow","overflowX","overflowY","position","connectedCallback","style","setProperty","padding","margin","width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","inset","zIndex","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","borderWidth","boxShadow","opacity","background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundColor","backgroundClip","backgroundOrigin","backgroundBlendMode","filter","backdropFilter","styles","_n","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","rcols","fromEvent","window","pipe","map","event","target","startWith","clientWidth","innerWidth","distinctUntilChanged","takeUntil","disconnecting","debounceTime","w","cols","xl","lg","md","sm","xs","subscribe","gridTemplateRows","rows","gridTemplateColumns","Object","queryAssignedElements","SchmancyScroll","css","hide","render"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"scroll-DJQVW4VV.cjs","sources":["../src/layout/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout/layout'\nimport style from './flex.scss?inline'\n\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\t// Optionally, keep your global Layout styles plus this component's SCSS\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\n\t// You mentioned \"layout = true\" in your base class; keep if needed\n\tlayout = true\n\n\t/**\n\t * The flex direction property:\n\t * - \"row\" | \"row-reverse\" | \"col\" | \"col-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\n\t/**\n\t * The flex-wrap property:\n\t * - \"wrap\" | \"nowrap\" | \"wrap-reverse\"\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items property:\n\t * - \"start\" (flex-start), \"center\", \"end\" (flex-end), \"stretch\", \"baseline\"\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\n\t/**\n\t * Justify-content property:\n\t * - \"start\", \"center\", \"end\", \"between\"\n\t * (Note: \"stretch\" doesn't exist as a Tailwind justify- class;\n\t * for horizontal stretching, you typically rely on width or gap.)\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' = 'start'\n\n\t/**\n\t * Gap sizes:\n\t * - \"none\" (0), \"sm\" (2), \"md\" (4), \"lg\" (8)\n\t * (Feel free to add more if your Tailwind config has them.)\n\t */\n\t@property({ type: String, reflect: true })\n\tgap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\t// Build the Tailwind class map\n\t\tconst classes = {\n\t\t\t// Always use \"flex\"\n\t\t\tflex: true,\n\n\t\t\t// Flow (direction)\n\t\t\t'flex-row': this.flow === 'row',\n\t\t\t'flex-row-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-col': this.flow === 'col',\n\t\t\t'flex-col-reverse': this.flow === 'col-reverse',\n\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\n\t\t\t// Align-items\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\n\t\t\t// Justify-content\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-between': this.justify === 'between',\n\t\t\t// (No standard Tailwind \"justify-stretch\".)\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\t// You can use styleMap for inline style overrides if needed\n\t\tconst inlineStyles = {}\n\n\t\treturn html`\n\t\t\t<section class=${this.classMap(classes)} style=${styleMap(inlineStyles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout/layout'\nimport style from './grid.scss?inline'\n\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-scroll')\nexport class SchmancyScroll extends TailwindElement(css`\n\t:host {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tbox-sizing: border-box; /* Ensures proper sizing */\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0px;\n\t}\n\t.scrollbar-hide {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t.scrollbar-hide::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\n`) {\n\t/**\n\t * Determines whether the scrollbar is hidden.\n\t *\n\t * When `hide` is true, the inner scrollable div receives the `scrollbar-hide` class,\n\t * which hides scrollbars in supported browsers.\n\t *\n\t * @attr hide\n\t * @example <schmancy-scroll hide></schmancy-scroll>\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic hide = false\n\n\trender() {\n\t\t// The classes are dynamically assigned based on the `hide` property.\n\t\tconst classes = {\n\t\t\t'h-full w-full inset-0 overflow-x-scroll overflow-y-scroll scroll-smooth overscroll-contain': true,\n\t\t\t'scrollbar-hide': this.hide,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"relative inset-0 h-full w-full overscroll-none\">\n\t\t\t\t<div class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-scroll': SchmancyScroll\n\t}\n}\n"],"names":["Layout","TailwindElement","constructor","super","arguments","this","layout","center","undefined","display","overflow","overflowX","overflowY","position","connectedCallback","style","setProperty","padding","margin","width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","inset","zIndex","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","borderWidth","boxShadow","opacity","background","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundColor","backgroundClip","backgroundOrigin","backgroundBlendMode","filter","backdropFilter","styles","_n","__decorateClass","property","type","Boolean","prototype","String","SchmancyFlex","flow","wrap","align","justify","gap","classes","flex","html","classMap","styleMap","unsafeCSS","reflect","customElement","SchmancyGrid","content","rcols","fromEvent","window","pipe","map","event","target","startWith","clientWidth","innerWidth","distinctUntilChanged","takeUntil","disconnecting","debounceTime","w","cols","xl","lg","md","sm","xs","subscribe","gridTemplateRows","rows","gridTemplateColumns","Object","queryAssignedElements","SchmancyScroll","css","hide","render"],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
"use strict";const a=require("@floating-ui/dom");require("rxjs");const p=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const u=require("./litElement.mixin-BhS9oGuC.cjs");require("./tailwind.mixin-C16PXbzn.cjs");const d=require("./ripple-C2BHbhcS.cjs"),y=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),o=require("lit/decorators.js");var m=Object.defineProperty,b=Object.getOwnPropertyDescriptor,l=(e,t,s,i)=>{for(var c,n=i>1?void 0:i?b(t,s):t,r=e.length-1;r>=0;r--)(c=e[r])&&(n=(i?c(t,s,n):c(n))||n);return i&&n&&m(t,s,n),n};exports.SchmancySelect=class extends u.$LitElement(h.css`
|
|
2
|
+
:host {
|
|
3
|
+
display: block;
|
|
4
|
+
position: relative;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
[role='listbox'] {
|
|
8
|
+
max-height: 25vh;
|
|
9
|
+
overflow-y: auto;
|
|
10
|
+
outline: none;
|
|
11
|
+
}
|
|
12
|
+
`){constructor(){super(...arguments),this.required=!1,this.placeholder="",this.value="",this.selectedValues=[],this.multi=!1,this.label="",this.isOpen=!1,this.valueLabel=""}connectedCallback(){super.connectedCallback(),this.id||(this.id=`schmancy-select-${Math.random().toString(36).substr(2,9)}`),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){var e;super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),(e=this.cleanupPositioner)==null||e.call(this)}firstUpdated(){this.syncSelection(),this.setupOptionsAccessibility()}syncSelection(){if(this.multi)this.selectedValues=this.options.filter(e=>e.selected).map(e=>e.value),this.valueLabel=this.selectedValues.length>0?this.options.filter(e=>this.selectedValues.includes(e.value)).map(e=>e.label).join(", "):this.placeholder;else{const e=this.options.find(t=>t.value===this.value);this.valueLabel=(e==null?void 0:e.label)||this.placeholder}}setupOptionsAccessibility(){this.options.forEach((e,t)=>{e.setAttribute("role","option"),e.id||(e.id=`${this.id}-option-${t}`),e.tabIndex=-1,e.setAttribute("aria-selected",String(this.multi?this.selectedValues.includes(e.value):e.value===this.value))})}async positionDropdown(){const e=this.renderRoot.querySelector(".trigger");e&&this.ul&&(this.cleanupPositioner=a.autoUpdate(e,this.ul,async()=>{const{x:t,y:s}=await a.computePosition(e,this.ul,{placement:"bottom-start",middleware:[a.offset(5),a.flip(),a.shift({padding:5})]});Object.assign(this.ul.style,{left:`${t}px`,top:`${s}px`,position:"absolute"})}))}handleKeyDown(e){if(!this.isOpen)return void(["Enter"," ","ArrowDown"].includes(e.key)&&(e.preventDefault(),this.openDropdown()));const t=this.options.findIndex(s=>s.matches(":focus"))??-1;switch(e.key){case"Escape":case"Tab":this.closeDropdown();break;case"ArrowDown":e.preventDefault(),this.focusOption(this.options,Math.min(t+1,this.options.length-1));break;case"ArrowUp":e.preventDefault(),this.focusOption(this.options,Math.max(t-1,0));break;case"Enter":case" ":e.preventDefault(),t>=0&&this.handleOptionSelect(this.options[t].value)}}focusOption(e,t){const s=e[t];if(s){s.focus();const i=this.renderRoot.querySelector(".trigger");i==null||i.setAttribute("aria-activedescendant",s.id)}}async openDropdown(){this.isOpen=!0,await this.updateComplete,this.positionDropdown(),this.setupOptionsAccessibility();const e=Array.from(this.ul.querySelectorAll('[role="option"]')),t=this.multi?0:e.findIndex(s=>s.getAttribute("value")===this.value);this.focusOption(e,Math.max(t,0))}closeDropdown(){var t;this.isOpen=!1,(t=this.cleanupPositioner)==null||t.call(this);const e=this.renderRoot.querySelector(".trigger");e==null||e.removeAttribute("aria-activedescendant"),e==null||e.focus()}handleOptionSelect(e){var t;if(this.multi){const s=this.options.find(i=>i.value===e);if(!s)return;s.selected=!s.selected,s.selected?this.selectedValues=[...this.selectedValues,e]:this.selectedValues=this.selectedValues.filter(i=>i!==e),this.valueLabel=this.selectedValues.length>0?this.options.filter(i=>this.selectedValues.includes(i.value)).map(i=>i.label).join(", "):this.placeholder,this.dispatchChange(this.selectedValues)}else this.options.forEach(s=>s.selected=s.value===e),this.value=e,this.valueLabel=((t=this.options.find(s=>s.value===e))==null?void 0:t.label)||this.placeholder,this.dispatchChange(e),this.closeDropdown();this.setupOptionsAccessibility()}dispatchChange(e){this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}render(){return h.html`
|
|
13
|
+
<div class="relative">
|
|
14
|
+
<schmancy-input
|
|
15
|
+
tabIndex="0"
|
|
16
|
+
class="trigger"
|
|
17
|
+
role="combobox"
|
|
18
|
+
aria-haspopup="listbox"
|
|
19
|
+
aria-expanded=${this.isOpen}
|
|
20
|
+
aria-controls="options"
|
|
21
|
+
aria-autocomplete="none"
|
|
22
|
+
aria-required=${this.required}
|
|
23
|
+
.label=${this.label}
|
|
24
|
+
.placeholder=${this.placeholder}
|
|
25
|
+
.value=${this.valueLabel}
|
|
26
|
+
.required=${this.required}
|
|
27
|
+
readonly
|
|
28
|
+
@click=${()=>this.isOpen?this.closeDropdown():this.openDropdown()}
|
|
29
|
+
></schmancy-input>
|
|
30
|
+
|
|
31
|
+
<div
|
|
32
|
+
id="overlay"
|
|
33
|
+
class="fixed inset-0"
|
|
34
|
+
?hidden=${!this.isOpen}
|
|
35
|
+
@click=${this.closeDropdown}
|
|
36
|
+
tabindex="-1"
|
|
37
|
+
aria-hidden="true"
|
|
38
|
+
></div>
|
|
39
|
+
|
|
40
|
+
<ul
|
|
41
|
+
id="options"
|
|
42
|
+
role="listbox"
|
|
43
|
+
aria-multiselectable=${this.multi}
|
|
44
|
+
class=${p.classMap({"absolute z-30 mt-1 w-full rounded-md shadow-sm":!0,hidden:!this.isOpen})}
|
|
45
|
+
${d.color({bgColor:y.SchmancyTheme.sys.color.surface.container})}
|
|
46
|
+
@click=${e=>{var i;const t=e,s=(i=t.detail)==null?void 0:i.value;s&&this.handleOptionSelect(s)}}
|
|
47
|
+
>
|
|
48
|
+
<slot
|
|
49
|
+
@slotchange=${()=>{this.syncSelection(),this.setupOptionsAccessibility()}}
|
|
50
|
+
></slot>
|
|
51
|
+
</ul>
|
|
52
|
+
</div>
|
|
53
|
+
`}},l([o.property({type:Boolean})],exports.SchmancySelect.prototype,"required",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"placeholder",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"value",2),l([o.property({type:Array})],exports.SchmancySelect.prototype,"selectedValues",2),l([o.property({type:Boolean})],exports.SchmancySelect.prototype,"multi",2),l([o.property({type:String})],exports.SchmancySelect.prototype,"label",2),l([o.state()],exports.SchmancySelect.prototype,"isOpen",2),l([o.state()],exports.SchmancySelect.prototype,"valueLabel",2),l([o.query("ul")],exports.SchmancySelect.prototype,"ul",2),l([o.queryAssignedElements({flatten:!0})],exports.SchmancySelect.prototype,"options",2),exports.SchmancySelect=l([o.customElement("schmancy-select")],exports.SchmancySelect);
|
|
54
|
+
//# sourceMappingURL=select-CV5sua6X.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-CV5sua6X.cjs","sources":["../src/select/select.ts"],"sourcesContent":["import { autoUpdate, computePosition, flip, offset, shift } from '@floating-ui/dom'\nimport { $LitElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport SchmancyOption from '@schmancy/option/option'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\n\nexport type SchmancySelectChangeEvent = CustomEvent<{\n\tvalue: string | string[]\n}>\n\n@customElement('schmancy-select')\nexport class SchmancySelect extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t}\n\n\t[role='listbox'] {\n\t\tmax-height: 25vh;\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t}\n`) {\n\t// API\n\t@property({ type: Boolean }) required = false\n\t@property({ type: String }) placeholder = ''\n\t@property({ type: String }) value = '' // for single-select\n\t@property({ type: Array }) selectedValues: string[] = [] // for multi-select\n\t@property({ type: Boolean }) multi = false\n\t@property({ type: String }) label = ''\n\n\t// Internal states\n\t@state() private isOpen = false\n\t@state() private valueLabel = ''\n\n\t@query('ul') private ul!: HTMLUListElement\n\t@queryAssignedElements({ flatten: true }) private options!: SchmancyOption[]\n\tprivate cleanupPositioner?: () => void\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`\n\t\t}\n\t\tthis.addEventListener('keydown', this.handleKeyDown)\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.removeEventListener('keydown', this.handleKeyDown)\n\t\tthis.cleanupPositioner?.()\n\t}\n\n\tfirstUpdated() {\n\t\tthis.syncSelection()\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tprivate syncSelection() {\n\t\tif (this.multi) {\n\t\t\tthis.selectedValues = this.options.filter(o => o.selected).map(o => o.value)\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\t\t} else {\n\t\t\tconst selectedOption = this.options.find(o => o.value === this.value)\n\t\t\tthis.valueLabel = selectedOption?.label || this.placeholder\n\t\t}\n\t}\n\n\tprivate setupOptionsAccessibility() {\n\t\tthis.options.forEach((option, index) => {\n\t\t\toption.setAttribute('role', 'option')\n\t\t\tif (!option.id) {\n\t\t\t\toption.id = `${this.id}-option-${index}`\n\t\t\t}\n\t\t\toption.tabIndex = -1\n\t\t\toption.setAttribute(\n\t\t\t\t'aria-selected',\n\t\t\t\tString(this.multi ? this.selectedValues.includes(option.value) : option.value === this.value),\n\t\t\t)\n\t\t})\n\t}\n\n\tprivate async positionDropdown() {\n\t\tconst reference = this.renderRoot.querySelector('.trigger') as HTMLElement\n\t\tif (!reference || !this.ul) return\n\n\t\tthis.cleanupPositioner = autoUpdate(reference, this.ul, async () => {\n\t\t\tconst { x, y } = await computePosition(reference, this.ul, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: [offset(5), flip(), shift({ padding: 5 })],\n\t\t\t})\n\n\t\t\tObject.assign(this.ul.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tposition: 'absolute',\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate handleKeyDown(e: KeyboardEvent) {\n\t\tif (!this.isOpen) {\n\t\t\tif (['Enter', ' ', 'ArrowDown'].includes(e.key)) {\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.openDropdown()\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst current = this.options.findIndex(o => o.matches(':focus')) ?? -1\n\n\t\tswitch (e.key) {\n\t\t\tcase 'Escape':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t\tcase 'ArrowDown':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.min(current + 1, this.options.length - 1))\n\t\t\t\tbreak\n\t\t\tcase 'ArrowUp':\n\t\t\t\te.preventDefault()\n\t\t\t\tthis.focusOption(this.options, Math.max(current - 1, 0))\n\t\t\t\tbreak\n\t\t\tcase 'Enter':\n\t\t\tcase ' ':\n\t\t\t\te.preventDefault()\n\t\t\t\tif (current >= 0) this.handleOptionSelect(this.options[current].value)\n\t\t\t\tbreak\n\t\t\tcase 'Tab':\n\t\t\t\tthis.closeDropdown()\n\t\t\t\tbreak\n\t\t}\n\t}\n\n\tprivate focusOption(options: HTMLElement[], index: number) {\n\t\tconst option = options[index]\n\t\tif (option) {\n\t\t\toption.focus()\n\t\t\tconst combobox = this.renderRoot.querySelector('.trigger')\n\t\t\tcombobox?.setAttribute('aria-activedescendant', option.id)\n\t\t}\n\t}\n\n\tprivate async openDropdown() {\n\t\tthis.isOpen = true\n\t\tawait this.updateComplete\n\n\t\tthis.positionDropdown()\n\t\tthis.setupOptionsAccessibility()\n\n\t\tconst options = Array.from(this.ul.querySelectorAll('[role=\"option\"]')) as HTMLElement[]\n\t\tconst selectedIndex = this.multi ? 0 : options.findIndex(o => o.getAttribute('value') === this.value)\n\t\tthis.focusOption(options, Math.max(selectedIndex, 0))\n\t}\n\n\tprivate closeDropdown() {\n\t\tthis.isOpen = false\n\t\tthis.cleanupPositioner?.()\n\t\tconst combobox = this.renderRoot.querySelector<HTMLElement>('.trigger')\n\t\tcombobox?.removeAttribute('aria-activedescendant')\n\t\tcombobox?.focus()\n\t}\n\n\tprivate handleOptionSelect(value: string) {\n\t\tif (this.multi) {\n\t\t\tconst option = this.options.find(o => o.value === value)\n\t\t\tif (!option) return\n\n\t\t\toption.selected = !option.selected\n\t\t\tif (option.selected) {\n\t\t\t\tthis.selectedValues = [...this.selectedValues, value]\n\t\t\t} else {\n\t\t\t\tthis.selectedValues = this.selectedValues.filter(v => v !== value)\n\t\t\t}\n\n\t\t\tthis.valueLabel =\n\t\t\t\tthis.selectedValues.length > 0\n\t\t\t\t\t? this.options\n\t\t\t\t\t\t\t.filter(o => this.selectedValues.includes(o.value))\n\t\t\t\t\t\t\t.map(o => o.label)\n\t\t\t\t\t\t\t.join(', ')\n\t\t\t\t\t: this.placeholder\n\n\t\t\tthis.dispatchChange(this.selectedValues)\n\t\t} else {\n\t\t\tthis.options.forEach(o => (o.selected = o.value === value))\n\t\t\tthis.value = value\n\t\t\tthis.valueLabel = this.options.find(o => o.value === value)?.label || this.placeholder\n\t\t\tthis.dispatchChange(value)\n\t\t\tthis.closeDropdown()\n\t\t}\n\n\t\tthis.setupOptionsAccessibility()\n\t}\n\n\tprivate dispatchChange(value: string | string[]) {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancySelectChangeEvent['detail']>('change', {\n\t\t\t\tdetail: { value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<div class=\"relative\">\n\t\t\t\t<schmancy-input\n\t\t\t\t\ttabIndex=\"0\"\n\t\t\t\t\tclass=\"trigger\"\n\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\taria-expanded=${this.isOpen}\n\t\t\t\t\taria-controls=\"options\"\n\t\t\t\t\taria-autocomplete=\"none\"\n\t\t\t\t\taria-required=${this.required}\n\t\t\t\t\t.label=${this.label}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.value=${this.valueLabel}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\treadonly\n\t\t\t\t\t@click=${() => (this.isOpen ? this.closeDropdown() : this.openDropdown())}\n\t\t\t\t></schmancy-input>\n\n\t\t\t\t<div\n\t\t\t\t\tid=\"overlay\"\n\t\t\t\t\tclass=\"fixed inset-0\"\n\t\t\t\t\t?hidden=${!this.isOpen}\n\t\t\t\t\t@click=${this.closeDropdown}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t></div>\n\n\t\t\t\t<ul\n\t\t\t\t\tid=\"options\"\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\taria-multiselectable=${this.multi}\n\t\t\t\t\tclass=${classMap({\n\t\t\t\t\t\t'absolute z-30 mt-1 w-full rounded-md shadow-sm': true,\n\t\t\t\t\t\thidden: !this.isOpen,\n\t\t\t\t\t})}\n\t\t\t\t\t${color({ bgColor: SchmancyTheme.sys.color.surface.container })}\n\t\t\t\t\t@click=${(e: Event) => {\n\t\t\t\t\t\tconst customEvt = e as CustomEvent\n\t\t\t\t\t\tconst detailVal = customEvt.detail?.value\n\t\t\t\t\t\tif (detailVal) {\n\t\t\t\t\t\t\tthis.handleOptionSelect(detailVal)\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<slot\n\t\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t\tthis.syncSelection()\n\t\t\t\t\t\t\tthis.setupOptionsAccessibility()\n\t\t\t\t\t\t}}\n\t\t\t\t\t></slot>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t`\n\t}\n}\n"],"names":["SchmancySelect","$LitElement","css","super","arguments","this","required","placeholder","value","selectedValues","multi","label","isOpen","valueLabel","connectedCallback","id","Math","random","toString","substr","addEventListener","handleKeyDown","disconnectedCallback","removeEventListener","cleanupPositioner","syncSelection","setupOptionsAccessibility","options","filter","o","selected","map","length","includes","join","selectedOption","find","forEach","option","index","setAttribute","tabIndex","String","positionDropdown","reference","renderRoot","querySelector","ul","autoUpdate","async","x","y","computePosition","placement","middleware","offset","flip","shift","padding","Object","assign","style","left","top","position","e","key","preventDefault","openDropdown","current","findIndex","matches","closeDropdown","focusOption","min","max","handleOptionSelect","focus","combobox","updateComplete","Array","from","querySelectorAll","selectedIndex","getAttribute","removeAttribute","v","dispatchChange","dispatchEvent","CustomEvent","detail","bubbles","composed","html","classMap","hidden","color","bgColor","SchmancyTheme","sys","surface","container","customEvt","detailVal","__decorateClass","property","type","Boolean","prototype","state","query","queryAssignedElements","flatten","customElement"],"mappings":"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"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { autoUpdate as h, computePosition as d, offset as u, flip as
|
|
1
|
+
import { autoUpdate as h, computePosition as d, offset as u, flip as m, shift as y } from "@floating-ui/dom";
|
|
2
2
|
import "rxjs";
|
|
3
|
-
import { classMap as
|
|
3
|
+
import { classMap as b } from "lit/directives/class-map.js";
|
|
4
4
|
import "lit/directives/style-map.js";
|
|
5
|
-
import { $ as
|
|
6
|
-
import "./tailwind.mixin-
|
|
5
|
+
import { $ as v } from "./litElement.mixin-B7v8pDMc.js";
|
|
6
|
+
import "./tailwind.mixin-DZPJ7kCh.js";
|
|
7
7
|
import { c as f } from "./ripple-BumgqsDT.js";
|
|
8
|
-
import { S as
|
|
9
|
-
import { css as
|
|
10
|
-
import { property as n, state as
|
|
11
|
-
var
|
|
12
|
-
for (var r, a = i > 1 ? void 0 : i ?
|
|
13
|
-
return i && a &&
|
|
8
|
+
import { S as g } from "./theme.interface-C5Kj6WjD.js";
|
|
9
|
+
import { css as w, html as O } from "lit";
|
|
10
|
+
import { property as n, state as p, query as D, queryAssignedElements as $, customElement as x } from "lit/decorators.js";
|
|
11
|
+
var A = Object.defineProperty, S = Object.getOwnPropertyDescriptor, l = (e, t, s, i) => {
|
|
12
|
+
for (var r, a = i > 1 ? void 0 : i ? S(t, s) : t, c = e.length - 1; c >= 0; c--) (r = e[c]) && (a = (i ? r(t, s, a) : r(a)) || a);
|
|
13
|
+
return i && a && A(t, s, a), a;
|
|
14
14
|
};
|
|
15
|
-
let o = class extends
|
|
15
|
+
let o = class extends v(w`
|
|
16
16
|
:host {
|
|
17
17
|
display: block;
|
|
18
18
|
position: relative;
|
|
@@ -28,7 +28,7 @@ let o = class extends b(g`
|
|
|
28
28
|
super(...arguments), this.required = !1, this.placeholder = "", this.value = "", this.selectedValues = [], this.multi = !1, this.label = "", this.isOpen = !1, this.valueLabel = "";
|
|
29
29
|
}
|
|
30
30
|
connectedCallback() {
|
|
31
|
-
super.connectedCallback(), this.addEventListener("keydown", this.handleKeyDown);
|
|
31
|
+
super.connectedCallback(), this.id || (this.id = `schmancy-select-${Math.random().toString(36).substr(2, 9)}`), this.addEventListener("keydown", this.handleKeyDown);
|
|
32
32
|
}
|
|
33
33
|
disconnectedCallback() {
|
|
34
34
|
var e;
|
|
@@ -45,14 +45,14 @@ let o = class extends b(g`
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
setupOptionsAccessibility() {
|
|
48
|
-
this.options.forEach((e) => {
|
|
49
|
-
e.setAttribute("role", "option"), e.tabIndex = -1, e.setAttribute("aria-selected", String(this.multi ? this.selectedValues.includes(e.value) : e.value === this.value));
|
|
48
|
+
this.options.forEach((e, t) => {
|
|
49
|
+
e.setAttribute("role", "option"), e.id || (e.id = `${this.id}-option-${t}`), e.tabIndex = -1, e.setAttribute("aria-selected", String(this.multi ? this.selectedValues.includes(e.value) : e.value === this.value));
|
|
50
50
|
});
|
|
51
51
|
}
|
|
52
52
|
async positionDropdown() {
|
|
53
53
|
const e = this.renderRoot.querySelector(".trigger");
|
|
54
54
|
e && this.ul && (this.cleanupPositioner = h(e, this.ul, async () => {
|
|
55
|
-
const { x: t, y: s } = await d(e, this.ul, { placement: "bottom-start", middleware: [u(5),
|
|
55
|
+
const { x: t, y: s } = await d(e, this.ul, { placement: "bottom-start", middleware: [u(5), m(), y({ padding: 5 })] });
|
|
56
56
|
Object.assign(this.ul.style, { left: `${t}px`, top: `${s}px`, position: "absolute" });
|
|
57
57
|
}));
|
|
58
58
|
}
|
|
@@ -76,8 +76,12 @@ let o = class extends b(g`
|
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
78
|
focusOption(e, t) {
|
|
79
|
-
|
|
80
|
-
(s
|
|
79
|
+
const s = e[t];
|
|
80
|
+
if (s) {
|
|
81
|
+
s.focus();
|
|
82
|
+
const i = this.renderRoot.querySelector(".trigger");
|
|
83
|
+
i == null || i.setAttribute("aria-activedescendant", s.id);
|
|
84
|
+
}
|
|
81
85
|
}
|
|
82
86
|
async openDropdown() {
|
|
83
87
|
this.isOpen = !0, await this.updateComplete, this.positionDropdown(), this.setupOptionsAccessibility();
|
|
@@ -85,8 +89,10 @@ let o = class extends b(g`
|
|
|
85
89
|
this.focusOption(e, Math.max(t, 0));
|
|
86
90
|
}
|
|
87
91
|
closeDropdown() {
|
|
88
|
-
var
|
|
89
|
-
this.isOpen = !1, (
|
|
92
|
+
var t;
|
|
93
|
+
this.isOpen = !1, (t = this.cleanupPositioner) == null || t.call(this);
|
|
94
|
+
const e = this.renderRoot.querySelector(".trigger");
|
|
95
|
+
e == null || e.removeAttribute("aria-activedescendant"), e == null || e.focus();
|
|
90
96
|
}
|
|
91
97
|
handleOptionSelect(e) {
|
|
92
98
|
var t;
|
|
@@ -103,42 +109,44 @@ let o = class extends b(g`
|
|
|
103
109
|
render() {
|
|
104
110
|
return O`
|
|
105
111
|
<div class="relative">
|
|
106
|
-
<!-- Some trigger (schmancy-input) -->
|
|
107
112
|
<schmancy-input
|
|
113
|
+
tabIndex="0"
|
|
108
114
|
class="trigger"
|
|
109
115
|
role="combobox"
|
|
110
116
|
aria-haspopup="listbox"
|
|
111
117
|
aria-expanded=${this.isOpen}
|
|
112
118
|
aria-controls="options"
|
|
119
|
+
aria-autocomplete="none"
|
|
120
|
+
aria-required=${this.required}
|
|
113
121
|
.label=${this.label}
|
|
114
122
|
.placeholder=${this.placeholder}
|
|
115
123
|
.value=${this.valueLabel}
|
|
124
|
+
.required=${this.required}
|
|
116
125
|
readonly
|
|
117
126
|
@click=${() => this.isOpen ? this.closeDropdown() : this.openDropdown()}
|
|
118
127
|
></schmancy-input>
|
|
119
128
|
|
|
120
|
-
<!-- Transparent overlay to close dropdown by clicking outside -->
|
|
121
129
|
<div
|
|
122
130
|
id="overlay"
|
|
123
131
|
class="fixed inset-0"
|
|
124
132
|
?hidden=${!this.isOpen}
|
|
125
133
|
@click=${this.closeDropdown}
|
|
126
134
|
tabindex="-1"
|
|
135
|
+
aria-hidden="true"
|
|
127
136
|
></div>
|
|
128
137
|
|
|
129
|
-
<!-- The dropdown options container -->
|
|
130
138
|
<ul
|
|
131
139
|
id="options"
|
|
132
140
|
role="listbox"
|
|
133
|
-
|
|
134
|
-
|
|
141
|
+
aria-multiselectable=${this.multi}
|
|
142
|
+
class=${b({ "absolute z-30 mt-1 w-full rounded-md shadow-sm": !0, hidden: !this.isOpen })}
|
|
143
|
+
${f({ bgColor: g.sys.color.surface.container })}
|
|
135
144
|
@click=${(e) => {
|
|
136
145
|
var i;
|
|
137
146
|
const t = e, s = (i = t.detail) == null ? void 0 : i.value;
|
|
138
147
|
s && this.handleOptionSelect(s);
|
|
139
148
|
}}
|
|
140
149
|
>
|
|
141
|
-
<!-- The <schmancy-option> elements get slotted in here -->
|
|
142
150
|
<slot
|
|
143
151
|
@slotchange=${() => {
|
|
144
152
|
this.syncSelection(), this.setupOptionsAccessibility();
|
|
@@ -149,8 +157,8 @@ let o = class extends b(g`
|
|
|
149
157
|
`;
|
|
150
158
|
}
|
|
151
159
|
};
|
|
152
|
-
l([n({ type: Boolean })], o.prototype, "required", 2), l([n({ type: String })], o.prototype, "placeholder", 2), l([n({ type: String })], o.prototype, "value", 2), l([n({ type: Array })], o.prototype, "selectedValues", 2), l([n({ type: Boolean })], o.prototype, "multi", 2), l([n({ type: String })], o.prototype, "label", 2), l([
|
|
160
|
+
l([n({ type: Boolean })], o.prototype, "required", 2), l([n({ type: String })], o.prototype, "placeholder", 2), l([n({ type: String })], o.prototype, "value", 2), l([n({ type: Array })], o.prototype, "selectedValues", 2), l([n({ type: Boolean })], o.prototype, "multi", 2), l([n({ type: String })], o.prototype, "label", 2), l([p()], o.prototype, "isOpen", 2), l([p()], o.prototype, "valueLabel", 2), l([D("ul")], o.prototype, "ul", 2), l([$({ flatten: !0 })], o.prototype, "options", 2), o = l([x("schmancy-select")], o);
|
|
153
161
|
export {
|
|
154
162
|
o as S
|
|
155
163
|
};
|
|
156
|
-
//# sourceMappingURL=select-
|
|
164
|
+
//# sourceMappingURL=select-DOuDb1OD.js.map
|