@mhmo91/schmancy 0.2.126 → 0.2.128
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-CR7nS6VW.js → animated-text-BJXm6krF.js} +3 -3
- package/dist/{animated-text-CR7nS6VW.js.map → animated-text-BJXm6krF.js.map} +1 -1
- package/dist/{animated-text-C7Kwa_OI.cjs → animated-text-rLaot0v2.cjs} +2 -2
- package/dist/{animated-text-C7Kwa_OI.cjs.map → animated-text-rLaot0v2.cjs.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-AypdoH-o.cjs → area.component-CP5oin2j.cjs} +2 -2
- package/dist/{area.component-AypdoH-o.cjs.map → area.component-CP5oin2j.cjs.map} +1 -1
- package/dist/{area.component-DP34t7HX.js → area.component-DlAEUmgd.js} +3 -3
- package/dist/{area.component-DP34t7HX.js.map → area.component-DlAEUmgd.js.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-DtXL-EYa.js → autocomplete-Bbi68nzP.js} +3 -3
- package/dist/{autocomplete-DtXL-EYa.js.map → autocomplete-Bbi68nzP.js.map} +1 -1
- package/dist/{autocomplete-BrXYON3m.cjs → autocomplete-DEUfHcCH.cjs} +2 -2
- package/dist/{autocomplete-BrXYON3m.cjs.map → autocomplete-DEUfHcCH.cjs.map} +1 -1
- 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 +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-D9hGlFti.cjs → checkbox-DrrcDAjr.cjs} +2 -2
- package/dist/{checkbox-D9hGlFti.cjs.map → checkbox-DrrcDAjr.cjs.map} +1 -1
- package/dist/{checkbox-C6z4niEj.js → checkbox-N_JVa-1W.js} +2 -2
- package/dist/{checkbox-C6z4niEj.js.map → checkbox-N_JVa-1W.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-wP7Z-qFr.cjs → chips-DrYrCyTG.cjs} +2 -2
- package/dist/{chips-wP7Z-qFr.cjs.map → chips-DrYrCyTG.cjs.map} +1 -1
- package/dist/{chips-De6Vldxt.js → chips-DuSV3Pg2.js} +3 -3
- package/dist/{chips-De6Vldxt.js.map → chips-DuSV3Pg2.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/{context-object-CVqtbNDv.js → context-object-CD26Iary.js} +20 -17
- package/dist/context-object-CD26Iary.js.map +1 -0
- package/dist/context-object-D81PeS3j.cjs +2 -0
- package/dist/context-object-D81PeS3j.cjs.map +1 -0
- package/dist/{date-range-rIm4WhKI.js → date-range-6fQ4ypDJ.js} +3 -3
- package/dist/{date-range-rIm4WhKI.js.map → date-range-6fQ4ypDJ.js.map} +1 -1
- package/dist/{date-range-BHtt61m5.cjs → date-range-DoZNetuD.cjs} +2 -2
- package/dist/{date-range-BHtt61m5.cjs.map → date-range-DoZNetuD.cjs.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-PEhN0JaA.js → delay-CSAsNZ4k.js} +2 -2
- package/dist/{delay-PEhN0JaA.js.map → delay-CSAsNZ4k.js.map} +1 -1
- package/dist/{delay-xd8PmM2r.cjs → delay-WrR6CJK_.cjs} +2 -2
- package/dist/{delay-xd8PmM2r.cjs.map → delay-WrR6CJK_.cjs.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{divider-B_GBA6wG.js → divider-ByXACxEQ.js} +3 -3
- package/dist/{divider-B_GBA6wG.js.map → divider-ByXACxEQ.js.map} +1 -1
- package/dist/{divider-CW3prtEN.cjs → divider-Cl2Thq2Y.cjs} +2 -2
- package/dist/{divider-CW3prtEN.cjs.map → divider-Cl2Thq2Y.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/extra.cjs +1 -1
- package/dist/extra.js +1 -1
- package/dist/{flex-Cmd1vWus.js → flex-BGVyAdBX.js} +2 -2
- package/dist/{flex-Cmd1vWus.js.map → flex-BGVyAdBX.js.map} +1 -1
- package/dist/{flex-CbweZ1uz.cjs → flex-DeB79N0h.cjs} +2 -2
- package/dist/{flex-CbweZ1uz.cjs.map → flex-DeB79N0h.cjs.map} +1 -1
- package/dist/{form-qGZu5wRz.js → form-DATARECy.js} +2 -2
- package/dist/{form-qGZu5wRz.js.map → form-DATARECy.js.map} +1 -1
- package/dist/{form-GwdkWkeq.cjs → form-Dkh-YG_8.cjs} +2 -2
- package/dist/{form-GwdkWkeq.cjs.map → form-Dkh-YG_8.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{icon-DYd0ia3y.cjs → icon-BbqYaRVu.cjs} +2 -2
- package/dist/{icon-DYd0ia3y.cjs.map → icon-BbqYaRVu.cjs.map} +1 -1
- package/dist/{icon-0jYWClYF.js → icon-BdqEZEF8.js} +3 -3
- package/dist/{icon-0jYWClYF.js.map → icon-BdqEZEF8.js.map} +1 -1
- package/dist/{icon-button-CNn-TBQr.cjs → icon-button-BUUtmKnu.cjs} +2 -2
- package/dist/{icon-button-CNn-TBQr.cjs.map → icon-button-BUUtmKnu.cjs.map} +1 -1
- package/dist/{icon-button-Cb9UFHRA.js → icon-button-DlnuclQQ.js} +3 -3
- package/dist/{icon-button-Cb9UFHRA.js.map → icon-button-DlnuclQQ.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 +118 -105
- package/dist/{input-BwUKlNLv.js → input-BDUd1ZGs.js} +2 -2
- package/dist/{input-BwUKlNLv.js.map → input-BDUd1ZGs.js.map} +1 -1
- package/dist/{input-BDvmjqzB.cjs → input-B_MWCRet.cjs} +2 -2
- package/dist/{input-BDvmjqzB.cjs.map → input-B_MWCRet.cjs.map} +1 -1
- 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-nuLmomtu.js → list-D0J2ndMA.js} +2 -2
- package/dist/{list-nuLmomtu.js.map → list-D0J2ndMA.js.map} +1 -1
- package/dist/{list-DGZ8nQDV.cjs → list-UOeNjOTt.cjs} +2 -2
- package/dist/{list-DGZ8nQDV.cjs.map → list-UOeNjOTt.cjs.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-CsMY3rsN.cjs → litElement.mixin-CfkMd-bR.cjs} +2 -2
- package/dist/{litElement.mixin-CsMY3rsN.cjs.map → litElement.mixin-CfkMd-bR.cjs.map} +1 -1
- package/dist/{litElement.mixin-KVNPHS0h.js → litElement.mixin-PXLBM6N4.js} +2 -2
- package/dist/{litElement.mixin-KVNPHS0h.js.map → litElement.mixin-PXLBM6N4.js.map} +1 -1
- package/dist/{menu-BoAxrHvz.cjs → menu-B4k2_5rl.cjs} +2 -2
- package/dist/{menu-BoAxrHvz.cjs.map → menu-B4k2_5rl.cjs.map} +1 -1
- package/dist/{menu-DCdcWg1Q.js → menu-D7PxtMOz.js} +3 -3
- package/dist/{menu-DCdcWg1Q.js.map → menu-D7PxtMOz.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- 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-BOoGEXyd.cjs → option-hsAZB8ji.cjs} +2 -2
- package/dist/{option-BOoGEXyd.cjs.map → option-hsAZB8ji.cjs.map} +1 -1
- package/dist/{option-04xx4j0z.js → option-vV2BM1B_.js} +2 -2
- package/dist/{option-04xx4j0z.js.map → option-vV2BM1B_.js.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{outlet-C9H_6XOK.cjs → outlet-DMOeEL6g.cjs} +2 -2
- package/dist/{outlet-C9H_6XOK.cjs.map → outlet-DMOeEL6g.cjs.map} +1 -1
- package/dist/{outlet-DlGwFO9i.js → outlet-DRaXjbOY.js} +2 -2
- package/dist/{outlet-DlGwFO9i.js.map → outlet-DRaXjbOY.js.map} +1 -1
- package/dist/{payment-card-form-DtcRjZp8.js → payment-card-form-8oXgNTFN.js} +3 -3
- package/dist/{payment-card-form-DtcRjZp8.js.map → payment-card-form-8oXgNTFN.js.map} +1 -1
- package/dist/{payment-card-form-BaysKg6Z.cjs → payment-card-form-DfbqzyTv.cjs} +2 -2
- package/dist/{payment-card-form-BaysKg6Z.cjs.map → payment-card-form-DfbqzyTv.cjs.map} +1 -1
- package/dist/{radio-group-BV6zZQBP.cjs → radio-group-CLt-d-Ni.cjs} +2 -2
- package/dist/{radio-group-BV6zZQBP.cjs.map → radio-group-CLt-d-Ni.cjs.map} +1 -1
- package/dist/{radio-group-BPFwj4dx.js → radio-group-DRXtgyf5.js} +2 -2
- package/dist/{radio-group-BPFwj4dx.js.map → radio-group-DRXtgyf5.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-CT4W6h4t.js → schmancy-steps-container-D1k0kjKI.js} +2 -2
- package/dist/{schmancy-steps-container-CT4W6h4t.js.map → schmancy-steps-container-D1k0kjKI.js.map} +1 -1
- package/dist/{schmancy-steps-container-CQp7mdgo.cjs → schmancy-steps-container-DguK5NK4.cjs} +2 -2
- package/dist/{schmancy-steps-container-CQp7mdgo.cjs.map → schmancy-steps-container-DguK5NK4.cjs.map} +1 -1
- package/dist/{select-DUqzjckq.cjs → select-BUUelLow.cjs} +2 -2
- package/dist/{select-DUqzjckq.cjs.map → select-BUUelLow.cjs.map} +1 -1
- package/dist/{select-BqN9V7cw.js → select-By_Pm8TG.js} +3 -3
- package/dist/{select-BqN9V7cw.js.map → select-By_Pm8TG.js.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/selector-hook-9dSW11-1.js +274 -0
- package/dist/selector-hook-9dSW11-1.js.map +1 -0
- package/dist/selector-hook-CH-z8W2d.cjs +2 -0
- package/dist/selector-hook-CH-z8W2d.cjs.map +1 -0
- package/dist/{sheet-PKhdztII.js → sheet-CHow9LJ8.js} +3 -3
- package/dist/{sheet-PKhdztII.js.map → sheet-CHow9LJ8.js.map} +1 -1
- package/dist/{sheet-RxCJqnwE.cjs → sheet-CyZB5a4W.cjs} +2 -2
- package/dist/{sheet-RxCJqnwE.cjs.map → sheet-CyZB5a4W.cjs.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/{slider-DKZODC7g.js → slider-BORUoU4I.js} +3 -3
- package/dist/{slider-DKZODC7g.js.map → slider-BORUoU4I.js.map} +1 -1
- package/dist/{slider-Cw5jFlAO.cjs → slider-DCRfwhaP.cjs} +2 -2
- package/dist/{slider-Cw5jFlAO.cjs.map → slider-DCRfwhaP.cjs.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-Cr6ZRUW_.js → spinner-C-rMlbyB.js} +3 -3
- package/dist/{spinner-Cr6ZRUW_.js.map → spinner-C-rMlbyB.js.map} +1 -1
- package/dist/{spinner-BIT7SlWT.cjs → spinner-DeHbns2e.cjs} +2 -2
- package/dist/{spinner-BIT7SlWT.cjs.map → spinner-DeHbns2e.cjs.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/store.cjs +1 -1
- package/dist/store.js +30 -17
- package/dist/{surface-BwHzF1Al.js → surface-HAEl5c8W.js} +2 -2
- package/dist/{surface-BwHzF1Al.js.map → surface-HAEl5c8W.js.map} +1 -1
- package/dist/{surface-CU_71bTu.cjs → surface-TpxKBWnD.cjs} +2 -2
- package/dist/{surface-CU_71bTu.cjs.map → surface-TpxKBWnD.cjs.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-CAAYvRWb.js → table-D7KL2FaN.js} +166 -164
- package/dist/table-D7KL2FaN.js.map +1 -0
- package/dist/table-DXPDEHEh.cjs +65 -0
- package/dist/table-DXPDEHEh.cjs.map +1 -0
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-group-DKgFtkF4.cjs → tabs-group-CR2cSCNr.cjs} +2 -2
- package/dist/{tabs-group-DKgFtkF4.cjs.map → tabs-group-CR2cSCNr.cjs.map} +1 -1
- package/dist/{tabs-group-3mMfpHn0.js → tabs-group-Dm_FCj7q.js} +2 -2
- package/dist/{tabs-group-3mMfpHn0.js.map → tabs-group-Dm_FCj7q.js.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-CjSVtdHt.cjs +2 -0
- package/dist/{tailwind.mixin-BAMa8YNR.cjs.map → tailwind.mixin-CjSVtdHt.cjs.map} +1 -1
- package/dist/tailwind.mixin-Cxj7n9Jd.js +43 -0
- package/dist/{tailwind.mixin-BQyZrGP1.js.map → tailwind.mixin-Cxj7n9Jd.js.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-CrOAEYhZ.js → teleport.component-CBNKUZwe.js} +38 -38
- package/dist/{teleport.component-CrOAEYhZ.js.map → teleport.component-CBNKUZwe.js.map} +1 -1
- package/dist/{teleport.component-Cmbvbylw.cjs → teleport.component-CplIV2h1.cjs} +2 -2
- package/dist/{teleport.component-Cmbvbylw.cjs.map → teleport.component-CplIV2h1.cjs.map} +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-BX6iD8ez.cjs → textarea-CLlh5-HA.cjs} +2 -2
- package/dist/{textarea-BX6iD8ez.cjs.map → textarea-CLlh5-HA.cjs.map} +1 -1
- package/dist/{textarea-DrtTwsZf.js → textarea-DcSAsR60.js} +2 -2
- package/dist/{textarea-DrtTwsZf.js.map → textarea-DcSAsR60.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-C8uLYaSN.cjs → theme-button-53Mhj3kQ.cjs} +2 -2
- package/dist/{theme-button-C8uLYaSN.cjs.map → theme-button-53Mhj3kQ.cjs.map} +1 -1
- package/dist/{theme-button-BedwumBT.js → theme-button-B7_LXWoe.js} +2 -2
- package/dist/{theme-button-BedwumBT.js.map → theme-button-B7_LXWoe.js.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-DvlxAH1p.cjs → theme.component-Drmkh4sF.cjs} +2 -2
- package/dist/{theme.component-DvlxAH1p.cjs.map → theme.component-Drmkh4sF.cjs.map} +1 -1
- package/dist/{theme.component-zxDCAaxd.js → theme.component-yFb6vlsT.js} +2 -2
- package/dist/{theme.component-zxDCAaxd.js.map → theme.component-yFb6vlsT.js.map} +1 -1
- package/dist/theme.js +1 -1
- package/dist/{timezone-1BrrQMHz.js → timezone-DxkvIe7V.js} +3 -3
- package/dist/{timezone-1BrrQMHz.js.map → timezone-DxkvIe7V.js.map} +1 -1
- package/dist/{timezone-D14kTMKK.cjs → timezone-enXRjPy1.cjs} +2 -2
- package/dist/{timezone-D14kTMKK.cjs.map → timezone-enXRjPy1.cjs.map} +1 -1
- package/dist/{tree-C_TPLHEo.cjs → tree-Bt4J6QVI.cjs} +2 -2
- package/dist/{tree-C_TPLHEo.cjs.map → tree-Bt4J6QVI.cjs.map} +1 -1
- package/dist/{tree-DuaRuwS9.js → tree-CQccoc9W.js} +2 -2
- package/dist/{tree-DuaRuwS9.js.map → tree-CQccoc9W.js.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-Fim6s-vF.js → typewriter-DGserMVU.js} +4 -4
- package/dist/{typewriter-Fim6s-vF.js.map → typewriter-DGserMVU.js.map} +1 -1
- package/dist/{typewriter-C2NQzIJ9.cjs → typewriter-WqDo75_3.cjs} +2 -2
- package/dist/{typewriter-C2NQzIJ9.cjs.map → typewriter-WqDo75_3.cjs.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-C4RygG_b.js → typography-D5E46rwN.js} +2 -2
- package/dist/{typography-C4RygG_b.js.map → typography-D5E46rwN.js.map} +1 -1
- package/dist/{typography-f0kdRUDj.cjs → typography-DbNitvGl.cjs} +2 -2
- package/dist/{typography-f0kdRUDj.cjs.map → typography-DbNitvGl.cjs.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/types/src/store/context-create.d.ts +15 -2
- package/types/src/store/filter-directive.d.ts +38 -11
- package/types/src/store/selector-hook.d.ts +27 -0
- package/types/src/store/selectors.d.ts +30 -1
- package/types/src/store/storage-manager.d.ts +6 -14
- package/types/src/store/types.d.ts +100 -45
- package/types/src/table/row.d.ts +8 -7
- package/types/src/table/table.d.ts +11 -5
- package/dist/context-object-CVqtbNDv.js.map +0 -1
- package/dist/context-object-CgZ6F8E9.cjs +0 -2
- package/dist/context-object-CgZ6F8E9.cjs.map +0 -1
- package/dist/selector-hook-B5oIBdcJ.cjs +0 -2
- package/dist/selector-hook-B5oIBdcJ.cjs.map +0 -1
- package/dist/selector-hook-BdsJkaE2.js +0 -185
- package/dist/selector-hook-BdsJkaE2.js.map +0 -1
- package/dist/table-B3lX6zue.cjs +0 -80
- package/dist/table-B3lX6zue.cjs.map +0 -1
- package/dist/table-CAAYvRWb.js.map +0 -1
- package/dist/tailwind.mixin-BAMa8YNR.cjs +0 -2
- package/dist/tailwind.mixin-BQyZrGP1.js +0 -43
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flex-CbweZ1uz.cjs","sources":["../src/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts","../src/layout/v2/flex.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 { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\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'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\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\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\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'\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-auto overflow-y-auto 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","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n * - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t * - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t * - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t * - 'wrap', 'nowrap', or '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 (vertical alignment of flex items):\n\t * - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t * - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t * - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t * - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\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'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"names":["Layout","TailwindElement","super","arguments","this","layout","center","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","__decorateClass","styles","_a","property","type","Boolean","prototype","String","SchmancyFlex","constructor","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","SchmancyFlexV2","inline","baseDisplay","directionClass","wrapClass","alignClass","justifyClass","contentClass","join"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"flex-DeB79N0h.cjs","sources":["../src/layout/layout.ts","../src/layout/flex/flex.ts","../src/layout/grid/grid.ts","../src/layout/scroll/scroll.ts","../src/layout/v2/flex.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 { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\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'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\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\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\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'\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-auto overflow-y-auto 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","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n * - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t * - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t * - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t * - 'wrap', 'nowrap', or '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 (vertical alignment of flex items):\n\t * - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t * - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t * - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t * - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\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'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"names":["Layout","TailwindElement","super","arguments","this","layout","center","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","__decorateClass","styles","_a","property","type","Boolean","prototype","String","SchmancyFlex","constructor","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","SchmancyFlexV2","inline","baseDisplay","directionClass","wrapClass","alignClass","justifyClass","contentClass","join"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Subject as d, merge as p, fromEvent as h, tap as m, takeUntil as y } from "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { T as g } from "./tailwind.mixin-
|
|
4
|
+
import { T as g } from "./tailwind.mixin-Cxj7n9Jd.js";
|
|
5
5
|
import { html as b, LitElement as f, css as k } from "lit";
|
|
6
6
|
import { property as C, customElement as v } from "lit/decorators.js";
|
|
7
7
|
var E = Object.defineProperty, N = Object.getOwnPropertyDescriptor, l = (e, t, s, a) => {
|
|
@@ -158,4 +158,4 @@ r.tagName = "schmancy-form", r.shadowRootOptions = { ...f.shadowRootOptions, mod
|
|
|
158
158
|
display: block;
|
|
159
159
|
}
|
|
160
160
|
`, u([C({ type: Boolean, reflect: !0 })], r.prototype, "novalidate", 2), r = u([v("schmancy-form")], r);
|
|
161
|
-
//# sourceMappingURL=form-
|
|
161
|
+
//# sourceMappingURL=form-DATARECy.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-qGZu5wRz.js","sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyFormV2","TailwindElement","super","this","$disconnecting","Subject","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","registerFormControl","config","existingIndex","formControlRegistry","findIndex","item","tagName","push","hasValue","find","hasChecked","canSubmit","disconnectedCallback","next","complete","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","getFormElements","forEach","element","selectElement","i","options","length","option","selected","defaultSelected","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","children","Array","from","getElementsByTagName","filter","childElement","FormData","name","append","some","event","targetElement","submit","reset","render","html","shadowRootOptions","LitElement","mode","delegatesFocus","styles","css","__decorateClass","property","Boolean","reflect","prototype","customElement","SchmancyForm","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","includes"],"mappings":";;;;;;;;;;AA0CA,IAAqBA,IAArB,cAA4CC,EAgF3C,EAAA;AAAA,EAAA,cACOC;AAAAA,UAAAA,GAhFCC,KAAAC,iBAAiB,IAAIC,KA6EeF,KAAOG,aAAa,IAI/DC,EACCC,EAAsBL,MAAM,OAASM,EAAAA,KACpCC,EAASC,CAAAA,MAAAA;;AAE2B,QAA/BC,IADWD,EAAEC,OACNC,SAAPD,gBAAAA,EAAaE,mBAAkB,YAClCX,KAAKY,oBAAoBJ,CAAC;AAAA,IAAA,CAAA,CAAA,GAI7BH,EAAyBL,MAAM,WAAWM,KACzCC,EAASC,CAAAA,MACO;AAAA,MAAXA,EAAEK,SAAS,WAAWL,EAAEM,QAAQ,WACnCd,KAAKY,oBAAoBJ,CAAC;AAAA,IAAA,CAAA,CAAA,CAAA,EAK5BF,KAAKS,EAAUf,KAAKC,cACpBe,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAtEb,OAAcC,oBAAoBC,GAC3B;AAAA,UAAAC,IAAgBnB,KAAKoB,oBAAoBC,iBAAkBC,EAAKC,YAAYL,EAAOK,OAAAA;AAErFJ,IAAAA,KAAiB,IACfnB,KAAAoB,oBAAoBD,CAAAA,IAAiB,KACtCnB,KAAKoB,oBAAoBD,CACzBD,GAAAA,GAAAA,EAAAA,IAGClB,KAAAoB,oBAAoBI,KAAKN,CAC/B;AAAA,EAAA;AAAA,EAID,OAAeO,SAASF,GACvB;AAAA,UAAML,IAASlB,KAAKoB,oBAAoBM,KAAaJ,CAAAA,MAAAA,EAAKC,YAAYA,CAAAA;AACtE,YAAOL,KAAAA,gBAAAA,EAAQO;EAAY;AAAA,EAG5B,OAAeE,WAAWJ,GACzB;AAAA,UAAML,IAASlB,KAAKoB,oBAAoBM,KAAaJ,CAAAA,MAAAA,EAAKC,YAAYA;AACtE,YAAOL,KAAAA,gBAAAA,EAAQS,eAAc;AAAA,EAAA;AAAA,EAG9B,OAAeC,UAAUL,GACxB;AAAA,UAAML,IAASlB,KAAKoB,oBAAoBM,KAAaJ,CAAAA,MAAAA,EAAKC,YAAYA,CACtE;AAAA,YAAOL,KAAAA,gBAAAA,EAAQU,cAAa;AAAA,EAAA;AAAA,EA+C7B;AACC7B,UAAM8B,qBAAAA,GACD7B,KAAAC,eAAe6B,KAAK,IAAA,GACzB9B,KAAKC,eAAe8B;EAAS;AAAA,EAIvB,SACA;AAAA,UAAAC,IAAWhC,KAAKiC,YAAAA;AACtB,WAAKjC,EAAAA,CAAAA,KAAKG,eAAeH,KAAKkC,eAAAA,OAGzBlC,KAAAmC,cAAc,IAAIC,YAAY,UAAU,EAAEC,QAAQL,EAChD,CAAA,CAAA,GAAA;AAAA,EAAA;AAAA,EAID;AACehC,SAAKsC,gBAAAA,EACbC,QAAmBC,CAAAA,MAAAA;AACzB,YAAAjB,IAAUiB,EAAQjB,QAAQZ,YAAAA;AAEhC,UAAIY,MAAY,UAAU;AACzB,cAAMkB,IAAgBD;AACtB,iBAASE,IAAI,GAAGA,IAAID,EAAcE,QAAQC,QAAQF,KAAK;AAChD,gBAAAG,IAASJ,EAAcE,QAAQD,CACrCG;AAAAA,UAAAA,EAAOC,WAAWD,EAAOE;AAAAA,QAAA;AAAA,MAC1B,MAEa,CAAZxB,MAAY,YAAYiB,EAAQ9B,SAAS,cAAc8B,EAAQ9B,SAAS,YACxEa,MAAY,WAAW1B,EAAe8B,WAAWJ,CAAAA,IAEhDiB,EAAiCQ,UAAUR,EAAQS,aAAa,SAAA,IAElE1B,MAAY,oBACZA,MAAY,qBACZA,MAAY,yBACZA,MAAY,6BAEJiB,EAAAU,QAAQV,EAAQW,aAAa,OAC3BtD,IAAAA,EAAe4B,SAASF,CAAAA,MAClCiB,EAAQU,QAAQV,EAAQY;AAAAA,IAAA,CAAA,GAG1BpD,KAAKmC,cAAc,IAAIC,YAAY,OAAA,CAAA;AAAA,EAAQ;AAAA,EAGpC,kBAAAE;;AACP,UAAMe,KAAOrD,IAAAA,KAAKsD,eAALtD,gBAAAA,EAAiBuD,cAAc,SACtCC,IAAmBH,KAAAA,gBAAAA,EAAMG,iBAAiB,EAAEC,SAAAA,OAC5CC,IAA8B,CAAA;AAa7B,WAXWF,KAAAA,QAAAA,EAAAjB,QAASC,CAAAA,MACrBA;AAAAA,MAAAA,EAAQmB,YACZD,EAAalC,KAAKgB,CAAAA;AAGnB,YAAMoB,IAAWC,MAAMC,KAAKtB,EAAQuB,qBAAqB,GAAA,CAAA,EAAMC,OAC7DC,CAAAA,MAA+BA,CAAAA,EAAaN,QAEjCD;AAAAA,QAAAlC,QAASoC,CAA0B;AAAA,IAAA,IAG1CF;AAAAA,EAAA;AAAA,EAGD,cAAAzB;AACA,UAAAD,IAAW,IAAIkC;AA2Bd,WA1BclE,KAAKsC,gBAAAA,EAEbC,QAAmBC,CAAAA,MAC3B;AAAA,UAAA,CAACA,EAAQ2B,KAAM;AAEb,YAAA5C,IAAUiB,EAAQjB,QAAQZ,YAEhC;AAAA,UAAIY,MAAY,SACf,UAASmB,IAAI,GAAGA,IAAKF,EAA8BG,QAAQC,QAAQF,KAAK;AACjE,cAAAG,IAAUL,EAA8BG,QAAQD,CAAAA;AAClDG,QAAAA,EAAOC,YACVd,EAASoC,OAAO5B,EAAQ2B,MAAMtB,EAAOK,KACtC;AAAA,MAAA;AAAA,UAESrD,CAAAA,EAAe8B,WAAWJ,CAAAA,KAAaiB,EAAiCQ,UAClFhB,EAASoC,OAAO5B,EAAQ2B,MAAM3B,EAAQU,SAAS,IAAA,IAE/CrD,EAAe4B,SAASF,MACvBiB,EAA6B9B,SAAS,cACtC8B,EAA6B9B,SAAS,WACtC8B,EAA6B9B,SAAS,YAEvCsB,EAASoC,OAAO5B,EAAQ2B,MAAM3B,EAAQU,SAAS,EAAE;AAAA,IAAA,CAAA,GAI5ClB;AAAAA,EAAA;AAAA,EAID,iBAEN;AAAA,WAAA,CADqBhC,KAAKsC,gBAAAA,EACL+B,YAE2C,OAAtD7B,EAAmCN,kBAAmB,cAC7DM,EAAmCN,eAAAA,MADOA,EACPA;AAAAA,EACtC;AAAA,EAGO,oBAAoBoC,GAAAA;;AAC3B,UAAMC,IAAgBD,EAAM7D,QACtBc,IAAUgD,EAAchD,QAAQZ;AAQ/B,WANHd,EAAe+B,UAAUL,CAAAA,IAC5BvB,KAAKwE,OACkE,MAA5DD,IAAAA,EAAoC7D,SAApC6D,gBAAAA,EAA0C5D,mBAAkB,WACvEX,KAAKyE,MAGC,GAAA;AAAA,EAAA;AAAA,EAGW,SAAAC;AACX,WAAAC;AAAAA,EAAA;AAhOY9E;AAAAA,EAEG0B,UAAU,YAFb1B,EAKLuB,sBAA2C,CAEzD,EAAEG,SAAS,SAASE,UAAAA,IAAgBE,YAAAA,IAAkBC,WAAW,GAAA,GACjE,EAAEL,SAAS,YAAYE,UAAU,GAAA,GACjC,EAAEF,SAAS,UAAUE,UAAU,GAAA,GAC/B,EAAEF,SAAS,UAAUK,WAAAA,GACrB,GAAA,EAAEL,SAAS,SAASI,YAAAA,GAGpB,GAAA,EAAEJ,SAAS,kBAAkBE,UAAAA,IAAgBG,WAAAA,MAC7C,EAAEL,SAAS,uBAAuBE,UAAAA,GAClC,GAAA,EAAEF,SAAS,mBAAmBK,cAC9B,GAAA,EAAEL,SAAS,wBAAwBK,cACnC,GAAA,EAAEL,SAAS,kBAAkBI,eAC7B,GAAA,EAAEJ,SAAS,mBAAmBI,YAAY,GAAA,GAC1C,EAAEJ,SAAS,qBAAqBE,UAAU,IAAME,YAAY,GAAA,GAC5D,EAAEJ,SAAS,wBAAwBI,YAAY,GAAA,GAC/C,EAAEJ,SAAS,yBAAyBE,UAAU,IAAME,YAAY,GAAA,GAChE,EAAEJ,SAAS,mBAAmBE,UAAU,IAAME,YAAY,GAAA,GAC1D,EAAEJ,SAAS,kBAAkBE,UAAU,GAAA,GACvC,EAAEF,SAAS,4BAA4BE,UAAU,GAAA,GACjD,EAAEF,SAAS,mBAAmBE,UAAU,GAAA,CAAA,GA1BrB5B,EA2DH+E,oBAAoB,EAAA,GACjCC,EAAWD,mBACdE,MAAM,QACNC,gBAAAA,GA9DmBlF,GAAAA,EAiENmF,SAASC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAa4BC,EAAA,CAAlDC,EAAS,EAAEzE,MAAM0E,SAASC,SAAS,GAAA,CAAA,CAAA,GA9EhBxF,EA8E+ByF,WAAA,cAAA,CAAA,GA9E/BzF,IAArBqF,EAAA,CADCK,EAAc,UAAA,CAAA,GACM1F;;;;;ACpBrB,IAAqB2F,IAArB,cAA0C1F,EAgDzC,EAAA;AAAA,EAAA,cACOC;AAAAA,UAAAA,GAhDCC,KAAAC,iBAAiB,IAAIC,KAe7BF,KAAQyF,uBAAuB,CAC9B,SACA,SACA,kBACA,mBACA,qBACA,wBACA,yBACA,iBAEDzF,GAAAA,KAAQ0F,qBAAqB,CAC5B,SACA,kBACA,uBACA,YACA,mBACA,mBACA,kBACA,4BACA,yBACA,qBACA,iBAED1F,GAAAA,KAAQ2F,sBAAsB,CAAC,UAAU,kBAAkB,mBAAmB,sBAAA,GAOlC3F,KAAOG,aAAa,IAI/DC,EACCC,EAAsBL,MAAM,OAAA,EAASM,KACpCC,EAASC,CAAAA,MAAAA;;AACoD,QAAvDA,IAAAA,EAAEC,OAA6BC,SAA/BF,gBAAAA,EAAqCG,mBAAkB,YAAUX,KAAKY,oBAAoBJ,CAAC;AAAA,IAAA,CAAA,CAAA,GAGlGH,EAAyBL,MAAM,WAAWM,KACzCC,EAASC,CAAAA,MACO;AAAA,MAAXA,EAAEK,SAAS,WAAWL,EAAEM,QAAQ,WACnCd,KAAKY,oBAAoBJ,CAAC;AAAA,IAAA,CAAA,CAAA,CAAA,EAK5BF,KAAKS,EAAUf,KAAKC,cACpBe,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAIN;AACA,UAAAgB,IAAWhC,KAAKiC,YAAAA;AACtB,WAAKjC,EAAAA,CAAAA,KAAKG,eAAeH,KAAKkC,eAAAA,OAGzBlC,KAAAmC,cAAc,IAAIC,YAAY,UAAU,EAAEC,QAAQL,EAAAA,CAAAA,CAAAA,GAAAA;AAAAA,EAChD;AAAA,EAID,QACehC;AAAAA,SAAKsC,gBACbC,EAAAA,QAAmBC,CAAAA,MACzB;AAAA,YAAAjB,IAAUiB,EAAQjB,QAAQZ,YAChC;AAAA,UAAIY,MAAY,SACf,UAASmB,IAAI,GAAGA,IAAIF,EAAQG,QAAQC,QAAQF,KAAK;AAC1C,cAAAG,IAASL,EAAQG,QAAQD;AAC/BG,QAAAA,EAAOC,WAAWD,EAAOE;AAAAA,MAAA;AAAA,UAGb,CAAZxB,MAAY,YAAYiB,EAAQ9B,SAAS,cAAc8B,EAAQ9B,QAAQ,YACvEa,MAAY,WAAWvB,KAAKyF,qBAAqBG,SAASrE,CAAAA,IAEnDiB,EAAAQ,UAAUR,EAAQS,aAAa,SAAA,IAEvC1B,MAAY,oBACZA,MAAY,qBACZA,MAAY,yBACZA,MAAY,6BAEJiB,EAAAU,QAAQV,EAAQW,aAAa,OAC3BnD,IAAAA,KAAK0F,mBAAmBE,SAASrE,OAC3CiB,EAAQU,QAAQV,EAAQY;AAAAA,IAAA,CAAA,GAG1BpD,KAAKmC,cAAc,IAAIC,YAAY,OAAA,CAAA;AAAA,EAAQ;AAAA,EAGpC;;AACP,UAAMiB,KAAOrD,IAAAA,KAAKsD,eAALtD,gBAAAA,EAAiBuD,cAAc,SACtCC,IAAmBH,KAAAA,gBAAAA,EAAMG,iBAAiB,EAAEC,SAAAA,GAC5CC,IAAAA,IAAsB;AASrB,WARWF,KAAAA,QAAAA,EAAAjB,QAASC,CAAAA,MACrBA;AAAAA,MAAAA,EAAQmB,YACZD,EAAalC,KAAKgB,CAEnB;AAAA,YAAMoB,IAAWC,MAAMC,KAAKtB,EAAQuB,qBAAqB,GAAMC,CAAAA,EAAAA,OAAQxB,CAAAA,MAAkBA,CAAAA,EAAQmB;AACpFD,QAAAlC,KAAAA,GAAQoC,CAAQ;AAAA,IAAA,IAGvBF;AAAAA,EAAA;AAAA,EAGD,cACA;AAAA,UAAA1B,IAAW,IAAIkC;AAwBd,WAtBclE,KAAKsC,gBACbC,EAAAA,QAAmBC,CAAAA,MACzB;AAAA,YAAAjB,IAAUiB,EAAQjB,QAAQZ,YAChC;AAAA,UAAIY,MAAY,SACf,UAASmB,IAAI,GAAGA,IAAIF,EAAQG,QAAQC,QAAQF,KAAK;AAC1C,cAAAG,IAASL,EAAQG,QAAQD,CAAAA;AAC3BG,QAAAA,EAAOC,YACVd,EAASoC,OAAO5B,EAAQ2B,MAAMtB,EAAOK;MACtC;AAAA,UAESlD,MAAKyF,qBAAqBG,SAASrE,CAAYiB,KAAAA,EAAQQ,UACjEhB,EAASoC,OAAO5B,EAAQ2B,MAAM3B,EAAQU,SAAS,QAE/ClD,KAAK0F,mBAAmBE,SAASrE,CAAAA,KACjCiB,EAAQ9B,SAAS,cACjB8B,EAAQ9B,SAAS,WACjB8B,EAAQ9B,SAAS,YAEjBsB,EAASoC,OAAO5B,EAAQ2B,MAAM3B,EAAQU,KAAK;AAAA,IAAA,CAAA,GAItClB;AAAAA,EAAA;AAAA,EAID,iBAEN;AAAA,WAAA,CADqBhC,KAAKsC,gBAAAA,EACL+B,YACyB,OAA3B7B,EAAQN,kBAAmB,cAAcM,EAAQN,eACpE,MADyF,EACzF;AAAA,EAAA;AAAA,EAGO,oBAAoBoC,GAC3B;;AAAA,UAAMC,IAAqBD,EAAM7D;AAO1B,WANHT,KAAK2F,oBAAoBC,SAASrB,EAAchD,QAAQZ,YAAAA,CAAAA,IAC3DX,KAAKwE,OAAAA,MACKD,IAAAA,EAAc7D,SAAd6D,gBAAAA,EAAoB5D,mBAAkB,WAChDX,KAAKyE,MAGC,GAAA;AAAA,EAAA;AAAA,EAGW;AACX,WAAAE;AAAAA,EAAA;AAAA;AA1KYa,EAEGjE,UAAU,iBAFbiE,EAGHZ,oBAAoB,EACjCC,GAAAA,EAAWD,mBACdE,MAAM,QACNC,gBAAgB,GAAA,GANGS,EAQNR,SAASC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAsC4BC,EAAA,CAAlDC,EAAS,EAAEzE,MAAM0E,SAASC,SAAS,GAAA,CAAA,CAAA,GA9ChBG,EA8C+BF,WAAA,cAAA,CA9C/BE,GAAAA,IAArBN,EAAA,CADCK,EAAc,eACMC,CAAAA,GAAAA,CAAAA;"}
|
|
1
|
+
{"version":3,"file":"form-DATARECy.js","sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyFormV2","TailwindElement","super","this","$disconnecting","Subject","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","registerFormControl","config","existingIndex","formControlRegistry","findIndex","item","tagName","push","hasValue","find","hasChecked","canSubmit","disconnectedCallback","next","complete","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","getFormElements","forEach","element","selectElement","i","options","length","option","selected","defaultSelected","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","children","Array","from","getElementsByTagName","filter","childElement","FormData","name","append","some","event","targetElement","submit","reset","render","html","shadowRootOptions","LitElement","mode","delegatesFocus","styles","css","__decorateClass","property","Boolean","reflect","prototype","customElement","SchmancyForm","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","includes"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const c=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./tailwind.mixin-
|
|
1
|
+
"use strict";const c=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./tailwind.mixin-CjSVtdHt.cjs"),m=require("lit"),l=require("lit/decorators.js");var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,u=(t,e,s,a)=>{for(var n,o=a>1?void 0:a?g(e,s):e,r=t.length-1;r>=0;r--)(n=t[r])&&(o=(a?n(e,s,o):n(o))||o);return a&&o&&y(e,s,o),o};let i=class extends p.TailwindElement(){constructor(){super(),this.$disconnecting=new c.Subject,this.novalidate=!1,c.merge(c.fromEvent(this,"click").pipe(c.tap(t=>{var s;((s=t.target.type)==null?void 0:s.toLowerCase())==="submit"&&this.handleSubmitRequest(t)})),c.fromEvent(this,"keydown").pipe(c.tap(t=>{t.code!=="Enter"&&t.key!=="Enter"||this.handleSubmitRequest(t)}))).pipe(c.takeUntil(this.$disconnecting)).subscribe()}static registerFormControl(t){const e=this.formControlRegistry.findIndex(s=>s.tagName===t.tagName);e>=0?this.formControlRegistry[e]={...this.formControlRegistry[e],...t}:this.formControlRegistry.push(t)}static hasValue(t){const e=this.formControlRegistry.find(s=>s.tagName===t);return(e==null?void 0:e.hasValue)||!1}static hasChecked(t){const e=this.formControlRegistry.find(s=>s.tagName===t);return(e==null?void 0:e.hasChecked)||!1}static canSubmit(t){const e=this.formControlRegistry.find(s=>s.tagName===t);return(e==null?void 0:e.canSubmit)||!1}disconnectedCallback(){super.disconnectedCallback(),this.$disconnecting.next(null),this.$disconnecting.complete()}submit(){const t=this.getFormData();return!(!this.novalidate&&!this.reportValidity())&&(this.dispatchEvent(new CustomEvent("submit",{detail:t})),!0)}reset(){this.getFormElements().forEach(t=>{const e=t.tagName.toLowerCase();if(e==="select"){const s=t;for(let a=0;a<s.options.length;a++){const n=s.options[a];n.selected=n.defaultSelected}}else e==="input"&&(t.type==="checkbox"||t.type==="radio")||e!=="input"&&i.hasChecked(e)?t.checked=t.hasAttribute("checked"):e==="schmancy-input"||e==="schmancy-rating"||e==="schmancy-mask-input"||e==="schmancy-date-time-input"?t.value=t.getAttribute("value"):i.hasValue(e)&&(t.value=t.defaultValue)}),this.dispatchEvent(new CustomEvent("reset"))}getFormElements(){var a;const t=(a=this.shadowRoot)==null?void 0:a.querySelector("slot"),e=t==null?void 0:t.assignedElements({flatten:!0}),s=[];return e==null||e.forEach(n=>{n.disabled||s.push(n);const o=Array.from(n.getElementsByTagName("*")).filter(r=>!r.disabled);s.push(...o)}),s}getFormData(){const t=new FormData;return this.getFormElements().forEach(e=>{if(!e.name)return;const s=e.tagName.toLowerCase();if(s==="select")for(let a=0;a<e.options.length;a++){const n=e.options[a];n.selected&&t.append(e.name,n.value)}else i.hasChecked(s)&&e.checked?t.append(e.name,e.value||"on"):i.hasValue(s)&&e.type!=="checkbox"&&e.type!=="radio"&&e.type!=="submit"&&t.append(e.name,e.value||"")}),t}reportValidity(){return!this.getFormElements().some(t=>typeof t.reportValidity=="function"&&t.reportValidity()===!1)}handleSubmitRequest(t){var a;const e=t.target,s=e.tagName.toLowerCase();return i.canSubmit(s)?this.submit():((a=e.type)==null?void 0:a.toLowerCase())==="reset"&&this.reset(),!0}render(){return m.html`<slot></slot>`}};i.tagName="sch-form",i.formControlRegistry=[{tagName:"input",hasValue:!0,hasChecked:!0,canSubmit:!0},{tagName:"textarea",hasValue:!0},{tagName:"select",hasValue:!0},{tagName:"button",canSubmit:!0},{tagName:"radio",hasChecked:!0},{tagName:"schmancy-input",hasValue:!0,canSubmit:!0},{tagName:"schmancy-mask-input",hasValue:!0},{tagName:"schmancy-button",canSubmit:!0},{tagName:"schmancy-icon-button",canSubmit:!0},{tagName:"schmancy-radio",hasChecked:!0},{tagName:"schmancy-switch",hasChecked:!0},{tagName:"schmancy-checkbox",hasValue:!0,hasChecked:!0},{tagName:"schmancy-radio-group",hasChecked:!0},{tagName:"schmancy-autocomplete",hasValue:!0,hasChecked:!0},{tagName:"schmancy-select",hasValue:!0,hasChecked:!0},{tagName:"schmancy-combo",hasValue:!0},{tagName:"schmancy-date-time-input",hasValue:!0},{tagName:"schmancy-rating",hasValue:!0}],i.shadowRootOptions={...m.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!1},i.styles=m.css`
|
|
2
2
|
:host {
|
|
3
3
|
height: 100%;
|
|
4
4
|
width: 100%;
|
|
@@ -11,4 +11,4 @@
|
|
|
11
11
|
display: block;
|
|
12
12
|
}
|
|
13
13
|
`,d([l.property({type:Boolean,reflect:!0})],h.prototype,"novalidate",2),h=d([l.customElement("schmancy-form")],h);
|
|
14
|
-
//# sourceMappingURL=form-
|
|
14
|
+
//# sourceMappingURL=form-Dkh-YG_8.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-GwdkWkeq.cjs","sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyFormV2","TailwindElement","constructor","super","this","$disconnecting","Subject","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","registerFormControl","config","existingIndex","formControlRegistry","findIndex","item","tagName","push","find","hasValue","hasChecked","canSubmit","disconnectedCallback","next","complete","submit","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","reset","getFormElements","forEach","element","selectElement","i","options","length","option","selected","defaultSelected","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","children","Array","from","getElementsByTagName","filter","childElement","FormData","name","append","some","event","targetElement","html","shadowRootOptions","LitElement","mode","delegatesFocus","styles","css","__decorateClass","property","Boolean","reflect","prototype","customElement","SchmancyForm","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","includes"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"form-Dkh-YG_8.cjs","sources":["../src/form/form-v2.ts","../src/form/form.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\n// Define interfaces for form element capabilities\nexport interface FormElement extends HTMLElement {\n\tname?: string\n\tvalue?: string\n\tdisabled?: boolean\n\ttype?: string\n\tdefaultValue?: string\n}\n\nexport interface CheckableFormElement extends FormElement {\n\tchecked?: boolean\n}\n\nexport interface ValidatableFormElement extends FormElement {\n\treportValidity?: () => boolean\n}\n\n// Define interface for form control registry\nexport interface FormControlConfig {\n\ttagName: string\n\thasValue?: boolean\n\thasChecked?: boolean\n\tcanSubmit?: boolean\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element sch-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('sch-form')\nexport default class SchmancyFormV2 extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'sch-form'\n\n\t// Static registry of form controls\n\tprivate static formControlRegistry: FormControlConfig[] = [\n\t\t// Native elements\n\t\t{ tagName: 'input', hasValue: true, hasChecked: true, canSubmit: true },\n\t\t{ tagName: 'textarea', hasValue: true },\n\t\t{ tagName: 'select', hasValue: true },\n\t\t{ tagName: 'button', canSubmit: true },\n\t\t{ tagName: 'radio', hasChecked: true },\n\n\t\t// Custom elements\n\t\t{ tagName: 'schmancy-input', hasValue: true, canSubmit: true },\n\t\t{ tagName: 'schmancy-mask-input', hasValue: true },\n\t\t{ tagName: 'schmancy-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-icon-button', canSubmit: true },\n\t\t{ tagName: 'schmancy-radio', hasChecked: true },\n\t\t{ tagName: 'schmancy-switch', hasChecked: true },\n\t\t{ tagName: 'schmancy-checkbox', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-radio-group', hasChecked: true },\n\t\t{ tagName: 'schmancy-autocomplete', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-select', hasValue: true, hasChecked: true },\n\t\t{ tagName: 'schmancy-combo', hasValue: true },\n\t\t{ tagName: 'schmancy-date-time-input', hasValue: true },\n\t\t{ tagName: 'schmancy-rating', hasValue: true },\n\t]\n\n\t// Static methods to register new form controls\n\tpublic static registerFormControl(config: FormControlConfig): void {\n\t\tconst existingIndex = this.formControlRegistry.findIndex(item => item.tagName === config.tagName)\n\n\t\tif (existingIndex >= 0) {\n\t\t\tthis.formControlRegistry[existingIndex] = {\n\t\t\t\t...this.formControlRegistry[existingIndex],\n\t\t\t\t...config,\n\t\t\t}\n\t\t} else {\n\t\t\tthis.formControlRegistry.push(config)\n\t\t}\n\t}\n\n\t// Helper methods to check control capabilities\n\tprivate static hasValue(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasValue || false\n\t}\n\n\tprivate static hasChecked(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.hasChecked || false\n\t}\n\n\tprivate static canSubmit(tagName: string): boolean {\n\t\tconst config = this.formControlRegistry.find(item => item.tagName === tagName)\n\t\treturn config?.canSubmit || false\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tconst target = e.target as HTMLButtonElement\n\t\t\t\t\tif (target.type?.toLowerCase() === 'submit') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.$disconnecting.next(null)\n\t\tthis.$disconnecting.complete()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tconst selectElement = element as HTMLSelectElement\n\t\t\t\tfor (let i = 0; i < selectElement.options.length; i++) {\n\t\t\t\t\tconst option = selectElement.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type === 'radio')) ||\n\t\t\t\t(tagName !== 'input' && SchmancyFormV2.hasChecked(tagName))\n\t\t\t) {\n\t\t\t\t;(element as CheckableFormElement).checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (SchmancyFormV2.hasValue(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): FormElement[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: FormElement[] = []\n\n\t\tassignedElements?.forEach((element: FormElement) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter(\n\t\t\t\t(childElement: FormElement) => !childElement.disabled,\n\t\t\t)\n\t\t\tformElements.push(...(children as FormElement[]))\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\t\tconst formElements = this.getFormElements()\n\n\t\tformElements.forEach(element => {\n\t\t\tif (!element.name) return\n\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < (element as HTMLSelectElement).options.length; i++) {\n\t\t\t\t\tconst option = (element as HTMLSelectElement).options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (SchmancyFormV2.hasChecked(tagName) && (element as CheckableFormElement).checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tSchmancyFormV2.hasValue(tagName) &&\n\t\t\t\t(element as HTMLInputElement).type !== 'checkbox' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'radio' &&\n\t\t\t\t(element as HTMLInputElement).type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value || '')\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement =>\n\t\t\t\ttypeof (element as ValidatableFormElement).reportValidity === 'function' &&\n\t\t\t\t(element as ValidatableFormElement).reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement = event.target as HTMLElement\n\t\tconst tagName = targetElement.tagName.toLowerCase()\n\n\t\tif (SchmancyFormV2.canSubmit(tagName)) {\n\t\t\tthis.submit()\n\t\t} else if ((targetElement as HTMLButtonElement).type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-form': SchmancyFormV2\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { fromEvent, merge, Subject, takeUntil, tap } from 'rxjs'\n\nexport interface FormEventMap {\n\tsubmit: CustomEvent<FormData>\n\treset: CustomEvent\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element schmancy-form\n *\n * @slot - Default slot for the form.\n *\n * @fires submit - Emitted when the form is submitted.\n * @fires reset - Emitted when the form is reset.\n */\n@customElement('schmancy-form')\nexport default class SchmancyForm extends TailwindElement() {\n\tprivate $disconnecting = new Subject()\n\tpublic static readonly tagName = 'schmancy-form'\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: false,\n\t}\n\tpublic static styles = css`\n\t\t:host {\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t\tdisplay: block;\n\t\t}\n\t`\n\n\tprivate _controlsWithChecked = [\n\t\t'input',\n\t\t'radio',\n\t\t'schmancy-radio',\n\t\t'schmancy-switch',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-radio-group',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsWithValue = [\n\t\t'input',\n\t\t'schmancy-input',\n\t\t'schmancy-mask-input',\n\t\t'textarea',\n\t\t'schmancy-rating',\n\t\t'schmancy-select',\n\t\t'schmancy-combo',\n\t\t'schmancy-date-time-input',\n\t\t'schmancy-autocomplete',\n\t\t'schmancy-checkbox',\n\t\t'schmancy-select',\n\t]\n\tprivate _controlsThatSubmit = ['button', 'schmancy-input', 'schmancy-button', 'schmancy-icon-button']\n\n\t/** Specifies if form data validation should be skipped on submit.\n\t * @attr novalidate\n\t * @type {boolean}\n\t * @public\n\t */\n\t@property({ type: Boolean, reflect: true }) public novalidate = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tmerge(\n\t\t\tfromEvent<MouseEvent>(this, 'click').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif ((e.target as HTMLButtonElement).type?.toLowerCase() === 'submit') this.handleSubmitRequest(e)\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<KeyboardEvent>(this, 'keydown').pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\tif (e.code === 'Enter' || e.key === 'Enter') {\n\t\t\t\t\t\tthis.handleSubmitRequest(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.$disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\t/** Submits the form. */\n\tpublic submit(): boolean {\n\t\tconst formData = this.getFormData()\n\t\tif (!this.novalidate && !this.reportValidity()) {\n\t\t\treturn false\n\t\t}\n\t\tthis.dispatchEvent(new CustomEvent('submit', { detail: formData }))\n\t\treturn true\n\t}\n\n\t/** Resets the form. */\n\tpublic reset() {\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\toption.selected = option.defaultSelected\n\t\t\t\t}\n\t\t\t} else if (\n\t\t\t\t(tagName === 'input' && (element.type === 'checkbox' || element.type == 'radio')) ||\n\t\t\t\t(tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n\t\t\t) {\n\t\t\t\telement.checked = element.hasAttribute('checked')\n\t\t\t} else if (\n\t\t\t\ttagName === 'schmancy-input' ||\n\t\t\t\ttagName === 'schmancy-rating' ||\n\t\t\t\ttagName === 'schmancy-mask-input' ||\n\t\t\t\ttagName === 'schmancy-date-time-input'\n\t\t\t) {\n\t\t\t\telement.value = element.getAttribute('value')\n\t\t\t} else if (this._controlsWithValue.includes(tagName)) {\n\t\t\t\telement.value = element.defaultValue\n\t\t\t}\n\t\t})\n\t\tthis.dispatchEvent(new CustomEvent('reset'))\n\t}\n\n\tprivate getFormElements(): any[] {\n\t\tconst slot = this.shadowRoot?.querySelector('slot')\n\t\tconst assignedElements = slot?.assignedElements({ flatten: true })\n\t\tconst formElements: any[] = []\n\t\tassignedElements?.forEach((element: any) => {\n\t\t\tif (!element.disabled) {\n\t\t\t\tformElements.push(element)\n\t\t\t}\n\t\t\tconst children = Array.from(element.getElementsByTagName('*')).filter((element: any) => !element.disabled)\n\t\t\tformElements.push(...children)\n\t\t})\n\n\t\treturn formElements\n\t}\n\n\tpublic getFormData() {\n\t\tconst formData = new FormData()\n\n\t\tconst formElements = this.getFormElements()\n\t\tformElements.forEach(element => {\n\t\t\tconst tagName = element.tagName.toLowerCase()\n\t\t\tif (tagName === 'select') {\n\t\t\t\tfor (let i = 0; i < element.options.length; i++) {\n\t\t\t\t\tconst option = element.options[i]\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\t\tformData.append(element.name, option.value)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this._controlsWithChecked.includes(tagName) && element.checked) {\n\t\t\t\tformData.append(element.name, element.value || 'on')\n\t\t\t} else if (\n\t\t\t\tthis._controlsWithValue.includes(tagName) &&\n\t\t\t\telement.type !== 'checkbox' &&\n\t\t\t\telement.type !== 'radio' &&\n\t\t\t\telement.type !== 'submit'\n\t\t\t) {\n\t\t\t\tformData.append(element.name, element.value)\n\t\t\t}\n\t\t})\n\n\t\treturn formData\n\t}\n\n\t/** Checks for validity of the form. */\n\tpublic reportValidity(): boolean {\n\t\tconst formElements = this.getFormElements()\n\t\treturn !formElements.some(\n\t\t\telement => typeof element.reportValidity === 'function' && element.reportValidity() === false,\n\t\t)\n\t}\n\n\tprivate handleSubmitRequest(event: MouseEvent | KeyboardEvent) {\n\t\tconst targetElement: any = event.target as HTMLElement\n\t\tif (this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase())) {\n\t\t\tthis.submit()\n\t\t} else if (targetElement.type?.toLowerCase() === 'reset') {\n\t\t\tthis.reset()\n\t\t}\n\n\t\treturn true\n\t}\n\n\tprotected override render() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form': SchmancyForm\n\t}\n}\n"],"names":["SchmancyFormV2","TailwindElement","constructor","super","this","$disconnecting","Subject","novalidate","merge","fromEvent","pipe","tap","e","target","type","toLowerCase","handleSubmitRequest","code","key","takeUntil","subscribe","registerFormControl","config","existingIndex","formControlRegistry","findIndex","item","tagName","push","find","hasValue","hasChecked","canSubmit","disconnectedCallback","next","complete","submit","formData","getFormData","reportValidity","dispatchEvent","CustomEvent","detail","reset","getFormElements","forEach","element","selectElement","i","options","length","option","selected","defaultSelected","checked","hasAttribute","value","getAttribute","defaultValue","slot","shadowRoot","querySelector","assignedElements","flatten","formElements","disabled","children","Array","from","getElementsByTagName","filter","childElement","FormData","name","append","some","event","targetElement","html","shadowRootOptions","LitElement","mode","delegatesFocus","styles","css","__decorateClass","property","Boolean","reflect","prototype","customElement","SchmancyForm","_controlsWithChecked","_controlsWithValue","_controlsThatSubmit","includes"],"mappings":"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"}
|
package/dist/form.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./form-
|
|
1
|
+
"use strict";require("./form-Dkh-YG_8.cjs");
|
|
2
2
|
//# sourceMappingURL=form.cjs.map
|
package/dist/form.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./form-
|
|
1
|
+
import "./form-DATARECy.js";
|
|
2
2
|
//# sourceMappingURL=form.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./litElement.mixin-
|
|
1
|
+
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const p=require("./litElement.mixin-CfkMd-bR.cjs");require("./tailwind.mixin-CjSVtdHt.cjs");const m=require("lit"),a=require("lit/decorators.js");var u=Object.defineProperty,d=Object.getOwnPropertyDescriptor,c=(t,e,n,i)=>{for(var o,s=i>1?void 0:i?d(e,n):e,l=t.length-1;l>=0;l--)(o=t[l])&&(s=(i?o(e,n,s):o(s))||s);return i&&s&&u(e,n,s),s};let r=class extends p.$LitElement(m.css`
|
|
2
2
|
.material-symbols-outlined {
|
|
3
3
|
font-family: 'Material Symbols Outlined';
|
|
4
4
|
font-weight: normal;
|
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
`){constructor(){super(...arguments),this.size="24px",this.busy=!1}connectedCallback(){var t;if(super.connectedCallback(),!document.head.querySelector("#material-icons")){let e=document.createElement("link",{is:"material-icons"});e.rel="stylesheet",e.id="material-icons",e.href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",(t=document.querySelector("head"))==null||t.append(e),this.busy=!1}}render(){const t={fontSize:this.size,maxWidth:this.size,overflow:"hidden"};return m.html`
|
|
24
24
|
<span class="material-symbols-outlined" style=${this.styleMap(t)}> <slot .hidden=${this.busy}></slot> </span>
|
|
25
25
|
`}};c([a.property({type:String,reflect:!0})],r.prototype,"size",2),c([a.state()],r.prototype,"busy",2),r=c([a.customElement("schmancy-icon")],r);
|
|
26
|
-
//# sourceMappingURL=icon-
|
|
26
|
+
//# sourceMappingURL=icon-BbqYaRVu.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-
|
|
1
|
+
{"version":3,"file":"icon-BbqYaRVu.cjs","sources":["../src/icons/icon.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n/**\n * @element schmancy-icon\n\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends $LitElement(css`\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\tfont-variation-settings:\n\t\t\t'FILL' 0,\n\t\t\t'wght' 400,\n\t\t\t'GRAD' 0,\n\t\t\t'opsz' 24;\n\t}\n\t:host {\n\t\tdisplay: flex;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsize: string = '24px'\n\n\t@state() busy = false\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (!document.head.querySelector('#material-icons')) {\n\t\t\tlet link = document.createElement('link', {\n\t\t\t\tis: 'material-icons',\n\t\t\t})\n\t\t\tlink.rel = 'stylesheet'\n\t\t\tlink.id = 'material-icons'\n\t\t\tlink.href =\n\t\t\t\t'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'\n\t\t\tdocument.querySelector('head')?.append(link)\n\t\t\tthis.busy = false\n\t\t}\n\t}\n\tprotected render(): unknown {\n\t\tconst style = {\n\t\t\tfontSize: this.size,\n\t\t\tmaxWidth: this.size,\n\t\t\toverflow: 'hidden',\n\t\t}\n\t\treturn html`\n\t\t\t<span class=\"material-symbols-outlined\" style=${this.styleMap(style)}> <slot .hidden=${this.busy}></slot> </span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}\n"],"names":["SchmancyIcon","$LitElement","css","super","arguments","this","size","busy","connectedCallback","document","head","querySelector","link","createElement","is","rel","id","href","append","render","style","fontSize","maxWidth","overflow","html","styleMap","__decorateClass","property","type","String","reflect","prototype","state","customElement"],"mappings":"6bASA,IAAqBA,EAArB,cAA0CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAtD,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SAwBgBC,EAAAA,KAAAC,KAAA,OAECD,KAAAE,KAAAA,EAAA,CAChB,mBAAAC,OAEC,GADAL,MAAMK,kBACDC,EAAAA,CAAAA,SAASC,KAAKC,cAAc,iBAAoB,EAAA,CAChD,IAAAC,EAAOH,SAASI,cAAc,OAAQ,CACzCC,GAAI,gBAAA,CAAA,EAELF,EAAKG,IAAM,aACXH,EAAKI,GAAK,iBACVJ,EAAKK,KACJ,wHACDR,EAAAA,SAASE,cAAc,MAASO,IAAhCT,MAAAA,EAAgCS,OAAON,GACvCP,KAAKE,KAAO,EAAA,CACb,CAES,QAAAY,CACT,MAAMC,EAAQ,CACbC,SAAUhB,KAAKC,KACfgB,SAAUjB,KAAKC,KACfiB,SAAU,QAEJ,EAAA,OAAAC,EAAAA;AAAAA,mDAC0CnB,KAAKoB,SAASL,qBAAyBf,KAAKE,IAAAA;AAAAA,GAAI,CAxBlGmB,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEC,KAAMC,OAAQC,QAAS,EAAA,CAAA,CAAA,EAvBf9B,EAwBpB+B,UAAA,OAAA,CAAA,EAESL,EAAA,CAARM,EAAMA,MA1BahC,CAAAA,EAAAA,EA0BX+B,UAAA,OAAA,CA1BW/B,EAAAA,EAArB0B,EAAA,CADCO,EAAAA,cAAc,eACMjC,CAAAA,EAAAA,CAAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { $ as m } from "./litElement.mixin-
|
|
5
|
-
import "./tailwind.mixin-
|
|
4
|
+
import { $ as m } from "./litElement.mixin-PXLBM6N4.js";
|
|
5
|
+
import "./tailwind.mixin-Cxj7n9Jd.js";
|
|
6
6
|
import { css as c, html as p } from "lit";
|
|
7
7
|
import { property as d, state as h, customElement as y } from "lit/decorators.js";
|
|
8
8
|
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
|
|
@@ -50,4 +50,4 @@ let r = class extends m(c`
|
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
l([d({ type: String, reflect: !0 })], r.prototype, "size", 2), l([h()], r.prototype, "busy", 2), r = l([y("schmancy-icon")], r);
|
|
53
|
-
//# sourceMappingURL=icon-
|
|
53
|
+
//# sourceMappingURL=icon-BdqEZEF8.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-
|
|
1
|
+
{"version":3,"file":"icon-BdqEZEF8.js","sources":["../src/icons/icon.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n/**\n * @element schmancy-icon\n\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends $LitElement(css`\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\tfont-variation-settings:\n\t\t\t'FILL' 0,\n\t\t\t'wght' 400,\n\t\t\t'GRAD' 0,\n\t\t\t'opsz' 24;\n\t}\n\t:host {\n\t\tdisplay: flex;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsize: string = '24px'\n\n\t@state() busy = false\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (!document.head.querySelector('#material-icons')) {\n\t\t\tlet link = document.createElement('link', {\n\t\t\t\tis: 'material-icons',\n\t\t\t})\n\t\t\tlink.rel = 'stylesheet'\n\t\t\tlink.id = 'material-icons'\n\t\t\tlink.href =\n\t\t\t\t'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'\n\t\t\tdocument.querySelector('head')?.append(link)\n\t\t\tthis.busy = false\n\t\t}\n\t}\n\tprotected render(): unknown {\n\t\tconst style = {\n\t\t\tfontSize: this.size,\n\t\t\tmaxWidth: this.size,\n\t\t\toverflow: 'hidden',\n\t\t}\n\t\treturn html`\n\t\t\t<span class=\"material-symbols-outlined\" style=${this.styleMap(style)}> <slot .hidden=${this.busy}></slot> </span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}\n"],"names":["SchmancyIcon","$LitElement","css","super","arguments","this","size","busy","connectedCallback","document","head","querySelector","link","createElement","is","rel","id","href","append","style","fontSize","maxWidth","overflow","html","styleMap","__decorateClass","property","type","String","reflect","prototype","state","customElement"],"mappings":";;;;;;;;;;;AASA,IAAqBA,IAArB,cAA0CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAtD,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAwBgBC,GAAAA,KAAAC,OAAA,QAECD,KAAAE,OAAAA;AAAAA,EAAA;AAAA,EAChB,oBAAAC;;AAEC,QADAL,MAAMK,kBACDC,GAAAA,CAAAA,SAASC,KAAKC,cAAc,iBAAoB,GAAA;AAChD,UAAAC,IAAOH,SAASI,cAAc,QAAQ,EACzCC,IAAI,iBAAA,CAAA;AAELF,QAAKG,MAAM,cACXH,EAAKI,KAAK,kBACVJ,EAAKK,OACJ,yHACDR,IAAAA,SAASE,cAAc,MAAA,MAAvBF,QAAAA,EAAgCS,OAAON,IACvCP,KAAKE,OAAAA;AAAAA,IAAO;AAAA,EACb;AAAA,EAES,SACT;AAAA,UAAMY,IAAQ,EACbC,UAAUf,KAAKC,MACfe,UAAUhB,KAAKC,MACfgB,UAAU,SAAA;AAEJ,WAAAC;AAAAA,mDAC0ClB,KAAKmB,SAASL,qBAAyBd,KAAKE,IAAAA;AAAAA;AAAAA,EAAI;AAxBlGkB;AAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,GAvBN7B,CAAAA,CAAAA,GAAAA,EAwBpB8B,WAAA,QAAA,IAESL,EAAA,CAARM,EA1BmB/B,CAAAA,GAAAA,EA0BX8B,WAAA,QAAA,IA1BW9B,IAArByB,EAAA,CADCO,EAAc,eACMhC,CAAAA,GAAAA,CAAAA;"}
|