@mhmo91/schmancy 0.4.11 → 0.4.13
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/ai/index.md +1 -0
- package/ai/progress.md +69 -0
- package/dist/ai/index.md +1 -0
- package/dist/ai/progress.md +69 -0
- package/dist/{animated-text-TALC3vSJ.js → animated-text-DrgxxVXA.js} +3 -3
- package/dist/{animated-text-TALC3vSJ.js.map → animated-text-DrgxxVXA.js.map} +1 -1
- package/dist/{animated-text-BD04H8eV.cjs → animated-text-aOZ4KXTt.cjs} +2 -2
- package/dist/{animated-text-BD04H8eV.cjs.map → animated-text-aOZ4KXTt.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-GvVVYEaK.cjs → area.component-BEiNkBI9.cjs} +2 -2
- package/dist/{area.component-GvVVYEaK.cjs.map → area.component-BEiNkBI9.cjs.map} +1 -1
- package/dist/{area.component-DXcT-c4L.js → area.component-BNENor9z.js} +15 -15
- package/dist/{area.component-DXcT-c4L.js.map → area.component-BNENor9z.js.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-gfBf6Pph.js → autocomplete-86x1z92h.js} +3 -3
- package/dist/{autocomplete-gfBf6Pph.js.map → autocomplete-86x1z92h.js.map} +1 -1
- package/dist/{autocomplete-B-UCdew3.cjs → autocomplete-L0aas1vi.cjs} +2 -2
- package/dist/{autocomplete-B-UCdew3.cjs.map → autocomplete-L0aas1vi.cjs.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-DCQVq0UH.cjs → avatar-Cy-cEMb2.cjs} +2 -2
- package/dist/{avatar-DCQVq0UH.cjs.map → avatar-Cy-cEMb2.cjs.map} +1 -1
- package/dist/{avatar-wfAWpFxG.js → avatar-DtzFyhlM.js} +49 -48
- package/dist/{avatar-wfAWpFxG.js.map → avatar-DtzFyhlM.js.map} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{boat-De0k6DJ6.cjs → boat-BMESV9c8.cjs} +2 -2
- package/dist/{boat-De0k6DJ6.cjs.map → boat-BMESV9c8.cjs.map} +1 -1
- package/dist/{boat-6nw0fphH.js → boat-CMO8rBpx.js} +2 -2
- package/dist/{boat-6nw0fphH.js.map → boat-CMO8rBpx.js.map} +1 -1
- package/dist/boat.cjs +1 -1
- package/dist/boat.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-Xr-OTKiq.cjs → checkbox-C7Xx4zVu.cjs} +2 -2
- package/dist/{checkbox-Xr-OTKiq.cjs.map → checkbox-C7Xx4zVu.cjs.map} +1 -1
- package/dist/{checkbox-DsmG1Evz.js → checkbox-Chh3OgWJ.js} +2 -2
- package/dist/{checkbox-DsmG1Evz.js.map → checkbox-Chh3OgWJ.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-TCtGSVDM.cjs → chips-BPaU1fIQ.cjs} +2 -2
- package/dist/{chips-TCtGSVDM.cjs.map → chips-BPaU1fIQ.cjs.map} +1 -1
- package/dist/{chips-CtQ6KScS.js → chips-CZWOuWYh.js} +3 -3
- package/dist/{chips-CtQ6KScS.js.map → chips-CZWOuWYh.js.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/{circular-progress-Cud0rg3a.cjs → circular-progress-B716jMbW.cjs} +2 -2
- package/dist/{circular-progress-Cud0rg3a.cjs.map → circular-progress-B716jMbW.cjs.map} +1 -1
- package/dist/{circular-progress-CUp7rBzy.js → circular-progress-xJRFI7FV.js} +3 -3
- package/dist/{circular-progress-CUp7rBzy.js.map → circular-progress-xJRFI7FV.js.map} +1 -1
- package/dist/circular-progress.cjs +1 -1
- package/dist/circular-progress.js +1 -1
- package/dist/code-highlight.cjs +1 -1
- package/dist/code-highlight.js +1 -1
- package/dist/{code-preview-N0FaD6oD.js → code-preview-BMLIHTbp.js} +2 -2
- package/dist/{code-preview-N0FaD6oD.js.map → code-preview-BMLIHTbp.js.map} +1 -1
- package/dist/{code-preview-DM8oGBFy.cjs → code-preview-D1CCeP9o.cjs} +2 -2
- package/dist/{code-preview-DM8oGBFy.cjs.map → code-preview-D1CCeP9o.cjs.map} +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/{date-range-DBdwrYhp.cjs → date-range-BncoO-ye.cjs} +2 -2
- package/dist/{date-range-DBdwrYhp.cjs.map → date-range-BncoO-ye.cjs.map} +1 -1
- package/dist/{date-range-DnYewL7B.js → date-range-fP7yi819.js} +3 -3
- package/dist/{date-range-DnYewL7B.js.map → date-range-fP7yi819.js.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-C0F-H48q.js → delay-DN_yNSsK.js} +12 -12
- package/dist/{delay-C0F-H48q.js.map → delay-DN_yNSsK.js.map} +1 -1
- package/dist/{delay-YfksbdSk.cjs → delay-oQ9qrOV_.cjs} +2 -2
- package/dist/{delay-YfksbdSk.cjs.map → delay-oQ9qrOV_.cjs.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{dialog-content-COidAlIa.js → dialog-content-BxiEOcGi.js} +3 -3
- package/dist/{dialog-content-COidAlIa.js.map → dialog-content-BxiEOcGi.js.map} +1 -1
- package/dist/{dialog-content-CyPNCPyp.cjs → dialog-content-aKmUf0nh.cjs} +2 -2
- package/dist/{dialog-content-CyPNCPyp.cjs.map → dialog-content-aKmUf0nh.cjs.map} +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/{divider-CHtq7YkK.js → divider-CZMnnY6N.js} +3 -3
- package/dist/{divider-CHtq7YkK.js.map → divider-CZMnnY6N.js.map} +1 -1
- package/dist/{divider-Cy75eDOI.cjs → divider-DH4gDqR3.cjs} +2 -2
- package/dist/{divider-Cy75eDOI.cjs.map → divider-DH4gDqR3.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-AKsZIRkY.cjs → dropdown-content-B_nQ7JQb.cjs} +2 -2
- package/dist/{dropdown-content-AKsZIRkY.cjs.map → dropdown-content-B_nQ7JQb.cjs.map} +1 -1
- package/dist/{dropdown-content-DgscCd-v.js → dropdown-content-CDONqec-.js} +3 -3
- package/dist/{dropdown-content-DgscCd-v.js.map → dropdown-content-CDONqec-.js.map} +1 -1
- package/dist/dropdown.cjs +1 -1
- package/dist/dropdown.js +1 -1
- package/dist/extra.cjs +1 -1
- package/dist/extra.js +1 -1
- package/dist/{flex-B9AdlerG.cjs → flex-CdU3dsnT.cjs} +2 -2
- package/dist/{flex-B9AdlerG.cjs.map → flex-CdU3dsnT.cjs.map} +1 -1
- package/dist/{flex-ChnKQLCI.js → flex-DpEq-xBP.js} +2 -2
- package/dist/{flex-ChnKQLCI.js.map → flex-DpEq-xBP.js.map} +1 -1
- package/dist/{form-BFc52uuY.js → form-CBQ7tqoN.js} +2 -2
- package/dist/{form-BFc52uuY.js.map → form-CBQ7tqoN.js.map} +1 -1
- package/dist/{form-DfUjGCp4.cjs → form-DOXwEWEA.cjs} +2 -2
- package/dist/{form-DfUjGCp4.cjs.map → form-DOXwEWEA.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{formField.mixin-CuGsxsHl.js → formField.mixin-Dua_nJpW.js} +2 -2
- package/dist/{formField.mixin-CuGsxsHl.js.map → formField.mixin-Dua_nJpW.js.map} +1 -1
- package/dist/{formField.mixin-Cxw6KKHR.cjs → formField.mixin-s6FQGAPU.cjs} +2 -2
- package/dist/{formField.mixin-Cxw6KKHR.cjs.map → formField.mixin-s6FQGAPU.cjs.map} +1 -1
- package/dist/{icon-Csw2jGjz.cjs → icon-MwCR53u1.cjs} +2 -2
- package/dist/{icon-Csw2jGjz.cjs.map → icon-MwCR53u1.cjs.map} +1 -1
- package/dist/{icon-button-B4ItyJ98.cjs → icon-button-Dv6GLseS.cjs} +2 -2
- package/dist/{icon-button-B4ItyJ98.cjs.map → icon-button-Dv6GLseS.cjs.map} +1 -1
- package/dist/{icon-button-D889ly9B.js → icon-button-nX-6I8-n.js} +3 -3
- package/dist/{icon-button-D889ly9B.js.map → icon-button-nX-6I8-n.js.map} +1 -1
- package/dist/{icon-PHYf6Ww3.js → icon-h6T16FZr.js} +2 -2
- package/dist/{icon-PHYf6Ww3.js.map → icon-h6T16FZr.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 +208 -207
- package/dist/index.js.map +1 -1
- package/dist/{input-j_kMoC0l.js → input-CRyjA5vL.js} +10 -10
- package/dist/input-CRyjA5vL.js.map +1 -0
- package/dist/{input-BbLEIWkk.cjs → input-oZQ_ATz5.cjs} +3 -3
- package/dist/input-oZQ_ATz5.cjs.map +1 -0
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +1 -1
- package/dist/{list-CSu6cyoR.cjs → list-DsOs1b2s.cjs} +2 -2
- package/dist/{list-CSu6cyoR.cjs.map → list-DsOs1b2s.cjs.map} +1 -1
- package/dist/{list-B-vruXz6.js → list-le1t7wnv.js} +2 -2
- package/dist/{list-B-vruXz6.js.map → list-le1t7wnv.js.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-CejONOpd.cjs → litElement.mixin-HAhKNS-6.cjs} +2 -2
- package/dist/{litElement.mixin-CejONOpd.cjs.map → litElement.mixin-HAhKNS-6.cjs.map} +1 -1
- package/dist/{litElement.mixin-D-SDs-Ez.js → litElement.mixin-nh8G1Uii.js} +2 -2
- package/dist/{litElement.mixin-D-SDs-Ez.js.map → litElement.mixin-nh8G1Uii.js.map} +1 -1
- package/dist/{media-B_Me35Lz.js → media-BP4kiHwu.js} +2 -2
- package/dist/{media-B_Me35Lz.js.map → media-BP4kiHwu.js.map} +1 -1
- package/dist/{media-BfzuayBO.cjs → media-D90bHvDD.cjs} +2 -2
- package/dist/{media-BfzuayBO.cjs.map → media-D90bHvDD.cjs.map} +1 -1
- package/dist/{menu-CXq_e2XW.js → menu-BirD28L0.js} +3 -3
- package/dist/{menu-CXq_e2XW.js.map → menu-BirD28L0.js.map} +1 -1
- package/dist/{menu-BDv4zBeO.cjs → menu-C0F6gTv9.cjs} +2 -2
- package/dist/{menu-BDv4zBeO.cjs.map → menu-C0F6gTv9.cjs.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-service-CzJSG4Sn.cjs → notification-service-COqkYPMO.cjs} +2 -2
- package/dist/{notification-service-CzJSG4Sn.cjs.map → notification-service-COqkYPMO.cjs.map} +1 -1
- package/dist/{notification-service-CD96gC_Q.js → notification-service-CX1notpL.js} +3 -3
- package/dist/{notification-service-CD96gC_Q.js.map → notification-service-CX1notpL.js.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-CVtfqsYE.js → option-BgfgOhne.js} +2 -2
- package/dist/{option-CVtfqsYE.js.map → option-BgfgOhne.js.map} +1 -1
- package/dist/{option-h_WFbBOi.cjs → option-C2ioIuX3.cjs} +2 -2
- package/dist/{option-h_WFbBOi.cjs.map → option-C2ioIuX3.cjs.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{payment-card-form-tNrkE6OQ.js → payment-card-form-BV5TjuAP.js} +3 -3
- package/dist/{payment-card-form-tNrkE6OQ.js.map → payment-card-form-BV5TjuAP.js.map} +1 -1
- package/dist/{payment-card-form-BskQ6TgU.cjs → payment-card-form-CPdQDBjl.cjs} +2 -2
- package/dist/{payment-card-form-BskQ6TgU.cjs.map → payment-card-form-CPdQDBjl.cjs.map} +1 -1
- package/dist/progress-C7nnUVNo.cjs +30 -0
- package/dist/progress-C7nnUVNo.cjs.map +1 -0
- package/dist/progress-DNoDfb2_.js +52 -0
- package/dist/progress-DNoDfb2_.js.map +1 -0
- package/dist/progress.cjs +2 -0
- package/dist/progress.cjs.map +1 -0
- package/dist/progress.js +2 -0
- package/dist/progress.js.map +1 -0
- package/dist/{radio-button-DnCXtbRy.cjs → radio-button-Bplx6LUo.cjs} +2 -2
- package/dist/{radio-button-DnCXtbRy.cjs.map → radio-button-Bplx6LUo.cjs.map} +1 -1
- package/dist/{radio-button-DF08cuJS.js → radio-button-D6ZQIEMc.js} +3 -3
- package/dist/{radio-button-DF08cuJS.js.map → radio-button-D6ZQIEMc.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-B-Bvr-wZ.cjs → schmancy-steps-container-CI_dfEaJ.cjs} +2 -2
- package/dist/{schmancy-steps-container-B-Bvr-wZ.cjs.map → schmancy-steps-container-CI_dfEaJ.cjs.map} +1 -1
- package/dist/{schmancy-steps-container-BACX3hp6.js → schmancy-steps-container-feCUXcti.js} +2 -2
- package/dist/{schmancy-steps-container-BACX3hp6.js.map → schmancy-steps-container-feCUXcti.js.map} +1 -1
- package/dist/{select-BtsHlkD9.cjs → select-7MfozdvB.cjs} +2 -2
- package/dist/{select-BtsHlkD9.cjs.map → select-7MfozdvB.cjs.map} +1 -1
- package/dist/{select-BLigK7WJ.js → select-B4HKxJNd.js} +3 -3
- package/dist/{select-BLigK7WJ.js.map → select-B4HKxJNd.js.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-H3p6cwja.cjs → sheet-BD7mNPgo.cjs} +2 -2
- package/dist/{sheet-H3p6cwja.cjs.map → sheet-BD7mNPgo.cjs.map} +1 -1
- package/dist/{sheet-Bq4x2qJR.js → sheet-CoHqDHlJ.js} +4 -4
- package/dist/{sheet-Bq4x2qJR.js.map → sheet-CoHqDHlJ.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +2 -2
- package/dist/{slider-B8oe73hM.js → slider-B7r8w_31.js} +3 -3
- package/dist/{slider-B8oe73hM.js.map → slider-B7r8w_31.js.map} +1 -1
- package/dist/{slider-Cfo8tVKG.cjs → slider-D8YnrJ-8.cjs} +2 -2
- package/dist/{slider-Cfo8tVKG.cjs.map → slider-D8YnrJ-8.cjs.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-U7S7P4no.js → spinner-CXfX6eka.js} +3 -3
- package/dist/{spinner-U7S7P4no.js.map → spinner-CXfX6eka.js.map} +1 -1
- package/dist/{spinner-DnRMrl9v.cjs → spinner-DYX-qUui.cjs} +2 -2
- package/dist/{spinner-DnRMrl9v.cjs.map → spinner-DYX-qUui.cjs.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/{surface-D7X23FXb.js → surface-Bw7q1kMH.js} +2 -2
- package/dist/{surface-D7X23FXb.js.map → surface-Bw7q1kMH.js.map} +1 -1
- package/dist/{surface-CTlwMC6K.cjs → surface-CjUKBdLJ.cjs} +2 -2
- package/dist/{surface-CTlwMC6K.cjs.map → surface-CjUKBdLJ.cjs.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-0HYVgRpO.cjs → table-DFnbyo4s.cjs} +2 -2
- package/dist/{table-0HYVgRpO.cjs.map → table-DFnbyo4s.cjs.map} +1 -1
- package/dist/{table-Dwrox4AT.js → table-DQ38Z4T0.js} +2 -2
- package/dist/{table-Dwrox4AT.js.map → table-DQ38Z4T0.js.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-9Rd3aAz8.cjs → tabs-compatibility-BFULPNKJ.cjs} +2 -2
- package/dist/{tabs-compatibility-9Rd3aAz8.cjs.map → tabs-compatibility-BFULPNKJ.cjs.map} +1 -1
- package/dist/{tabs-compatibility-Bhqb9_1G.js → tabs-compatibility-DYErcu_5.js} +7 -7
- package/dist/{tabs-compatibility-Bhqb9_1G.js.map → tabs-compatibility-DYErcu_5.js.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-CGuZJSAV.js +43 -0
- package/dist/{tailwind.mixin-Dx35wOig.js.map → tailwind.mixin-CGuZJSAV.js.map} +1 -1
- package/dist/tailwind.mixin-DN3mj7AF.cjs +2 -0
- package/dist/{tailwind.mixin-xwSbeHSt.cjs.map → tailwind.mixin-DN3mj7AF.cjs.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-D7NLGUQL.cjs → textarea-B1kV_2eH.cjs} +2 -2
- package/dist/{textarea-D7NLGUQL.cjs.map → textarea-B1kV_2eH.cjs.map} +1 -1
- package/dist/{textarea-Dx-DzkDe.js → textarea-DUQC00Fd.js} +2 -2
- package/dist/{textarea-Dx-DzkDe.js.map → textarea-DUQC00Fd.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-gIEpz0yO.js → theme-button-CXnJIlOE.js} +2 -2
- package/dist/{theme-button-gIEpz0yO.js.map → theme-button-CXnJIlOE.js.map} +1 -1
- package/dist/{theme-button-oLGQfECu.cjs → theme-button-nswF-4e7.cjs} +2 -2
- package/dist/{theme-button-oLGQfECu.cjs.map → theme-button-nswF-4e7.cjs.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/{theme.component-BAA4DyC6.js → theme.component-Biom0Mmq.js} +2 -2
- package/dist/{theme.component-BAA4DyC6.js.map → theme.component-Biom0Mmq.js.map} +1 -1
- package/dist/{theme.component-DIXxdhcR.cjs → theme.component-CqT-wazM.cjs} +2 -2
- package/dist/{theme.component-DIXxdhcR.cjs.map → theme.component-CqT-wazM.cjs.map} +1 -1
- package/dist/theme.js +1 -1
- package/dist/{timezone-DjBVPwPe.cjs → timezone-BanTl7db.cjs} +2 -2
- package/dist/{timezone-DjBVPwPe.cjs.map → timezone-BanTl7db.cjs.map} +1 -1
- package/dist/{timezone-Bo5mdJkY.js → timezone-DEfdZ7Ih.js} +3 -3
- package/dist/{timezone-Bo5mdJkY.js.map → timezone-DEfdZ7Ih.js.map} +1 -1
- package/dist/{tooltip-Dy5bvLg8.js → tooltip-Cwd97bhO.js} +2 -2
- package/dist/{tooltip-Dy5bvLg8.js.map → tooltip-Cwd97bhO.js.map} +1 -1
- package/dist/{tooltip-dz3rb8at.cjs → tooltip-DyiokkSK.cjs} +2 -2
- package/dist/{tooltip-dz3rb8at.cjs.map → tooltip-DyiokkSK.cjs.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-BjNNPfOq.cjs → tree-CkEPnffd.cjs} +2 -2
- package/dist/{tree-BjNNPfOq.cjs.map → tree-CkEPnffd.cjs.map} +1 -1
- package/dist/{tree-DYiGGb5x.js → tree-DiGklPGH.js} +2 -2
- package/dist/{tree-DYiGGb5x.js.map → tree-DiGklPGH.js.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-CQWBe0l-.cjs → typewriter-3DNeJHA8.cjs} +2 -2
- package/dist/{typewriter-CQWBe0l-.cjs.map → typewriter-3DNeJHA8.cjs.map} +1 -1
- package/dist/{typewriter-DNyZpGkL.js → typewriter-CclJKtWA.js} +8 -8
- package/dist/{typewriter-DNyZpGkL.js.map → typewriter-CclJKtWA.js.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-BLenYAmX.cjs → typography-CddeXVmZ.cjs} +2 -2
- package/dist/{typography-BLenYAmX.cjs.map → typography-CddeXVmZ.cjs.map} +1 -1
- package/dist/{typography-DtpDTIi7.js → typography-UQvNQS6H.js} +2 -2
- package/dist/{typography-DtpDTIi7.js.map → typography-UQvNQS6H.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/dist/input-BbLEIWkk.cjs.map +0 -1
- package/dist/input-j_kMoC0l.js.map +0 -1
- package/dist/tailwind.mixin-Dx35wOig.js +0 -43
- package/dist/tailwind.mixin-xwSbeHSt.cjs +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const h=require("./consume-edta5ng5.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const y=require("./tailwind.mixin-
|
|
1
|
+
"use strict";const h=require("./consume-edta5ng5.cjs");require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const y=require("./tailwind.mixin-DN3mj7AF.cjs"),r=require("lit/decorators.js"),d=require("./provide-BxZ2kn_p.cjs"),p=require("lit"),m=require("lit/directives/when.js"),u=d.n(void 0),f=d.n("surface");var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(t,s,n,i)=>{for(var o,e=i>1?void 0:i?v(s,n):s,l=t.length-1;l>=0;l--)(o=t[l])&&(e=(i?o(s,n,e):o(e))||e);return i&&e&&g(s,n,e),e};exports.SchmancyListItem=class extends y.TailwindElement(){constructor(){super(...arguments),this.selected=!1}get imgClasses(){return["h-[24px]","w-[24px]","object-contain"]}firstUpdated(){this.leading?.forEach(t=>{t.classList.add(...this.imgClasses)}),this.trailing?.forEach(t=>{t.classList.add(...this.imgClasses)})}render(){const t={"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"relative inset-0 w-full flex items-center min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden":!0,"bg-secondary-container text-secondery-onContainer":this.selected},s={"z-0 duration-500 transition-opacity":!0,"rounded-none":this.rounded===!1,"rounded-full":this.rounded,"hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ":!this.readonly};return p.html` <li .tabIndex=${this.readonly?-1:0} class=${this.classMap(t)}>
|
|
2
2
|
${m.when(!this.readonly,()=>p.html` <div class="${this.classMap(s)}"></div>`)}
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</li>`}},a([h.c({context:f,subscribe:!0}),r.property()],exports.SchmancyListItem.prototype,"variant",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"rounded",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"readonly",2),a([r.property({type:Boolean})],exports.SchmancyListItem.prototype,"selected",2),a([r.queryAssignedElements({slot:"leading",flatten:!0})],exports.SchmancyListItem.prototype,"leading",2),a([r.queryAssignedElements({slot:"trailing",flatten:!0})],exports.SchmancyListItem.prototype,"trailing",2),exports.SchmancyListItem=a([r.customElement("schmancy-list-item")],exports.SchmancyListItem);var b=Object.defineProperty,L=Object.getOwnPropertyDescriptor,c=(t,s,n,i)=>{for(var o,e=i>1?void 0:i?L(s,n):s,l=t.length-1;l>=0;l--)(o=t[l])&&(e=(i?o(s,n,e):o(e))||e);return i&&e&&b(s,n,e),e};exports.List=class extends y.TailwindElement(p.css`
|
|
@@ -14,4 +14,4 @@
|
|
|
14
14
|
</ul>
|
|
15
15
|
</schmancy-surface>
|
|
16
16
|
`}},c([d.e({context:u}),r.property()],exports.List.prototype,"surface",2),c([r.property({type:String,reflect:!0})],exports.List.prototype,"fill",2),c([r.property({type:Number})],exports.List.prototype,"elevation",2),exports.List=c([r.customElement("schmancy-list")],exports.List),exports.SchmancyListTypeContext=u;
|
|
17
|
-
//# sourceMappingURL=list-
|
|
17
|
+
//# sourceMappingURL=list-DsOs1b2s.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-
|
|
1
|
+
{"version":3,"file":"list-DsOs1b2s.cjs","sources":["../src/list/context.ts","../src/surface/context.ts","../src/list/list-item.ts","../src/list/list.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n * <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListTypeContext","createContext","SchmancySurfaceTypeContext","SchmancyListItem","TailwindElement","super","arguments","this","selected","leading","forEach","img","classList","add","imgClasses","trailing","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","List","css","fill","elevation","surface","provide","String","reflect","Number"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { c as g } from "./consume-5D1qfVWM.js";
|
|
|
2
2
|
import "rxjs";
|
|
3
3
|
import "lit/directives/class-map.js";
|
|
4
4
|
import "lit/directives/style-map.js";
|
|
5
|
-
import { T as y } from "./tailwind.mixin-
|
|
5
|
+
import { T as y } from "./tailwind.mixin-CGuZJSAV.js";
|
|
6
6
|
import { property as p, queryAssignedElements as f, customElement as h } from "lit/decorators.js";
|
|
7
7
|
import { n as m, e as v } from "./provide-tcktw8xB.js";
|
|
8
8
|
import { html as u, css as b } from "lit";
|
|
@@ -65,4 +65,4 @@ export {
|
|
|
65
65
|
$ as S,
|
|
66
66
|
r as a
|
|
67
67
|
};
|
|
68
|
-
//# sourceMappingURL=list-
|
|
68
|
+
//# sourceMappingURL=list-le1t7wnv.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-
|
|
1
|
+
{"version":3,"file":"list-le1t7wnv.js","sources":["../src/list/context.ts","../src/surface/context.ts","../src/list/list-item.ts","../src/list/list.ts"],"sourcesContent":["import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancyListTypeContext = createContext<TSurfaceColor>(undefined)\n","import { createContext } from '@lit/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceTypeContext } from '@schmancy/surface/context'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { html } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\n/**\n * @element schmancy-list-item\n * @slot leading - leading content\n * @slot trailing - trailing content\n * @slot - default content\n */\n@customElement('schmancy-list-item')\nexport class SchmancyListItem extends TailwindElement() {\n\t@consume({ context: SchmancySurfaceTypeContext, subscribe: true })\n\t@property()\n\tvariant: TSurfaceColor\n\n\t@property({ type: Boolean })\n\trounded: boolean\n\n\t@property({ type: Boolean }) readonly: boolean\n\n\t@property({ type: Boolean }) selected: boolean = false\n\n\t@queryAssignedElements({\n\t\tslot: 'leading',\n\t\tflatten: true,\n\t})\n\tprivate leading!: HTMLElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'trailing',\n\t\tflatten: true,\n\t})\n\tprivate trailing!: HTMLElement[]\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['h-[24px]', 'w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.leading?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.trailing?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'relative inset-0 w-full flex items-center min-h-[56px] py-[8px] px-[16px] duration-500 transition-colors focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:z-1 outline-secondary-default outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'bg-secondary-container text-secondery-onContainer': this.selected,\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'z-0 duration-500 transition-opacity': true,\n\t\t\t'rounded-none': this.rounded === false,\n\t\t\t'rounded-full': this.rounded,\n\t\t\t'hover:bg-surface-on opacity-[0.08] cursor-pointer absolute inset-0 ': !this.readonly,\n\t\t}\n\t\treturn html` <li .tabIndex=${this.readonly ? -1 : 0} class=${this.classMap(classes)}>\n\t\t\t${when(!this.readonly, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t<slot></slot>\n\t\t</li>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list-item': SchmancyListItem\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { SchmancySurfaceFill } from '@schmancy/surface'\nimport { TSurfaceColor } from '@schmancy/types/surface'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyListTypeContext } from './context'\n\n/**\n * `<schmancy-list>` component.\n *\n * A list component that wraps its content within a customizable surface.\n * It allows you to set the surface type and fill style, and can optionally\n * enable scrolling behavior by delegating the scroller attribute to the surface.\n *\n * @element schmancy-list\n * @slot - The default slot for list items.\n *\n * @example\n * <schmancy-list surface=\"container\" scroller>\n * <schmancy-list-item>List Item 1</schmancy-list-item>\n * </schmancy-list>\n */\n@customElement('schmancy-list')\nexport class List extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding-top: 8px;\n\t\tpadding-bottom: 8px;\n\t}\n`) {\n\t/**\n\t * Defines the type or color of the surface used by the component.\n\t * This value is provided to descendant components via context.\n\t *\n\t * @attr surface\n\t * @type {TSurfaceColor}\n\t * @default 'surface'\n\t */\n\t@provide({ context: SchmancyListTypeContext })\n\t@property()\n\tsurface: TSurfaceColor\n\n\t/**\n\t * Determines the fill style of the underlying surface.\n\t *\n\t * @attr fill\n\t * @type {SchmancySurfaceFill}\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: SchmancySurfaceFill = 'auto'\n\n\t/**\n\t * Defines the elevation level of the surface.\n\t *\n\t * @attr elevation\n\t * @type {number}\n\t * @default 0\n\t */\n\t@property({ type: Number })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\t/**\n\t * Renders the component's template.\n\t * The list content is wrapped inside a `<schmancy-surface>` element.\n\t * The scroller property is delegated to the surface so that it controls\n\t * the scrollable behavior.\n\t *\n\t * @returns The HTML template for the component.\n\t */\n\trender() {\n\t\treturn html`\n\t\t\t<schmancy-surface .elevation=${this.elevation} .fill=${this.fill} type=${this.surface}>\n\t\t\t\t<ul>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</ul>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-list': List\n\t}\n}\n"],"names":["SchmancyListTypeContext","createContext","SchmancySurfaceTypeContext","SchmancyListItem","TailwindElement","super","arguments","this","selected","imgClasses","firstUpdated","leading","forEach","img","classList","add","trailing","render","classes","rounded","stateLayerClasses","readonly","html","classMap","when","__decorateClass","consume","context","subscribe","property","prototype","type","Boolean","queryAssignedElements","slot","flatten","customElement","List","css","fill","elevation","surface","provide","String","reflect","Number"],"mappings":"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"}
|
package/dist/list.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./list-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./list-DsOs1b2s.cjs");Object.defineProperty(exports,"List",{enumerable:!0,get:()=>e.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>e.SchmancyListItem}),exports.SchmancyListTypeContext=e.SchmancyListTypeContext;
|
|
2
2
|
//# sourceMappingURL=list.cjs.map
|
package/dist/list.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./tailwind.mixin-
|
|
2
|
-
//# sourceMappingURL=litElement.mixin-
|
|
1
|
+
"use strict";const e=require("./tailwind.mixin-DN3mj7AF.cjs");exports.$LitElement=t=>{class s extends e.BaseElement(e.TailwindElement(t)){constructor(){super(...arguments),this.disconnectedCallback=()=>{super.disconnectedCallback()}}}return s};
|
|
2
|
+
//# sourceMappingURL=litElement.mixin-HAhKNS-6.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"litElement.mixin-
|
|
1
|
+
{"version":3,"file":"litElement.mixin-HAhKNS-6.cjs","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["componentStyle","TailwindMixinClass","BaseElement","TailwindElement","constructor","super","arguments","this","disconnectedCallback"],"mappings":"kFAKiDA,GAAAA,CAChD,MAAMC,UAA2BC,EAAAA,YAAYC,kBAAgBH,IAA7D,aAAAI,CAAAC,MAAAC,GAAAA,SAAAA,EACCC,KAAAC,qBAAuB,IACtBH,CAAAA,MAAMG,qBAAqB,CAAA,CAC5B,CAEM,CAAA,OAAAP,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as t, T as r } from "./tailwind.mixin-
|
|
1
|
+
import { B as t, T as r } from "./tailwind.mixin-CGuZJSAV.js";
|
|
2
2
|
const n = (s) => {
|
|
3
3
|
class e extends t(r(s)) {
|
|
4
4
|
constructor() {
|
|
@@ -12,4 +12,4 @@ const n = (s) => {
|
|
|
12
12
|
export {
|
|
13
13
|
n as $
|
|
14
14
|
};
|
|
15
|
-
//# sourceMappingURL=litElement.mixin-
|
|
15
|
+
//# sourceMappingURL=litElement.mixin-nh8G1Uii.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"litElement.mixin-
|
|
1
|
+
{"version":3,"file":"litElement.mixin-nh8G1Uii.js","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["$LitElement","componentStyle","TailwindMixinClass","BaseElement","TailwindElement","super","arguments","this","disconnectedCallback"],"mappings":";AAKa,MAAAA,IAAoCC,CAAAA;EAChD,MAAMC,UAA2BC,EAAYC,EAAgBH,CAA7D,CAAA,EAAA;AAAA,IAAA;AAAAI,YAAAC,GAAAA,SAAAA,GACCC,KAAAC,uBAAuB,MACtBH;AAAAA,cAAMG;MAAqB;AAAA,IAC5B;AAAA,EAAA;AAEM,SAAAN;AAAA;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { T as y } from "./tailwind.mixin-
|
|
4
|
+
import { T as y } from "./tailwind.mixin-CGuZJSAV.js";
|
|
5
5
|
import { customElement as m, property as c } from "lit/decorators.js";
|
|
6
6
|
import { css as p, html as l } from "lit";
|
|
7
7
|
var u = Object.getOwnPropertyDescriptor;
|
|
@@ -182,4 +182,4 @@ export {
|
|
|
182
182
|
g as b,
|
|
183
183
|
i as c
|
|
184
184
|
};
|
|
185
|
-
//# sourceMappingURL=media-
|
|
185
|
+
//# sourceMappingURL=media-BP4kiHwu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-
|
|
1
|
+
{"version":3,"file":"media-BP4kiHwu.js","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\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-card')\nexport default class SchmancyCard extends TailwindElement(css`:host{\n\tdisplay: block;\n\tposition: relative;\n\tinset: 0;\n\tborder-radius: 0.375rem; /* rounded-md */\n}\n:host([type=\"elevated\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-low);\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"elevated\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([type=\"filled\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-highest);\n}\n:host([type=\"filled\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"outlined\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-default);\n\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n}\n:host([type=\"outlined\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"1\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"2\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([elevation=\"3\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-3);\n}\n:host([elevation=\"4\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-4);\n}\n:host([elevation=\"5\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-5);\n}`) {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n * @slot headline - The headline text of the card\n * @slot subhead - The subhead text of the card\n * @slot default - The main content of the card\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 1rem;\n\t\tpadding: 24px 16px;\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\t\n\t.header-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0.25rem;\n\t}\n\t\n\t::slotted([slot=\"headline\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tfont-size: 1.125rem;\n\t\tline-height: 1.75rem;\n\t\tfont-weight: 400;\n\t}\n\t\n\t::slotted([slot=\"subhead\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div class=\"header-container\">\n\t\t\t\t<slot name=\"headline\"></slot>\n\t\t\t\t<slot name=\"subhead\"></slot>\n\t\t\t</div>\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","elevation","__decorateClass","property","prototype","Number","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String","reflect"],"mappings":";;;;;;;AASqB,IAAAA,IAArB,cAAgDC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EASrD,SAAAC;AACF,WAAAC;AAAAA,EAAA;;AAVYJ;;;GAArB,CADCK,EAAc,sBAAA,CAAA,GACML;;;;;ACJA,IAAAM,IAArB,cAA0CL,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAK;AAAAC,aAAAC,SAyCwDC,GAAAA,KAAAC,OAAA,YACQD,KAAAE,YAAA;AAAA,EAAA;AAAA,EACrD,SACF;AAAA,WAAAR;AAAAA,EAAA;AAAA;AAHIS,EAAA,CAAXC,EAAAA,CAAAA,GAzCmBR,EAyCRS,WAAA,QAAA,CAAA,GACgBF,EAAA,CAA3BC,EAAS,EAAEH,MAAMK,OAAAA,CAAAA,CAAAA,GA1CEV,EA0CQS,WAAA,aAAA,CA1CRT,GAAAA,IAArBO,EAAA,CADCR,EAAc,eACMC,CAAAA,GAAAA,CAAAA;;ACMA,IAAAW,IAArB,cAAiDhB,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EA4BtD,SAAAC;AACF,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AA7BYa;AAAAA;;;GAArB,CADCZ,EAAc,2BACMY;;;;;ACHA,IAAAC,IAArB,cAA+CjB,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA/D,EAAA;AAAA,EAAA,cAAAM;AAAAA,UAAAA,GAAAC,SA+CeC,GAAAA,KAAAS,MAAA,IAG8CT,KAAAU,MAAA,WAG9CV,KAAAW,MAAA;AAAA,EAAA;AAAA,EAEJ,SAGF;AAAA,WAAAX,KAAKS,MACTf,cAAiBM,KAAKS,GAAAA,UAAaT,KAAKW,GACxCjB,SAAAA;AAAAA,EAAA;AAAA;AAbJS,EAAA,CADCC,EAAS,EAAEH,MAAMW,QAAQC,SAAAA,GA9CNL,CAAAA,CAAAA,GAAAA,EA+CpBH,WAAA,OAAA,CAGAF,GAAAA,EAAA,CADCC,EAAS,EAAEH,MAAMW,QAAQC,SAAS,GAAA,CAAA,CAAA,GAjDfL,EAkDpBH,WAAA,OAAA,CAGAF,GAAAA,EAAA,CADCC,EAAS,EAAEH,MAAMW,OApDEJ,CAAAA,CAAAA,GAAAA,EAqDpBH,WAAA,OAAA,CAAA,GArDoBG,IAArBL,EAAA,CADCR,EAAc,qBAAA,CAAA,GACMa;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-
|
|
1
|
+
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-DN3mj7AF.cjs"),n=require("lit/decorators.js"),i=require("lit");var y=Object.getOwnPropertyDescriptor;exports.SchmancyCardAction=class extends h.TailwindElement(i.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
gap: 0.5rem;
|
|
@@ -125,4 +125,4 @@
|
|
|
125
125
|
object-fit: scale-down;
|
|
126
126
|
}
|
|
127
127
|
`){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?i.html`<img src="${this.src}" alt="${this.alt}" />`:i.html`<slot></slot>`}},l([n.property({type:String,reflect:!0})],exports.SchmancyCardMedia.prototype,"src",2),l([n.property({type:String,reflect:!0})],exports.SchmancyCardMedia.prototype,"fit",2),l([n.property({type:String})],exports.SchmancyCardMedia.prototype,"alt",2),exports.SchmancyCardMedia=l([n.customElement("schmancy-card-media")],exports.SchmancyCardMedia);
|
|
128
|
-
//# sourceMappingURL=media-
|
|
128
|
+
//# sourceMappingURL=media-D90bHvDD.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-
|
|
1
|
+
{"version":3,"file":"media-D90bHvDD.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\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-card')\nexport default class SchmancyCard extends TailwindElement(css`:host{\n\tdisplay: block;\n\tposition: relative;\n\tinset: 0;\n\tborder-radius: 0.375rem; /* rounded-md */\n}\n:host([type=\"elevated\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-low);\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"elevated\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([type=\"filled\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-highest);\n}\n:host([type=\"filled\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"outlined\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-default);\n\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n}\n:host([type=\"outlined\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"1\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"2\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([elevation=\"3\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-3);\n}\n:host([elevation=\"4\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-4);\n}\n:host([elevation=\"5\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-5);\n}`) {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n * @slot headline - The headline text of the card\n * @slot subhead - The subhead text of the card\n * @slot default - The main content of the card\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 1rem;\n\t\tpadding: 24px 16px;\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t}\n\t\n\t.header-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 0.25rem;\n\t}\n\t\n\t::slotted([slot=\"headline\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tfont-size: 1.125rem;\n\t\tline-height: 1.75rem;\n\t\tfont-weight: 400;\n\t}\n\t\n\t::slotted([slot=\"subhead\"]) {\n\t\tcolor: var(--schmancy-sys-color-surface-onVariant);\n\t\tfont-size: 0.875rem;\n\t\tline-height: 1.25rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div class=\"header-container\">\n\t\t\t\t<slot name=\"headline\"></slot>\n\t\t\t\t<slot name=\"subhead\"></slot>\n\t\t\t</div>\n\t\t\t<slot></slot>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","elevation","__decorateClass","property","prototype","Number","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String","reflect"],"mappings":"kPASqBA,QAAAA,mBAArB,cAAgDC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GASrD,QAAAC,CACF,OAAAC,EAAAA,mBAAA,GAVYJ,QAArBA,yHAAA,CADCK,EAAAA,cAAc,sBAAA,CAAA,EACML,4NCJAM,QAAAA,aAArB,cAA0CL,EAAgBA,gBAAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAA1D,aAAAK,CAAAC,MAAAC,GAAAA,SAAAA,EAyCwDC,KAAAC,KAAA,WACQD,KAAAE,UAAA,CAAA,CACrD,QACF,CAAA,OAAAR,EAAAA,mBAAA,CAHIS,EAAAA,EAAA,CAAXC,EAASA,SAzCUR,CAAAA,EAAAA,qBAyCRS,UAAA,OAAA,CAAA,EACgBF,EAAA,CAA3BC,WAAS,CAAEH,KAAMK,MAAAA,CAAAA,CAAAA,EA1CEV,qBA0CQS,UAAA,YAAA,CA1CRT,EAAAA,QAArBA,aAAAO,EAAA,CADCR,EAAAA,cAAc,eAAA,CAAA,EACMC,4DCMAW,QAAAA,oBAArB,cAAiDhB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GA4BtD,QAAAC,CACF,OAAAC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAAA,CA7BYa,EAAAA,QAArBA,0HAAA,CADCZ,EAAAA,cAAc,uBACMY,CAAAA,EAAAA,6NCHAC,QAAAA,kBAArB,cAA+CjB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA/D,CAAA,CAAA,cAAAM,MAAAC,GAAAA,SAAAA,EA+CeC,KAAAS,IAAA,GAG8CT,KAAAU,IAAA,UAG9CV,KAAAW,IAAA,EAAA,CAEJ,QAAAlB,CAGF,OAAAO,KAAKS,IACTf,mBAAiBM,KAAKS,GAAAA,UAAaT,KAAKW,GAAAA,OACxCjB,EAAAA,mBAAA,CAbJS,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,QAAS,EAAA,CAAA,CAAA,EA9CfL,0BA+CpBH,UAAA,MAAA,CAAA,EAGAF,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,UAjDNL,CAAAA,CAAAA,EAAAA,0BAkDpBH,UAAA,MAAA,CAGAF,EAAAA,EAAA,CADCC,WAAS,CAAEH,KAAMW,MApDEJ,CAAAA,CAAAA,EAAAA,0BAqDpBH,UAAA,MAAA,CArDoBG,EAAAA,QAArBA,kBAAAL,EAAA,CADCR,EAAAA,cAAc,wBACMa"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { fromEvent as l, takeUntil as r, tap as c, filter as f } from "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { $ as g } from "./litElement.mixin-
|
|
5
|
-
import { T as E } from "./tailwind.mixin-
|
|
4
|
+
import { $ as g } from "./litElement.mixin-nh8G1Uii.js";
|
|
5
|
+
import { T as E } from "./tailwind.mixin-CGuZJSAV.js";
|
|
6
6
|
import { customElement as d, queryAssignedElements as w, query as v } from "lit/decorators.js";
|
|
7
7
|
import { css as b, html as y } from "lit";
|
|
8
8
|
import { offset as x, flip as k, shift as M, size as P, computePosition as p, autoUpdate as O } from "@floating-ui/dom";
|
|
@@ -96,4 +96,4 @@ let m = class extends E(b`
|
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
98
|
u([w({ flatten: !0, slot: "button" })], m.prototype, "buttonElement", 2), u([v("#menu")], m.prototype, "menuElement", 2), m = u([d("schmancy-menu")], m);
|
|
99
|
-
//# sourceMappingURL=menu-
|
|
99
|
+
//# sourceMappingURL=menu-BirD28L0.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-
|
|
1
|
+
{"version":3,"file":"menu-BirD28L0.js","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query, queryAssignedElements } from 'lit/decorators.js'\nimport { filter, fromEvent, takeUntil, tap } from 'rxjs'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends TailwindElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\n\t#menu {\n\t\tdisplay: none;\n\t}\n\n\t#menu[data-show='true'] {\n\t\tdisplay: block;\n\t}\n`) {\n\t@queryAssignedElements({ flatten: true, slot: 'button' })\n\tbuttonElement!: Array<HTMLElement>\n\n\t@query('#menu') menuElement!: HTMLElement\n\n\tprivate cleanup?: any\n\n\tprivate getMiddleware() {\n\t\treturn [\n\t\t\toffset(5),\n\t\t\tflip(),\n\t\t\tshift({ padding: 5 }),\n\t\t\tsize({\n\t\t\t\tapply({ availableHeight, elements }) {\n\t\t\t\t\telements.floating.style.maxHeight = `${availableHeight}px`\n\t\t\t\t},\n\t\t\t}),\n\t\t]\n\t}\n\n\tasync updatePosition() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) {\n\t\t\treturn\n\t\t}\n\n\t\tawait computePosition(this.buttonElement[0], this.menuElement, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: this.getMiddleware(),\n\t\t}).then(({ x, y }) => {\n\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate showMenu() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) return\n\n\t\tthis.menuElement.dataset.show = 'true'\n\n\t\tthis.cleanup = autoUpdate(this.buttonElement[0], this.menuElement, () => {\n\t\t\tcomputePosition(this.buttonElement[0], this.menuElement, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: this.getMiddleware(),\n\t\t\t}).then(({ x, y, strategy }) => {\n\t\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\tposition: strategy,\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 100,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\tanimation.onfinish = () => {}\n\t}\n\n\tprivate async hideMenu() {\n\t\t// Make hideMenu async\n\t\tif (this.cleanup) {\n\t\t\tawait this.cleanup() // Await the cleanup!\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t\tthis.menuElement.dataset.show = 'false'\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 75,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\t\tanimation.onfinish = () => {} // No need for a promise now\n\t}\n\n\tfirstUpdated(): void {\n\t\tfromEvent(this.buttonElement, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showMenu()\n\t\t\t})\n\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideMenu()\n\t\t\t})\n\n\t\tfromEvent(document, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter((e: Event) => !this.contains(e.target as Node)),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\ttap(() => {\n\t\t\t\t\tif (this.menuElement.dataset.show === 'true') {\n\t\t\t\t\t\tthis.hideMenu()\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert </schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<ul\n\t\t\t\tid=\"menu\"\n\t\t\t\tclass=\"absolute z-50 border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto\"\n\t\t\t\trole=\"menu\"\n\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\taria-labelledby=\"options-menu-4-button\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","super","connectedCallback","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","render","html","customElement","SchmancyMenu","TailwindElement","getMiddleware","offset","flip","shift","padding","size","availableHeight","elements","floating","style","maxHeight","updatePosition","buttonElement","menuElement","computePosition","placement","middleware","then","x","y","Object","assign","left","top","dataset","show","cleanup","autoUpdate","strategy","position","animate","opacity","transform","duration","easing","onfinish","firstUpdated","tap","showMenu","hideMenu","document","filter","contains","target","__decorateClass","queryAssignedElements","flatten","slot","prototype","query"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./litElement.mixin-
|
|
1
|
+
"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./litElement.mixin-HAhKNS-6.cjs"),b=require("./tailwind.mixin-DN3mj7AF.cjs"),c=require("lit/decorators.js"),u=require("lit"),l=require("@floating-ui/dom");var y=Object.getOwnPropertyDescriptor;let p=class extends d.$LitElement(u.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
@@ -33,4 +33,4 @@
|
|
|
33
33
|
<slot></slot>
|
|
34
34
|
</ul>
|
|
35
35
|
`}};h([c.queryAssignedElements({flatten:!0,slot:"button"})],m.prototype,"buttonElement",2),h([c.query("#menu")],m.prototype,"menuElement",2),m=h([c.customElement("schmancy-menu")],m);
|
|
36
|
-
//# sourceMappingURL=menu-
|
|
36
|
+
//# sourceMappingURL=menu-C0F6gTv9.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-
|
|
1
|
+
{"version":3,"file":"menu-C0F6gTv9.cjs","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query, queryAssignedElements } from 'lit/decorators.js'\nimport { filter, fromEvent, takeUntil, tap } from 'rxjs'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends TailwindElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\n\t#menu {\n\t\tdisplay: none;\n\t}\n\n\t#menu[data-show='true'] {\n\t\tdisplay: block;\n\t}\n`) {\n\t@queryAssignedElements({ flatten: true, slot: 'button' })\n\tbuttonElement!: Array<HTMLElement>\n\n\t@query('#menu') menuElement!: HTMLElement\n\n\tprivate cleanup?: any\n\n\tprivate getMiddleware() {\n\t\treturn [\n\t\t\toffset(5),\n\t\t\tflip(),\n\t\t\tshift({ padding: 5 }),\n\t\t\tsize({\n\t\t\t\tapply({ availableHeight, elements }) {\n\t\t\t\t\telements.floating.style.maxHeight = `${availableHeight}px`\n\t\t\t\t},\n\t\t\t}),\n\t\t]\n\t}\n\n\tasync updatePosition() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) {\n\t\t\treturn\n\t\t}\n\n\t\tawait computePosition(this.buttonElement[0], this.menuElement, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: this.getMiddleware(),\n\t\t}).then(({ x, y }) => {\n\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate showMenu() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) return\n\n\t\tthis.menuElement.dataset.show = 'true'\n\n\t\tthis.cleanup = autoUpdate(this.buttonElement[0], this.menuElement, () => {\n\t\t\tcomputePosition(this.buttonElement[0], this.menuElement, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: this.getMiddleware(),\n\t\t\t}).then(({ x, y, strategy }) => {\n\t\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\tposition: strategy,\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 100,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\tanimation.onfinish = () => {}\n\t}\n\n\tprivate async hideMenu() {\n\t\t// Make hideMenu async\n\t\tif (this.cleanup) {\n\t\t\tawait this.cleanup() // Await the cleanup!\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t\tthis.menuElement.dataset.show = 'false'\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 75,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\t\tanimation.onfinish = () => {} // No need for a promise now\n\t}\n\n\tfirstUpdated(): void {\n\t\tfromEvent(this.buttonElement, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showMenu()\n\t\t\t})\n\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideMenu()\n\t\t\t})\n\n\t\tfromEvent(document, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter((e: Event) => !this.contains(e.target as Node)),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\ttap(() => {\n\t\t\t\t\tif (this.menuElement.dataset.show === 'true') {\n\t\t\t\t\t\tthis.hideMenu()\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert </schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<ul\n\t\t\t\tid=\"menu\"\n\t\t\t\tclass=\"absolute z-50 border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto\"\n\t\t\t\trole=\"menu\"\n\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\taria-labelledby=\"options-menu-4-button\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","super","connectedCallback","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","html","customElement","SchmancyMenu","TailwindElement","offset","flip","shift","padding","size","apply","availableHeight","elements","floating","style","maxHeight","updatePosition","buttonElement","menuElement","computePosition","placement","middleware","getMiddleware","then","x","y","Object","assign","left","top","dataset","show","cleanup","autoUpdate","strategy","position","animate","opacity","transform","duration","easing","onfinish","tap","showMenu","hideMenu","document","filter","contains","target","__decorateClass","queryAssignedElements","flatten","slot","prototype","query"],"mappings":"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"}
|
package/dist/menu.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./menu-
|
|
1
|
+
"use strict";require("./menu-C0F6gTv9.cjs");
|
|
2
2
|
//# sourceMappingURL=menu.cjs.map
|
package/dist/menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./menu-
|
|
1
|
+
import "./menu-BirD28L0.js";
|
|
2
2
|
//# sourceMappingURL=menu.js.map
|
package/dist/nav-drawer.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-Cy-cEMb2.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
|
|
2
2
|
//# sourceMappingURL=nav-drawer.cjs.map
|
package/dist/nav-drawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const b=require("rxjs"),T=require("lit/directives/class-map.js"),v=require("lit/directives/style-map.js"),w=require("./litElement.mixin-
|
|
1
|
+
"use strict";const b=require("rxjs"),T=require("lit/directives/class-map.js"),v=require("lit/directives/style-map.js"),w=require("./litElement.mixin-HAhKNS-6.cjs");require("./tailwind.mixin-DN3mj7AF.cjs");const u=require("lit/decorators.js"),x=require("./ripple-C2BHbhcS.cjs"),l=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),A=require("lit/directives/repeat.js");var C=Object.defineProperty,_=Object.getOwnPropertyDescriptor,d=(s,t,e,i)=>{for(var o,n=i>1?void 0:i?_(t,e):t,a=s.length-1;a>=0;a--)(o=s[a])&&(n=(i?o(t,e,n):o(n))||n);return i&&n&&C(t,e,n),n};exports.SchmancyNotification=class extends w.$LitElement(':host{display:block;margin-bottom:10px}:host:last-child{margin-bottom:0}.notification{width:100%;max-width:400px;box-shadow:var(--schmancy-sys-elevation-2);overflow:hidden;transform:translate(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);background-color:var(--schmancy-sys-color-surface-container);color:var(--schmancy-sys-color-surface-on);border-radius:16px;position:relative}.notification:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff14,#fff0);z-index:1}.notification.info{border-left:4px solid var(--schmancy-sys-color-primary-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-primary-container) 10%)}.notification.success{border-left:4px solid var(--schmancy-sys-color-success-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-success-container) 10%)}.notification.warning{border-left:4px solid var(--schmancy-sys-color-tertiary-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-tertiary-container) 10%)}.notification.error{border-left:4px solid var(--schmancy-sys-color-error-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-error-container) 10%)}.notification.closing{transform:translate(120%);opacity:0}.notification .notification-content{display:flex;padding:18px 20px;align-items:flex-start;position:relative;z-index:2}.notification .icon-container{flex-shrink:0;margin-right:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;position:relative}.notification .content{flex:1;min-width:0;display:flex;flex-direction:column}.notification .title{font-weight:500;font-size:16px;line-height:1.5;margin-bottom:2px;word-break:break-word;letter-spacing:.15px}.notification .message{font-size:14px;line-height:1.5;word-break:break-word;letter-spacing:.25px;opacity:.92}.notification .close-button{background:transparent;border:none;cursor:pointer;color:var(--schmancy-sys-color-surface-onVariant);padding:8px;margin-left:8px;margin-right:-4px;margin-top:-4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.notification .close-button:hover{background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-onVariant) 8%,transparent);transform:scale(1.05)}.notification .close-button:active{transform:scale(.95)}.notification .close-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--schmancy-sys-color-primary-default)}.notification .progress-bar-container{height:4px;width:100%;background-color:color-mix(in srgb,currentColor 8%,transparent);overflow:hidden;position:relative;z-index:2}.notification .progress-bar{height:100%;width:100%;transition:width .1s linear;border-radius:0 0 0 4px;background-image:linear-gradient(to right,currentColor 70%,color-mix(in srgb,currentColor 80%,white) 100%);opacity:.9}'){constructor(){super(...arguments),this.title="",this.message="",this.type="info",this.closable=!0,this.duration=5e3,this.id=`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`,this.playSound=!0,this._visible=!0,this._progress=100,this._hovered=!1,this._closing=!1}connectedCallback(){super.connectedCallback(),this.duration>0&&this._startAutoCloseTimer(),this.playSound&&this._playSound()}disconnectedCallback(){this._clearTimers(),super.disconnectedCallback()}updated(s){super.updated(s),s.has("duration")&&this.duration>0&&(this._clearTimers(),this._startAutoCloseTimer())}_startAutoCloseTimer(){if(this.duration<=0)return;const s=Date.now()+this.duration;this._autoCloseTimer=window.setTimeout(()=>{this.close()},this.duration),this._progressTimer=window.setInterval(()=>{if(this._hovered)return;const t=Date.now(),e=Math.max(0,s-t);this._progress=e/this.duration*100,e<=0&&this._clearTimers()},16)}_clearTimers(){this._autoCloseTimer&&(clearTimeout(this._autoCloseTimer),this._autoCloseTimer=void 0),this._progressTimer&&(clearInterval(this._progressTimer),this._progressTimer=void 0)}_pauseTimers(){this._clearTimers()}_resumeTimers(){if(this.duration>0){const s=this._progress/100*this.duration;if(s>0){this._autoCloseTimer=window.setTimeout(()=>{this.close()},s);const t=Date.now()+s;this._progressTimer=window.setInterval(()=>{if(this._hovered)return;const e=Date.now(),i=Math.max(0,t-e);this._progress=i/s*100,i<=0&&this._clearTimers()},16)}}}_playSound(){this.dispatchEvent(new CustomEvent("playsound",{detail:{type:this.type},bubbles:!0,composed:!0}))}_handleMouseEnter(){this._hovered=!0,this._pauseTimers()}_handleMouseLeave(){this._hovered=!1,this._resumeTimers()}close(){this._closing||(this._closing=!0,this._clearTimers(),this._visible=!1,setTimeout(()=>{this.dispatchEvent(new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0}))},300))}render(){if(!this._visible&&this._closing)return h.html``;const s=this._getTypeStyles(),t=this._hovered?"3":"2";return h.html`
|
|
2
2
|
<div
|
|
3
3
|
class=${T.classMap({notification:!0,closing:this._closing,[this.type]:!0})}
|
|
4
4
|
role="alert"
|
|
@@ -138,4 +138,4 @@
|
|
|
138
138
|
`)}
|
|
139
139
|
</div>
|
|
140
140
|
`}},f([u.property({type:String})],exports.SchmancyNotificationContainer.prototype,"position",2),f([u.property({type:Number})],exports.SchmancyNotificationContainer.prototype,"maxVisibleNotifications",2),f([u.property({type:Boolean})],exports.SchmancyNotificationContainer.prototype,"playSound",2),f([u.property({type:Number})],exports.SchmancyNotificationContainer.prototype,"audioVolume",2),f([u.state()],exports.SchmancyNotificationContainer.prototype,"_notifications",2),exports.SchmancyNotificationContainer=f([u.customElement("sch-notification-container")],exports.SchmancyNotificationContainer);const p=class p{constructor(){}static getInstance(){return p.instance||(p.instance=new p),p.instance}notify(t){const e={...p.DEFAULT_OPTIONS,...t,duration:t.duration??p.DEFAULT_OPTIONS.duration},i=e.id||`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`,o=new CustomEvent("schmancy-notification",{bubbles:!0,composed:!0,detail:{...e,id:i}});return window.dispatchEvent(o),i}info(t,e={}){return this.notify({message:t??"",type:"info",duration:t?e.duration:1,...e})}success(t,e={}){return this.notify({message:t??"",type:"success",duration:t?e.duration:1,...e})}warning(t,e={}){return this.notify({message:t??"",type:"warning",duration:t?e.duration:1,...e})}error(t,e={}){return this.notify({message:t??"",type:"error",duration:t?e.duration:1,...e})}customDuration(t,e,i={}){return this.notify({message:t,duration:e,...i})}persistent(t,e={}){return this.notify({message:t,duration:0,...e})}};p.DEFAULT_OPTIONS={duration:1e3,closable:!0,playSound:!0};let m=p;const N={show:s=>m.getInstance().notify(s),info:(s,t={})=>m.getInstance().info(s,t),success:(s,t={})=>m.getInstance().success(s,t),warning:(s,t={})=>m.getInstance().warning(s,t),error:(s,t={})=>m.getInstance().error(s,t),customDuration:(s,t,e={})=>m.getInstance().customDuration(s,t,e),persistent:(s,t={})=>m.getInstance().persistent(s,t)};exports.$notify=N,exports.NotificationAudioService=S;
|
|
141
|
-
//# sourceMappingURL=notification-service-
|
|
141
|
+
//# sourceMappingURL=notification-service-COqkYPMO.cjs.map
|