@mhmo91/schmancy 0.4.9 → 0.4.10
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/button.md +6 -3
- package/ai/code-highlight.md +239 -0
- package/ai/countries.md +270 -0
- package/ai/dialog.md +22 -3
- package/ai/directives.md +237 -0
- package/ai/input.md +99 -55
- package/ai/payment-card-form.md +241 -0
- package/ai/surface.md +1 -1
- package/ai/timezone.md +275 -0
- package/ai/typography.md +78 -43
- package/dist/ai/button.md +6 -3
- package/dist/ai/code-highlight.md +239 -0
- package/dist/ai/countries.md +270 -0
- package/dist/ai/dialog.md +22 -3
- package/dist/ai/directives.md +237 -0
- package/dist/ai/input.md +99 -55
- package/dist/ai/payment-card-form.md +241 -0
- package/dist/ai/surface.md +1 -1
- package/dist/ai/timezone.md +275 -0
- package/dist/ai/typography.md +78 -43
- package/dist/{animated-text-BqZjMyzb.js → animated-text-Be02uXuq.js} +3 -3
- package/dist/{animated-text-BqZjMyzb.js.map → animated-text-Be02uXuq.js.map} +1 -1
- package/dist/{animated-text-CgY-L1nI.cjs → animated-text-Dh_Ony1b.cjs} +2 -2
- package/dist/{animated-text-CgY-L1nI.cjs.map → animated-text-Dh_Ony1b.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-B7U96CpD.js → area.component-CVYJtXrI.js} +3 -3
- package/dist/{area.component-B7U96CpD.js.map → area.component-CVYJtXrI.js.map} +1 -1
- package/dist/{area.component-Zbs-bAJV.cjs → area.component-DTc1TOLd.cjs} +2 -2
- package/dist/{area.component-Zbs-bAJV.cjs.map → area.component-DTc1TOLd.cjs.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-qK00SJRP.cjs → autocomplete-CzTNaIqf.cjs} +2 -2
- package/dist/{autocomplete-qK00SJRP.cjs.map → autocomplete-CzTNaIqf.cjs.map} +1 -1
- package/dist/{autocomplete-DIUsdT73.js → autocomplete-D1bwPNoy.js} +3 -3
- package/dist/{autocomplete-DIUsdT73.js.map → autocomplete-D1bwPNoy.js.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-BK-Ikpdw.cjs → avatar-CFu-31B1.cjs} +2 -2
- package/dist/{avatar-BK-Ikpdw.cjs.map → avatar-CFu-31B1.cjs.map} +1 -1
- package/dist/{avatar-Bp0t8NU5.js → avatar-D35JpOv5.js} +44 -44
- package/dist/{avatar-Bp0t8NU5.js.map → avatar-D35JpOv5.js.map} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{boat-By-PBLw8.js → boat-6nw0fphH.js} +2 -2
- package/dist/{boat-By-PBLw8.js.map → boat-6nw0fphH.js.map} +1 -1
- package/dist/{boat-DUU675NX.cjs → boat-De0k6DJ6.cjs} +2 -2
- package/dist/{boat-DUU675NX.cjs.map → boat-De0k6DJ6.cjs.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-f7BewP4u.cjs → checkbox-Xr-OTKiq.cjs} +2 -2
- package/dist/{checkbox-f7BewP4u.cjs.map → checkbox-Xr-OTKiq.cjs.map} +1 -1
- package/dist/{checkbox-_WevqQDR.js → checkbox-ZW_jmRBP.js} +2 -2
- package/dist/{checkbox-_WevqQDR.js.map → checkbox-ZW_jmRBP.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-DiDm29N_.js → chips-DFam160B.js} +3 -3
- package/dist/{chips-DiDm29N_.js.map → chips-DFam160B.js.map} +1 -1
- package/dist/{chips-D1QElds4.cjs → chips-DwvB_B3m.cjs} +2 -2
- package/dist/{chips-D1QElds4.cjs.map → chips-DwvB_B3m.cjs.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/{circular-progress-BAlic8HY.js → circular-progress-BARPJm-e.js} +3 -3
- package/dist/{circular-progress-BAlic8HY.js.map → circular-progress-BARPJm-e.js.map} +1 -1
- package/dist/{circular-progress-CfPyDLX6.cjs → circular-progress-BDZFB3WR.cjs} +2 -2
- package/dist/{circular-progress-CfPyDLX6.cjs.map → circular-progress-BDZFB3WR.cjs.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-BiVj9uxF.js → code-preview-BxswKcO8.js} +2 -2
- package/dist/{code-preview-BiVj9uxF.js.map → code-preview-BxswKcO8.js.map} +1 -1
- package/dist/{code-preview-DtvCblTa.cjs → code-preview-CFnSKSqn.cjs} +2 -2
- package/dist/{code-preview-DtvCblTa.cjs.map → code-preview-CFnSKSqn.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-Cq8Wdd8b.cjs +131 -0
- package/dist/date-range-Cq8Wdd8b.cjs.map +1 -0
- package/dist/date-range-Fij9AQth.js +638 -0
- package/dist/date-range-Fij9AQth.js.map +1 -0
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-KEyQxDNp.cjs → delay-YfksbdSk.cjs} +2 -2
- package/dist/{delay-KEyQxDNp.cjs.map → delay-YfksbdSk.cjs.map} +1 -1
- package/dist/{delay-BdXEKapp.js → delay-aA1TyZTr.js} +2 -2
- package/dist/{delay-BdXEKapp.js.map → delay-aA1TyZTr.js.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{dialog-content-D3sFNuVs.js → dialog-content-DpotaqHz.js} +3 -3
- package/dist/{dialog-content-D3sFNuVs.js.map → dialog-content-DpotaqHz.js.map} +1 -1
- package/dist/{dialog-content-D5YTttrK.cjs → dialog-content-NyJfG7nL.cjs} +2 -2
- package/dist/{dialog-content-D5YTttrK.cjs.map → dialog-content-NyJfG7nL.cjs.map} +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/{divider-CNXiMvWd.js → divider-CEMmRD_e.js} +3 -3
- package/dist/{divider-CNXiMvWd.js.map → divider-CEMmRD_e.js.map} +1 -1
- package/dist/{divider-CDz3pUAy.cjs → divider-CMM91UNF.cjs} +2 -2
- package/dist/{divider-CDz3pUAy.cjs.map → divider-CMM91UNF.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-jlq_cqLS.cjs → dropdown-content-CUn_E7cR.cjs} +2 -2
- package/dist/{dropdown-content-jlq_cqLS.cjs.map → dropdown-content-CUn_E7cR.cjs.map} +1 -1
- package/dist/{dropdown-content-CVz6zPSO.js → dropdown-content-Cw5wN3oE.js} +3 -3
- package/dist/{dropdown-content-CVz6zPSO.js.map → dropdown-content-Cw5wN3oE.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-DFatBgot.cjs → flex-B9AdlerG.cjs} +2 -2
- package/dist/{flex-DFatBgot.cjs.map → flex-B9AdlerG.cjs.map} +1 -1
- package/dist/{flex-TjhbDSMX.js → flex-ChnKQLCI.js} +2 -2
- package/dist/{flex-TjhbDSMX.js.map → flex-ChnKQLCI.js.map} +1 -1
- package/dist/{form-ClDdYqke.cjs → form-BdGYvvVv.cjs} +2 -2
- package/dist/{form-ClDdYqke.cjs.map → form-BdGYvvVv.cjs.map} +1 -1
- package/dist/{form-D-auKn-K.js → form-DNXmZlmc.js} +2 -2
- package/dist/{form-D-auKn-K.js.map → form-DNXmZlmc.js.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{icon-BfY2ZJUE.js → icon-BzxYzucF.js} +2 -2
- package/dist/{icon-BfY2ZJUE.js.map → icon-BzxYzucF.js.map} +1 -1
- package/dist/{icon-D2xGQiZb.cjs → icon-CiYXCpzk.cjs} +2 -2
- package/dist/{icon-D2xGQiZb.cjs.map → icon-CiYXCpzk.cjs.map} +1 -1
- package/dist/{icon-button-BUkdhu_-.cjs → icon-button-CVF8ZGrd.cjs} +2 -2
- package/dist/{icon-button-BUkdhu_-.cjs.map → icon-button-CVF8ZGrd.cjs.map} +1 -1
- package/dist/{icon-button-yKwaljg0.js → icon-button-VqejfzxG.js} +3 -3
- package/dist/{icon-button-yKwaljg0.js.map → icon-button-VqejfzxG.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 +42 -42
- package/dist/input-DfBGrUet.cjs +122 -0
- package/dist/input-DfBGrUet.cjs.map +1 -0
- package/dist/input-d4jaMv22.js +487 -0
- package/dist/input-d4jaMv22.js.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-BO9C13wk.cjs → list-DN2eHabm.cjs} +2 -2
- package/dist/{list-BO9C13wk.cjs.map → list-DN2eHabm.cjs.map} +1 -1
- package/dist/{list-CHZKII-L.js → list-L1m51qC0.js} +2 -2
- package/dist/{list-CHZKII-L.js.map → list-L1m51qC0.js.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-CUibxXWX.cjs → litElement.mixin-CejONOpd.cjs} +2 -2
- package/dist/{litElement.mixin-CUibxXWX.cjs.map → litElement.mixin-CejONOpd.cjs.map} +1 -1
- package/dist/{litElement.mixin-5RC72TVS.js → litElement.mixin-D-SDs-Ez.js} +2 -2
- package/dist/{litElement.mixin-5RC72TVS.js.map → litElement.mixin-D-SDs-Ez.js.map} +1 -1
- package/dist/{media-4arP4Xi0.js → media-C0AR69S2.js} +2 -2
- package/dist/{media-4arP4Xi0.js.map → media-C0AR69S2.js.map} +1 -1
- package/dist/{media-v2LZA3zQ.cjs → media-yXym3iTa.cjs} +2 -2
- package/dist/{media-v2LZA3zQ.cjs.map → media-yXym3iTa.cjs.map} +1 -1
- package/dist/{menu-DvcxRQrY.js → menu-Bhh6qxR6.js} +3 -3
- package/dist/{menu-DvcxRQrY.js.map → menu-Bhh6qxR6.js.map} +1 -1
- package/dist/{menu-C-ZpBMON.cjs → menu-CKDW29ZR.cjs} +2 -2
- package/dist/{menu-C-ZpBMON.cjs.map → menu-CKDW29ZR.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-CcapAF2G.js → notification-service-CG4XTrXU.js} +3 -3
- package/dist/{notification-service-CcapAF2G.js.map → notification-service-CG4XTrXU.js.map} +1 -1
- package/dist/{notification-service-BXTqvkWg.cjs → notification-service-CRbqdLm_.cjs} +2 -2
- package/dist/{notification-service-BXTqvkWg.cjs.map → notification-service-CRbqdLm_.cjs.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-xSW3D1j5.js → option-Cj25fsD1.js} +2 -2
- package/dist/{option-xSW3D1j5.js.map → option-Cj25fsD1.js.map} +1 -1
- package/dist/{option-Cj3xNzQG.cjs → option-DFNHF3bL.cjs} +2 -2
- package/dist/{option-Cj3xNzQG.cjs.map → option-DFNHF3bL.cjs.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{payment-card-form-CdNQkQa5.cjs → payment-card-form-CEANJmNw.cjs} +2 -2
- package/dist/{payment-card-form-CdNQkQa5.cjs.map → payment-card-form-CEANJmNw.cjs.map} +1 -1
- package/dist/{payment-card-form-B-W0YXS5.js → payment-card-form-YzyxteTK.js} +3 -3
- package/dist/{payment-card-form-B-W0YXS5.js.map → payment-card-form-YzyxteTK.js.map} +1 -1
- package/dist/{radio-button-WeQklCIj.cjs → radio-button-BVeem3E9.cjs} +2 -2
- package/dist/{radio-button-WeQklCIj.cjs.map → radio-button-BVeem3E9.cjs.map} +1 -1
- package/dist/{radio-button-CNrcOMLm.js → radio-button-CBcYZCqv.js} +2 -2
- package/dist/{radio-button-CNrcOMLm.js.map → radio-button-CBcYZCqv.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-kh5hz8Q8.cjs → schmancy-steps-container-B-Bvr-wZ.cjs} +2 -2
- package/dist/{schmancy-steps-container-kh5hz8Q8.cjs.map → schmancy-steps-container-B-Bvr-wZ.cjs.map} +1 -1
- package/dist/{schmancy-steps-container-DTR_ppqJ.js → schmancy-steps-container-BACX3hp6.js} +2 -2
- package/dist/{schmancy-steps-container-DTR_ppqJ.js.map → schmancy-steps-container-BACX3hp6.js.map} +1 -1
- package/dist/{select-D6OdooZd.cjs → select-Cr15D48_.cjs} +2 -2
- package/dist/{select-D6OdooZd.cjs.map → select-Cr15D48_.cjs.map} +1 -1
- package/dist/{select-BeStY5QU.js → select-IgXxVwZQ.js} +3 -3
- package/dist/{select-BeStY5QU.js.map → select-IgXxVwZQ.js.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-DurXVAka.js → sheet-9m-LkKNU.js} +4 -4
- package/dist/{sheet-DurXVAka.js.map → sheet-9m-LkKNU.js.map} +1 -1
- package/dist/{sheet-BHdCyBYA.cjs → sheet-u1RXiD4G.cjs} +2 -2
- package/dist/{sheet-BHdCyBYA.cjs.map → sheet-u1RXiD4G.cjs.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +2 -2
- package/dist/{slider-eKHfEAqk.cjs → slider-BFJ0OVq5.cjs} +2 -2
- package/dist/{slider-eKHfEAqk.cjs.map → slider-BFJ0OVq5.cjs.map} +1 -1
- package/dist/{slider-CcOPTwfV.js → slider-BvOKAD4l.js} +3 -3
- package/dist/{slider-CcOPTwfV.js.map → slider-BvOKAD4l.js.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-0BTyqnFH.cjs → spinner-CRWcQJjQ.cjs} +2 -2
- package/dist/{spinner-0BTyqnFH.cjs.map → spinner-CRWcQJjQ.cjs.map} +1 -1
- package/dist/{spinner-BcaOyZIW.js → spinner-jaFB6wer.js} +3 -3
- package/dist/{spinner-BcaOyZIW.js.map → spinner-jaFB6wer.js.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/{surface-DhTA5nKg.cjs → surface-CTlwMC6K.cjs} +2 -2
- package/dist/{surface-DhTA5nKg.cjs.map → surface-CTlwMC6K.cjs.map} +1 -1
- package/dist/{surface-XqJoAcEI.js → surface-D7X23FXb.js} +2 -2
- package/dist/{surface-XqJoAcEI.js.map → surface-D7X23FXb.js.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-DPfOXBUJ.cjs → table-0HYVgRpO.cjs} +2 -2
- package/dist/{table-DPfOXBUJ.cjs.map → table-0HYVgRpO.cjs.map} +1 -1
- package/dist/{table-Dy5Fqu4G.js → table-Dwrox4AT.js} +2 -2
- package/dist/{table-Dy5Fqu4G.js.map → table-Dwrox4AT.js.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-BqSkFV08.js → tabs-compatibility-CHTrE420.js} +2 -2
- package/dist/{tabs-compatibility-BqSkFV08.js.map → tabs-compatibility-CHTrE420.js.map} +1 -1
- package/dist/{tabs-compatibility-TPaYG7ev.cjs → tabs-compatibility-DFaq5_66.cjs} +2 -2
- package/dist/{tabs-compatibility-TPaYG7ev.cjs.map → tabs-compatibility-DFaq5_66.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-Dx35wOig.js +43 -0
- package/dist/{tailwind.mixin-DpiTmETl.js.map → tailwind.mixin-Dx35wOig.js.map} +1 -1
- package/dist/tailwind.mixin-xwSbeHSt.cjs +2 -0
- package/dist/{tailwind.mixin-C6mrbvH3.cjs.map → tailwind.mixin-xwSbeHSt.cjs.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-Dy7B8B0d.cjs → textarea-D7NLGUQL.cjs} +2 -2
- package/dist/{textarea-Dy7B8B0d.cjs.map → textarea-D7NLGUQL.cjs.map} +1 -1
- package/dist/{textarea-Ba8gRDPS.js → textarea-Dx-DzkDe.js} +2 -2
- package/dist/{textarea-Ba8gRDPS.js.map → textarea-Dx-DzkDe.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-Bnm7IL1u.cjs → theme-button-25FKBtFN.cjs} +2 -2
- package/dist/{theme-button-Bnm7IL1u.cjs.map → theme-button-25FKBtFN.cjs.map} +1 -1
- package/dist/{theme-button-COwSZ83Y.js → theme-button-C97XGkCl.js} +2 -2
- package/dist/{theme-button-COwSZ83Y.js.map → theme-button-C97XGkCl.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-BV_e_mXY.js → theme.component-BAA4DyC6.js} +2 -2
- package/dist/{theme.component-BV_e_mXY.js.map → theme.component-BAA4DyC6.js.map} +1 -1
- package/dist/{theme.component-UBy29B7c.cjs → theme.component-DIXxdhcR.cjs} +2 -2
- package/dist/{theme.component-UBy29B7c.cjs.map → theme.component-DIXxdhcR.cjs.map} +1 -1
- package/dist/theme.js +1 -1
- package/dist/{timezone-DBxPtZan.cjs → timezone-BWn9DNZY.cjs} +2 -2
- package/dist/{timezone-DBxPtZan.cjs.map → timezone-BWn9DNZY.cjs.map} +1 -1
- package/dist/{timezone-DEhkif2j.js → timezone-BurrHk00.js} +3 -3
- package/dist/{timezone-DEhkif2j.js.map → timezone-BurrHk00.js.map} +1 -1
- package/dist/{tooltip-D0coQKih.js → tooltip-Dy5bvLg8.js} +2 -2
- package/dist/{tooltip-D0coQKih.js.map → tooltip-Dy5bvLg8.js.map} +1 -1
- package/dist/{tooltip-CTBMN8M6.cjs → tooltip-dz3rb8at.cjs} +2 -2
- package/dist/{tooltip-CTBMN8M6.cjs.map → tooltip-dz3rb8at.cjs.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-Zy0XMFKh.js → tree-DzHOYcn8.js} +2 -2
- package/dist/{tree-Zy0XMFKh.js.map → tree-DzHOYcn8.js.map} +1 -1
- package/dist/{tree-Co4Ithrh.cjs → tree-z1EoelBs.cjs} +2 -2
- package/dist/{tree-Co4Ithrh.cjs.map → tree-z1EoelBs.cjs.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-C0InniFB.js → typewriter-BiBJSC2J.js} +4 -4
- package/dist/{typewriter-C0InniFB.js.map → typewriter-BiBJSC2J.js.map} +1 -1
- package/dist/{typewriter-soteXIt4.cjs → typewriter-D_bqiukY.cjs} +2 -2
- package/dist/{typewriter-soteXIt4.cjs.map → typewriter-D_bqiukY.cjs.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-Bw9baiV3.cjs → typography-BLenYAmX.cjs} +2 -2
- package/dist/{typography-Bw9baiV3.cjs.map → typography-BLenYAmX.cjs.map} +1 -1
- package/dist/{typography-CeTZ2VqE.js → typography-DtpDTIi7.js} +2 -2
- package/dist/{typography-CeTZ2VqE.js.map → typography-DtpDTIi7.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/dist/date-range-BLs8_7pI.js +0 -609
- package/dist/date-range-BLs8_7pI.js.map +0 -1
- package/dist/date-range-Ch_Ir3s1.cjs +0 -117
- package/dist/date-range-Ch_Ir3s1.cjs.map +0 -1
- package/dist/input-B3GMd-FZ.js +0 -363
- package/dist/input-B3GMd-FZ.js.map +0 -1
- package/dist/input-By2O_8YL.cjs +0 -111
- package/dist/input-By2O_8YL.cjs.map +0 -1
- package/dist/tailwind.mixin-C6mrbvH3.cjs +0 -2
- package/dist/tailwind.mixin-DpiTmETl.js +0 -43
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-compatibility-TPaYG7ev.cjs","sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts","../src/tabs/tabs-compatibility.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'bg-surface-default color-surface-on': true,\n\t\t\t'flex z-50': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"tabsNavigation\" class=\"${this.classMap(tabs)}\" aria-label=\"Tabs\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6 border-solid border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n","/**\n * Compatibility layer for schmancy-tabs-group (which is the more correct plural form)\n * that aliases to schmancy-tab-group for backward compatibility\n */\nimport SchmancyTabGroup from './tabs-group';\n\n// Create a simple class extends the original tab group\nclass SchmancyTabsGroup extends SchmancyTabGroup {}\n\n// Register the alias element\ncustomElements.define('schmancy-tabs-group', SchmancyTabsGroup);\n\nexport default SchmancyTabsGroup;\n\n// Add the type definition to ensure TypeScript recognizes the element\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-tabs-group': SchmancyTabsGroup;\n }\n}"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","render","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query","customElements","define"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tabs-compatibility-DFaq5_66.cjs","sources":["../src/tabs/context.ts","../src/tabs/tab.ts","../src/tabs/tabs-group.ts","../src/tabs/tabs-compatibility.ts"],"sourcesContent":["import { createContext } from '@lit/context'\n\nexport type TSchmancyTabsMode = 'scroll' | 'tabs'\n\nexport const SchmancyTabsModeContext = createContext<TSchmancyTabsMode>('tabs')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyTabsModeContext } from './context'\n\n@customElement('schmancy-tab')\nexport default class SchmancyTab extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@property({ type: String, reflect: true }) label\n\t@property({ type: String, reflect: true }) value\n\t@property({ type: Boolean, reflect: true }) active!: boolean\n\n\t@consume({ context: SchmancyTabsModeContext, subscribe: true })\n\t@state()\n\tmode\n\tprotected render(): unknown {\n\t\treturn html` <slot .hidden=${this.mode === 'tabs' ? !this.active : false}></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab': SchmancyTab\n\t}\n}\n","import { provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { filter, fromEvent, interval, map, take, throttleTime } from 'rxjs'\nimport { SchmancyTabsModeContext, TSchmancyTabsMode } from './context'\nimport SchmancyTab from './tab'\n\n/**\n * @slot - The content of the tab group\n * @fires tab-changed - The event fired when the tab is changed\n */\n@customElement('schmancy-tab-group')\nexport default class SchmancyTabGroup extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@provide({ context: SchmancyTabsModeContext })\n\t@property({ type: String })\n\tmode: TSchmancyTabsMode = 'tabs'\n\n\t@property({ type: Boolean }) rounded = true\n\n\t@property({ type: String, reflect: true }) activeTab: string\n\t@queryAssignedElements({\n\t\tflatten: true,\n\t})\n\tprivate tabsElements!: Array<SchmancyTab>\n\n\t@query('#tabsNavigation') navElement!: HTMLElement\n\t@query('#tabsContent') tabsContent!: HTMLElement\n\n\t@state()\n\tprivate tabs: Array<SchmancyTab> = []\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(window, 'scroll')\n\t\t\t.pipe(\n\t\t\t\tthrottleTime(1000),\n\t\t\t\tfilter(() => this.mode === 'scroll'),\n\t\t\t\tmap(() => {\n\t\t\t\t\tlet closestDiv = null\n\t\t\t\t\tlet closestDistance = Infinity\n\t\t\t\t\tthis.tabsElements.forEach(div => {\n\t\t\t\t\t\tconst distance =\n\t\t\t\t\t\t\tdiv.getBoundingClientRect().top - this.navElement.clientHeight + document.body.offsetHeight / 3\n\n\t\t\t\t\t\tif (distance < closestDistance && distance > 0) {\n\t\t\t\t\t\t\tclosestDistance = distance\n\t\t\t\t\t\t\tclosestDiv = div\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t\treturn closestDiv\n\t\t\t\t}),\n\t\t\t\tfilter((el: SchmancyTab | null) => el !== null),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: (el: SchmancyTab) => {\n\t\t\t\t\tthis.activeTab = el.value\n\t\t\t\t},\n\t\t\t})\n\t}\n\n\tfirstUpdated() {\n\t\tinterval(0)\n\t\t\t.pipe(\n\t\t\t\tfilter(() => !!this.navElement.clientHeight),\n\t\t\t\ttake(1),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\t\tif (this.mode === 'scroll') tab.style.paddingTop = this.navElement.clientHeight + 'px'\n\t\t\t\t})\n\t\t\t})\n\t}\n\n\thydrateTabs() {\n\t\tthis.tabs = this.tabsElements\n\t\tif (!this.activeTab && this.tabsElements[0]) {\n\t\t\tthis.activeTab = this.tabsElements[0].value\n\t\t\tthis.tabsElements[0].active = true\n\t\t} else {\n\t\t\tthis.tabsElements.forEach(tab => {\n\t\t\t\tif (tab.value === this.activeTab) tab.active = true\n\t\t\t\telse tab.active = false\n\t\t\t})\n\t\t}\n\t\tconst lastTab = this.tabs?.[-1]\n\t\tif (lastTab) {\n\t\t\tlastTab.style.paddingBottom = lastTab.offsetHeight + 'px'\n\t\t}\n\t}\n\n\ttabChanged(selectedTab: { label: string; value: string }) {\n\t\tlet activeTabElement: SchmancyTab | undefined\n\t\tthis.tabsElements.forEach(tab => {\n\t\t\tif (tab.value === selectedTab.value) {\n\t\t\t\ttab.active = true\n\t\t\t\tactiveTabElement = tab\n\t\t\t\t// scroll to the tab\n\t\t\t\tif (this.mode === 'scroll') {\n\t\t\t\t\t// Scroll the desired element into view\n\t\t\t\t\tactiveTabElement.scrollIntoView({\n\t\t\t\t\t\tbehavior: 'smooth',\n\t\t\t\t\t\tblock: 'start',\n\t\t\t\t\t\tinline: 'start',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\ttab.active = false\n\t\t\t}\n\t\t})\n\t\tthis.mode === 'tabs' && (this.activeTab = selectedTab.value)\n\t\tthis.dispatchEvent(new CustomEvent('tab-changed', { detail: this.activeTab }))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst tabs = {\n\t\t\t'bg-surface-default color-surface-on': true,\n\t\t\t'flex z-50': true,\n\t\t\t'sticky top-0 shadow-md': this.mode === 'scroll',\n\t\t\t'rounded-full': this.rounded,\n\t\t}\n\n\t\tconst activeTab = {\n\t\t\t'text-primary-default': true,\n\t\t}\n\n\t\tconst inactiveTab = {\n\t\t\t'border-transparent': true,\n\t\t\t'hover:text-gray-700': true,\n\t\t\t'hover:border-gray-300': true,\n\t\t\t'text-gray-500': true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"tabsNavigation\" class=\"${this.classMap(tabs)}\" aria-label=\"Tabs\">\n\t\t\t\t${repeat(\n\t\t\t\t\tthis.tabs,\n\t\t\t\t\ttab => tab.value,\n\t\t\t\t\ttab => html`\n\t\t\t\t\t\t<schmancy-button\n\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\tthis.tabChanged({\n\t\t\t\t\t\t\t\t\tlabel: tab.label,\n\t\t\t\t\t\t\t\t\tvalue: tab.value,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\t\tclass=\"h-auto relative\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass=\"px-4 py-3 ${this.activeTab === tab.value\n\t\t\t\t\t\t\t\t\t? this.classMap(activeTab)\n\t\t\t\t\t\t\t\t\t: this.classMap(inactiveTab)}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<schmancy-typography class=\"h-full align-middle flex \" type=\"title\" token=\"md\" weight=\"medium\">\n\t\t\t\t\t\t\t\t\t${tab.label}\n\t\t\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t.hidden=${this.activeTab !== tab.value}\n\t\t\t\t\t\t\t\t\tclass=\"border-primary-default absolute bottom-0 inset-x-6 border-solid border-2 rounded-t-full\"\n\t\t\t\t\t\t\t\t></div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</schmancy-button>\n\t\t\t\t\t`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t\t<schmancy-divider class=\"px-6\"></schmancy-divider>\n\t\t\t<section id=\"tabsContent\">\n\t\t\t\t<slot @slotchange=${() => this.hydrateTabs()}></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-tab-group': SchmancyTabGroup\n\t}\n}\n","/**\n * Compatibility layer for schmancy-tabs-group (which is the more correct plural form)\n * that aliases to schmancy-tab-group for backward compatibility\n */\nimport SchmancyTabGroup from './tabs-group';\n\n// Create a simple class extends the original tab group\nclass SchmancyTabsGroup extends SchmancyTabGroup {}\n\n// Register the alias element\ncustomElements.define('schmancy-tabs-group', SchmancyTabsGroup);\n\nexport default SchmancyTabsGroup;\n\n// Add the type definition to ensure TypeScript recognizes the element\ndeclare global {\n interface HTMLElementTagNameMap {\n 'schmancy-tabs-group': SchmancyTabsGroup;\n }\n}"],"names":["SchmancyTabsModeContext","createContext","SchmancyTab","TailwindElement","css","html","this","mode","active","__decorateClass","property","type","String","reflect","prototype","Boolean","consume","context","subscribe","state","customElement","SchmancyTabGroup","constructor","super","arguments","rounded","tabs","connectedCallback","fromEvent","window","pipe","throttleTime","filter","map","closestDiv","closestDistance","Infinity","tabsElements","forEach","div","distance","getBoundingClientRect","top","navElement","clientHeight","document","body","offsetHeight","el","next","activeTab","value","firstUpdated","interval","take","tab","style","paddingTop","hydrateTabs","lastTab","paddingBottom","selectedTab","activeTabElement","scrollIntoView","behavior","block","inline","dispatchEvent","CustomEvent","detail","render","inactiveTab","classMap","repeat","tabChanged","label","provide","queryAssignedElements","flatten","query","customElements","define"],"mappings":"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"}
|
package/dist/tabs.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./tabs-compatibility-
|
|
1
|
+
"use strict";require("./tabs-compatibility-DFaq5_66.cjs");
|
|
2
2
|
//# sourceMappingURL=tabs.cjs.map
|
package/dist/tabs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./tabs-compatibility-
|
|
1
|
+
import "./tabs-compatibility-CHTrE420.js";
|
|
2
2
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { unsafeCSS as o, LitElement as n } from "lit";
|
|
2
|
+
import { Subject as s } from "rxjs";
|
|
3
|
+
import { classMap as l } from "lit/directives/class-map.js";
|
|
4
|
+
import { styleMap as d } from "lit/directives/style-map.js";
|
|
5
|
+
const c = (e) => class extends e {
|
|
6
|
+
constructor() {
|
|
7
|
+
super(...arguments), this.disconnecting = new s();
|
|
8
|
+
}
|
|
9
|
+
classMap(t) {
|
|
10
|
+
const r = {};
|
|
11
|
+
return Object.keys(t).forEach((a) => {
|
|
12
|
+
a.trim().split(" ").filter(Boolean).forEach((i) => {
|
|
13
|
+
r[i] = t[a];
|
|
14
|
+
});
|
|
15
|
+
}), l(r);
|
|
16
|
+
}
|
|
17
|
+
styleMap(t) {
|
|
18
|
+
return d(t);
|
|
19
|
+
}
|
|
20
|
+
disconnectedCallback() {
|
|
21
|
+
this.disconnecting.next(!0), this.disconnecting.complete(), super.disconnectedCallback();
|
|
22
|
+
}
|
|
23
|
+
}, p = o('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-6{inset-inline:1.5rem}.top-0{top:0}.top-1\\/2{top:50%}.top-6{top:1.5rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-2\\.5{left:.625rem}.left-3{left:.75rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-49{z-index:49}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1000\\]{z-index:1000}.z-\\[9999999\\]{z-index:9999999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-1{margin-block:.25rem}.my-2{margin-block:.5rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-\\[4px\\]{margin-bottom:4px}.-ml-px{margin-left:-1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.table{display:table}.size-2\\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-5{width:1.25rem;height:1.25rem}.h-1\\.5{height:.375rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-64{height:16rem}.h-96{height:24rem}.h-\\[24px\\]{height:24px}.h-\\[500px\\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[24px\\]{max-height:24px}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[calc\\(100vh-40px\\)\\]{max-height:calc(100vh - 40px)}.min-h-0{min-height:0}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[150px\\]{min-height:150px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.w-0\\.5{width:.125rem}.w-1\\.5{width:.375rem}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-48{width:12rem}.w-64{width:16rem}.w-\\[24px\\]{width:24px}.w-\\[100vw\\]{width:100vw}.w-\\[var\\(--dialog-width\\)\\]{width:var(--dialog-width)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\\[24px\\]{max-width:24px}.max-w-\\[320px\\]{max-width:320px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.min-w-0{min-width:0}.min-w-\\[60px\\]{min-width:60px}.min-w-\\[160px\\]{min-width:160px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/4{--tw-translate-y: -25% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\\[55\\%\\]{--tw-translate-y: -55% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y: 0rem ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[250px_1fr\\]{grid-template-columns:250px 1fr}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.grid-rows-\\[auto_1fr_auto\\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\\[8px\\]{gap:8px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem *var(--tw-space-y-reverse));margin-block-end:calc(.25rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.5rem *var(--tw-space-y-reverse));margin-block-end:calc(.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.75rem *var(--tw-space-y-reverse));margin-block-end:calc(.75rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1rem *var(--tw-space-y-reverse));margin-block-end:calc(1rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1.5rem *var(--tw-space-y-reverse));margin-block-end:calc(1.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.5rem *var(--tw-space-x-reverse));margin-inline-end:calc(.5rem *calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-outline>:not(:last-child)){border-color:var(--schmancy-sys-color-outline)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.scroll-smooth{scroll-behavior:smooth}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5dc}.border-outline{border-color:var(--schmancy-sys-color-outline)}.border-outlineVariant{border-color:var(--schmancy-sys-color-outlineVariant)}.border-primary-default{border-color:var(--schmancy-sys-color-primary-default)}.border-red-500{border-color:#fb2c36}.border-surface-container{border-color:var(--schmancy-sys-color-surface-container)}.border-surface-default{border-color:var(--schmancy-sys-color-surface-default)}.border-tertiary-default{border-color:var(--schmancy-sys-color-tertiary-default)}.border-transparent{border-color:#0000}.bg-black\\/40{background-color:oklab(0% none none/.4)}.bg-blue-500{background-color:#3280ff;background-color:oklch(62.3% .214 259.815)}.bg-error-container{background-color:var(--schmancy-sys-color-error-container)}.bg-error-default{background-color:var(--schmancy-sys-color-error-default)}.bg-gray-50{background-color:#f9fafb}.bg-gray-300{background-color:#d1d5dc}.bg-green-500{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.bg-green-600{background-color:#00a447;background-color:oklch(62.7% .194 149.214)}.bg-indigo-500{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.bg-orange-600{background-color:#ec5600;background-color:oklch(64.6% .222 41.116)}.bg-pink-500{background-color:#f6339a}.bg-primary-container{background-color:var(--schmancy-sys-color-primary-container)}.bg-primary-default{background-color:var(--schmancy-sys-color-primary-default)}.bg-purple-500{background-color:#ab4eff;background-color:oklch(62.7% .265 303.9)}.bg-red-500{background-color:#fb2c36}.bg-red-600{background-color:#e40014;background-color:oklch(57.7% .245 27.325)}.bg-secondary-container{background-color:var(--schmancy-sys-color-secondary-container)}.bg-success-default{background-color:var(--schmancy-sys-color-success-default)}.bg-surface-container{background-color:var(--schmancy-sys-color-surface-container)}.bg-surface-default{background-color:var(--schmancy-sys-color-surface-default)}.bg-surface-dim{background-color:var(--schmancy-sys-color-surface-dim)}.bg-surface-high{background-color:var(--schmancy-sys-color-surface-high)}.bg-surface-highest{background-color:var(--schmancy-sys-color-surface-highest)}.bg-surface-low{background-color:var(--schmancy-sys-color-surface-low)}.bg-teal-500{background-color:#00b9a6;background-color:oklch(70.4% .14 182.503)}.bg-tertiary-default{background-color:var(--schmancy-sys-color-tertiary-default)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-yellow-500{background-color:#eab300;background-color:oklch(79.5% .184 86.047)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary-container{--tw-gradient-from:var(--schmancy-sys-color-primary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary-container{--tw-gradient-to:var(--schmancy-sys-color-secondary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\\[16px\\]{padding:16px}.px-1\\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-\\[6px\\]{padding-inline:6px}.px-\\[8px\\]{padding-inline:8px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.py-0\\.75{padding-block:.1875rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-8{padding-block:2rem}.py-\\[6px\\]{padding-block:6px}.py-\\[8px\\]{padding-block:8px}.py-\\[12px\\]{padding-block:12px}.pt-\\[1px\\]{padding-top:1px}.pt-\\[2px\\]{padding-top:2px}.pt-\\[3px\\]{padding-top:3px}.pt-\\[4px\\]{padding-top:4px}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pb-12{padding-bottom:3rem}.pb-\\[300px\\]{padding-bottom:300px}.pl-2{padding-left:.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--schmancy-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-2xl{font-size:1.5rem;line-height:var(--tw-leading,calc(2/1.5))}.text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5/2.25))}.text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75/1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25/.875))}.text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75/1.25))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1/.75))}.text-\\[24px\\]{font-size:24px}.leading-6{--tw-leading: 1.5rem ;line-height:1.5rem}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.text-ellipsis{text-overflow:ellipsis}.text-error-default{color:var(--schmancy-sys-color-error-default)}.text-error-onContainer{color:var(--schmancy-sys-color-error-onContainer)}.text-gray-500{color:#6a7282}.text-gray-600{color:#4a5565}.text-gray-900{color:#101828}.text-indigo-600{color:#4f39f6}.text-primary-default{color:var(--schmancy-sys-color-primary-default)}.text-primary-on{color:var(--schmancy-sys-color-primary-on)}.text-primary-onContainer{color:var(--schmancy-sys-color-primary-onContainer)}.text-red-500{color:#fb2c36}.text-secondary-onContainer{color:var(--schmancy-sys-color-secondary-onContainer)}.text-success-default{color:var(--schmancy-sys-color-success-default)}.text-surface-on{color:var(--schmancy-sys-color-surface-on)}.text-surface-onVariant{color:var(--schmancy-sys-color-surface-onVariant)}.text-tertiary-default{color:var(--schmancy-sys-color-tertiary-default)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-\\[0\\.08\\]{opacity:.08}.opacity-\\[0\\.38\\]{opacity:.38}.shadow-1{--tw-shadow:var(--schmancy-sys-elevation-1);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error-default{--tw-ring-color:var(--schmancy-sys-color-error-default)}.ring-outline{--tw-ring-color:var(--schmancy-sys-color-outline)}.ring-primary-default{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.ring-secondary-default{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-secondary-default{outline-color:var(--schmancy-sys-color-secondary-default)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{--tw-ease:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.\\[--schmancy-sys-color-primary-default\\:rgb\\(0\\,0\\,255\\)\\]{--schmancy-sys-color-primary-default:#00f}.\\[--schmancy-sys-color-primary-default\\:rgb\\(0\\,255\\,0\\)\\]{--schmancy-sys-color-primary-default:#0f0}.\\[--schmancy-sys-color-primary-default\\:rgb\\(255\\,0\\,0\\)\\]{--schmancy-sys-color-primary-default:red}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:border-gray-400:is(:where(.group):hover *){border-color:#99a1af}.group-hover\\:bg-gray-300:is(:where(.group):hover *){background-color:#d1d5dc}.group-hover\\:bg-tertiary-onContainer:is(:where(.group):hover *){background-color:var(--schmancy-sys-color-tertiary-onContainer)}}.first\\:mt-0:first-child{margin-top:0}@media (hover:hover){.hover\\:border-gray-300:hover{border-color:#d1d5dc}.hover\\:bg-green-700:hover{background-color:#00813a;background-color:oklch(52.7% .154 150.069)}.hover\\:bg-orange-700:hover{background-color:#c43e00;background-color:oklch(55.3% .195 38.402)}.hover\\:bg-primary-default:hover{background-color:var(--schmancy-sys-color-primary-default)}.hover\\:bg-primary-on:hover{background-color:var(--schmancy-sys-color-primary-on)}.hover\\:bg-red-700:hover{background-color:#bf000f;background-color:oklch(50.5% .213 27.518)}.hover\\:bg-secondary-container:hover{background-color:var(--schmancy-sys-color-secondary-container)}.hover\\:bg-surface-container:hover{background-color:var(--schmancy-sys-color-surface-container)}.hover\\:bg-surface-high:hover{background-color:var(--schmancy-sys-color-surface-high)}.hover\\:bg-surface-on:hover{background-color:var(--schmancy-sys-color-surface-on)}.hover\\:text-gray-700:hover{color:#364153}.hover\\:text-primary-default:hover{color:var(--schmancy-sys-color-primary-default)}.hover\\:opacity-\\[0\\.08\\]:hover{opacity:.08}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-error-default:focus{--tw-ring-color:var(--schmancy-sys-color-error-default)}.focus\\:ring-indigo-600:focus{--tw-ring-color:oklch(51.1% .262 276.966)}.focus\\:ring-primary-default:focus{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.focus\\:ring-secondary-default:focus{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\\:z-1:focus-visible{z-index:1}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:px-\\[12px\\]{padding-inline:12px}}@media (min-width:48rem){.md\\:right-0{right:0}.md\\:left-\\[unset\\]{left:unset}.md\\:block{display:block}.md\\:hidden{display:none}.md\\:w-64{width:16rem}.md\\:w-\\[70vw\\]{width:70vw}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:justify-between{justify-content:space-between}.md\\:px-\\[16px\\]{padding-inline:16px}}@media (min-width:64rem){.lg\\:w-\\[60vw\\]{width:60vw}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\\:w-\\[40vw\\]{width:40vw}}}:host,:root{font-family:var(--schmancy-font-family)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}'), w = (e) => {
|
|
24
|
+
const r = class r extends n {
|
|
25
|
+
};
|
|
26
|
+
r.styles = [o(e), p];
|
|
27
|
+
let t = r;
|
|
28
|
+
return t;
|
|
29
|
+
}, f = (e) => {
|
|
30
|
+
class t extends c(w(e)) {
|
|
31
|
+
constructor() {
|
|
32
|
+
super(...arguments), this.disconnectedCallback = () => {
|
|
33
|
+
super.disconnectedCallback();
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
return t;
|
|
38
|
+
};
|
|
39
|
+
export {
|
|
40
|
+
c as B,
|
|
41
|
+
f as T
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=tailwind.mixin-Dx35wOig.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind.mixin-
|
|
1
|
+
{"version":3,"file":"tailwind.mixin-Dx35wOig.js","sources":["../mixins/baseElement.ts","../mixins/tailwind.mixin.ts"],"sourcesContent":["import type { Constructor } from './constructor'\nimport { LitElement } from 'lit'\nimport { Subject } from 'rxjs'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\nexport declare class IBaseMixin {\n\tdisconnecting: Subject<boolean>\n\tclassMap: typeof classMap\n\tstyleMap: typeof styleMap\n}\n\nexport const BaseElement = <T extends Constructor<LitElement>>(superClass: T) => {\n\tclass BaseElement extends superClass {\n\t\tdisconnecting = new Subject<boolean>()\n\t\tclassMap(classes: Record<string, boolean>) {\n\t\t\tconst newClasses: Record<string, boolean> = {}\n\t\t\tObject.keys(classes).forEach(key => {\n\t\t\t\tkey\n\t\t\t\t\t.trim()\n\t\t\t\t\t.split(' ')\n\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t.forEach(k => {\n\t\t\t\t\t\tnewClasses[k] = classes[key]\n\t\t\t\t\t})\n\t\t\t})\n\t\t\treturn classMap(newClasses)\n\t\t}\n\n\t\tstyleMap(styles: Record<string, string | number>) {\n\t\t\treturn styleMap(styles)\n\t\t}\n\n\t\tdisconnectedCallback() {\n\t\t\tthis.disconnecting.next(true)\n\t\t\tthis.disconnecting.complete()\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn BaseElement as Constructor<IBaseMixin> & T\n}\n","import { CSSResult, LitElement, unsafeCSS } from 'lit'\n\nimport style from './tailwind.css?inline'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport declare class ITailwindElementMixin {\n\tstyles: (typeof CSSResult)[]\n}\n\nexport const tailwindStyles = unsafeCSS(style)\n\nconst TailwindElementBase = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends LitElement {\n\t\tstatic styles = [unsafeCSS(componentStyle), tailwindStyles]\n\t}\n\treturn TailwindMixinClass as Constructor<LitElement> /* see \"typing the subclass\" below */\n}\n\nexport const TailwindElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElementBase(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as Constructor<CustomElementConstructor> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["BaseElement","superClass","constructor","super","arguments","this","disconnecting","Subject","classes","newClasses","Object","keys","forEach","key","trim","split","filter","Boolean","k","classMap","styles","styleMap","next","complete","disconnectedCallback","tailwindStyles","unsafeCSS","TailwindElementBase","componentStyle","TailwindMixinClass","LitElement","_o","TailwindElement"],"mappings":";;;;AAYa,MAAAA,IAAkDC,CAAAA,MAC9D,cAA0BA;EAA1B,cAAAC;AAAAC,UAAAC,GAAAA,SAAAA,GACCC,KAAAC,gBAAgB,IAAIC;AAAAA,EAAiB;AAAA,EACrC,SAASC,GACR;AAAA,UAAMC,IAAsC,CAAC;AAU7C,WATAC,OAAOC,KAAKH,CAAAA,EAASI,QAAeC,CAAAA,MAEjCA;AAAAA,MAAAA,EAAAC,KACAC,EAAAA,MAAM,GACNC,EAAAA,OAAOC,SACPL,QAAaM,CAAAA,MAAAA;AACFT,UAAAS,CAAAA,IAAKV,EAAQK,CAAAA;AAAAA,MAAG,CAC3B;AAAA,IAAA,CAAA,GAEIM,EAASV,CAAAA;AAAAA,EAAU;AAAA,EAG3B,SAASW,GAAAA;AACR,WAAOC,EAASD,CAAAA;AAAAA,EAAM;AAAA,EAGvB,uBACMf;AAAAA,SAAAC,cAAcgB,KAAK,EAAA,GACxBjB,KAAKC,cAAciB,SACnBpB,GAAAA,MAAMqB;EAAqB;AC1BjBC,GAAAA,IAAiBC,0wlCAExBC,IAA4CC,OAAAA;AACjD,QAAMC,IAAN,MAAMA,UAA2BC,EAAAA;AAAAA,EAC0B;AAA1DzB,EAAAA,EAAOe,SAAS,CAACM,EAAUE,IAAiBH,CAAc;AAD3D,MAAMI,IAANE;AAGO,SAAAF;AAAA,GAGKG,IAAwCJ,CAAAA;EACpD,MAAMC,UAA2B7B,EAAY2B,EAAoBC,CAAjE,CAAA,EAAA;AAAA,IAAA;AAAAzB,YAAAC,GAAAA,SAAAA,GACCC,KAAAmB,uBAAuB,MACtBrB;AAAAA,cAAMqB,qBAAqB;AAAA,MAAA;AAAA,IAC5B;AAAA,EAEM;AAAA,SAAAK;AAAA;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";const a=require("lit"),s=require("rxjs"),l=require("lit/directives/class-map.js"),d=require("lit/directives/style-map.js"),i=e=>class extends e{constructor(){super(...arguments),this.disconnecting=new s.Subject}classMap(t){const r={};return Object.keys(t).forEach(o=>{o.trim().split(" ").filter(Boolean).forEach(n=>{r[n]=t[o]})}),l.classMap(r)}styleMap(t){return d.styleMap(t)}disconnectedCallback(){this.disconnecting.next(!0),this.disconnecting.complete(),super.disconnectedCallback()}},c=a.unsafeCSS('/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-6{inset-inline:1.5rem}.top-0{top:0}.top-1\\/2{top:50%}.top-6{top:1.5rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-2\\.5{left:.625rem}.left-3{left:.75rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-49{z-index:49}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1000\\]{z-index:1000}.z-\\[9999999\\]{z-index:9999999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-1{margin-block:.25rem}.my-2{margin-block:.5rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-\\[4px\\]{margin-bottom:4px}.-ml-px{margin-left:-1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.table{display:table}.size-2\\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-5{width:1.25rem;height:1.25rem}.h-1\\.5{height:.375rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-64{height:16rem}.h-96{height:24rem}.h-\\[24px\\]{height:24px}.h-\\[500px\\]{height:500px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[24px\\]{max-height:24px}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[calc\\(100vh-40px\\)\\]{max-height:calc(100vh - 40px)}.min-h-0{min-height:0}.min-h-\\[56px\\]{min-height:56px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[150px\\]{min-height:150px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[400px\\]{min-height:400px}.w-0\\.5{width:.125rem}.w-1\\.5{width:.375rem}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-48{width:12rem}.w-64{width:16rem}.w-\\[24px\\]{width:24px}.w-\\[100vw\\]{width:100vw}.w-\\[var\\(--dialog-width\\)\\]{width:var(--dialog-width)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-\\[24px\\]{max-width:24px}.max-w-\\[320px\\]{max-width:320px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.min-w-0{min-width:0}.min-w-\\[60px\\]{min-width:60px}.min-w-\\[160px\\]{min-width:160px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/4{--tw-translate-y: -25% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\\[55\\%\\]{--tw-translate-y: -55% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y: 0rem ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[250px_1fr\\]{grid-template-columns:250px 1fr}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.grid-rows-\\[auto_1fr_auto\\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\\[8px\\]{gap:8px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem *var(--tw-space-y-reverse));margin-block-end:calc(.25rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.5rem *var(--tw-space-y-reverse));margin-block-end:calc(.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.75rem *var(--tw-space-y-reverse));margin-block-end:calc(.75rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1rem *var(--tw-space-y-reverse));margin-block-end:calc(1rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1.5rem *var(--tw-space-y-reverse));margin-block-end:calc(1.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.5rem *var(--tw-space-x-reverse));margin-inline-end:calc(.5rem *calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-outline>:not(:last-child)){border-color:var(--schmancy-sys-color-outline)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.overscroll-none{overscroll-behavior:none}.scroll-smooth{scroll-behavior:smooth}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5dc}.border-outline{border-color:var(--schmancy-sys-color-outline)}.border-outlineVariant{border-color:var(--schmancy-sys-color-outlineVariant)}.border-primary-default{border-color:var(--schmancy-sys-color-primary-default)}.border-red-500{border-color:#fb2c36}.border-surface-container{border-color:var(--schmancy-sys-color-surface-container)}.border-surface-default{border-color:var(--schmancy-sys-color-surface-default)}.border-tertiary-default{border-color:var(--schmancy-sys-color-tertiary-default)}.border-transparent{border-color:#0000}.bg-black\\/40{background-color:oklab(0% none none/.4)}.bg-blue-500{background-color:#3280ff;background-color:oklch(62.3% .214 259.815)}.bg-error-container{background-color:var(--schmancy-sys-color-error-container)}.bg-error-default{background-color:var(--schmancy-sys-color-error-default)}.bg-gray-50{background-color:#f9fafb}.bg-gray-300{background-color:#d1d5dc}.bg-green-500{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.bg-green-600{background-color:#00a447;background-color:oklch(62.7% .194 149.214)}.bg-indigo-500{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.bg-orange-600{background-color:#ec5600;background-color:oklch(64.6% .222 41.116)}.bg-pink-500{background-color:#f6339a}.bg-primary-container{background-color:var(--schmancy-sys-color-primary-container)}.bg-primary-default{background-color:var(--schmancy-sys-color-primary-default)}.bg-purple-500{background-color:#ab4eff;background-color:oklch(62.7% .265 303.9)}.bg-red-500{background-color:#fb2c36}.bg-red-600{background-color:#e40014;background-color:oklch(57.7% .245 27.325)}.bg-secondary-container{background-color:var(--schmancy-sys-color-secondary-container)}.bg-success-default{background-color:var(--schmancy-sys-color-success-default)}.bg-surface-container{background-color:var(--schmancy-sys-color-surface-container)}.bg-surface-default{background-color:var(--schmancy-sys-color-surface-default)}.bg-surface-dim{background-color:var(--schmancy-sys-color-surface-dim)}.bg-surface-high{background-color:var(--schmancy-sys-color-surface-high)}.bg-surface-highest{background-color:var(--schmancy-sys-color-surface-highest)}.bg-surface-low{background-color:var(--schmancy-sys-color-surface-low)}.bg-teal-500{background-color:#00b9a6;background-color:oklch(70.4% .14 182.503)}.bg-tertiary-default{background-color:var(--schmancy-sys-color-tertiary-default)}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-yellow-500{background-color:#eab300;background-color:oklch(79.5% .184 86.047)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary-container{--tw-gradient-from:var(--schmancy-sys-color-primary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary-container{--tw-gradient-to:var(--schmancy-sys-color-secondary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\\[16px\\]{padding:16px}.px-1\\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-6{padding-inline:1.5rem}.px-\\[6px\\]{padding-inline:6px}.px-\\[8px\\]{padding-inline:8px}.px-\\[12px\\]{padding-inline:12px}.px-\\[16px\\]{padding-inline:16px}.py-0\\.75{padding-block:.1875rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-8{padding-block:2rem}.py-\\[6px\\]{padding-block:6px}.py-\\[8px\\]{padding-block:8px}.py-\\[12px\\]{padding-block:12px}.pt-\\[1px\\]{padding-top:1px}.pt-\\[2px\\]{padding-top:2px}.pt-\\[3px\\]{padding-top:3px}.pt-\\[4px\\]{padding-top:4px}.pr-4{padding-right:1rem}.pb-4{padding-bottom:1rem}.pb-12{padding-bottom:3rem}.pb-\\[300px\\]{padding-bottom:300px}.pl-2{padding-left:.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--schmancy-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-2xl{font-size:1.5rem;line-height:var(--tw-leading,calc(2/1.5))}.text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5/2.25))}.text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75/1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25/.875))}.text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75/1.25))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1/.75))}.text-\\[24px\\]{font-size:24px}.leading-6{--tw-leading: 1.5rem ;line-height:1.5rem}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.text-ellipsis{text-overflow:ellipsis}.text-error-default{color:var(--schmancy-sys-color-error-default)}.text-error-onContainer{color:var(--schmancy-sys-color-error-onContainer)}.text-gray-500{color:#6a7282}.text-gray-600{color:#4a5565}.text-gray-900{color:#101828}.text-indigo-600{color:#4f39f6}.text-primary-default{color:var(--schmancy-sys-color-primary-default)}.text-primary-on{color:var(--schmancy-sys-color-primary-on)}.text-primary-onContainer{color:var(--schmancy-sys-color-primary-onContainer)}.text-red-500{color:#fb2c36}.text-secondary-onContainer{color:var(--schmancy-sys-color-secondary-onContainer)}.text-success-default{color:var(--schmancy-sys-color-success-default)}.text-surface-on{color:var(--schmancy-sys-color-surface-on)}.text-surface-onVariant{color:var(--schmancy-sys-color-surface-onVariant)}.text-tertiary-default{color:var(--schmancy-sys-color-tertiary-default)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-\\[0\\.08\\]{opacity:.08}.opacity-\\[0\\.38\\]{opacity:.38}.shadow-1{--tw-shadow:var(--schmancy-sys-elevation-1);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error-default{--tw-ring-color:var(--schmancy-sys-color-error-default)}.ring-outline{--tw-ring-color:var(--schmancy-sys-color-outline)}.ring-primary-default{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.ring-secondary-default{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-secondary-default{outline-color:var(--schmancy-sys-color-secondary-default)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{--tw-ease:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.\\[--schmancy-sys-color-primary-default\\:rgb\\(0\\,0\\,255\\)\\]{--schmancy-sys-color-primary-default:#00f}.\\[--schmancy-sys-color-primary-default\\:rgb\\(0\\,255\\,0\\)\\]{--schmancy-sys-color-primary-default:#0f0}.\\[--schmancy-sys-color-primary-default\\:rgb\\(255\\,0\\,0\\)\\]{--schmancy-sys-color-primary-default:red}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\\:border-gray-400:is(:where(.group):hover *){border-color:#99a1af}.group-hover\\:bg-gray-300:is(:where(.group):hover *){background-color:#d1d5dc}.group-hover\\:bg-tertiary-onContainer:is(:where(.group):hover *){background-color:var(--schmancy-sys-color-tertiary-onContainer)}}.first\\:mt-0:first-child{margin-top:0}@media (hover:hover){.hover\\:border-gray-300:hover{border-color:#d1d5dc}.hover\\:bg-green-700:hover{background-color:#00813a;background-color:oklch(52.7% .154 150.069)}.hover\\:bg-orange-700:hover{background-color:#c43e00;background-color:oklch(55.3% .195 38.402)}.hover\\:bg-primary-default:hover{background-color:var(--schmancy-sys-color-primary-default)}.hover\\:bg-primary-on:hover{background-color:var(--schmancy-sys-color-primary-on)}.hover\\:bg-red-700:hover{background-color:#bf000f;background-color:oklch(50.5% .213 27.518)}.hover\\:bg-secondary-container:hover{background-color:var(--schmancy-sys-color-secondary-container)}.hover\\:bg-surface-container:hover{background-color:var(--schmancy-sys-color-surface-container)}.hover\\:bg-surface-high:hover{background-color:var(--schmancy-sys-color-surface-high)}.hover\\:bg-surface-on:hover{background-color:var(--schmancy-sys-color-surface-on)}.hover\\:text-gray-700:hover{color:#364153}.hover\\:text-primary-default:hover{color:var(--schmancy-sys-color-primary-default)}.hover\\:opacity-\\[0\\.08\\]:hover{opacity:.08}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-error-default:focus{--tw-ring-color:var(--schmancy-sys-color-error-default)}.focus\\:ring-indigo-600:focus{--tw-ring-color:oklch(51.1% .262 276.966)}.focus\\:ring-primary-default:focus{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.focus\\:ring-secondary-default:focus{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\\:z-1:focus-visible{z-index:1}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:px-\\[12px\\]{padding-inline:12px}}@media (min-width:48rem){.md\\:right-0{right:0}.md\\:left-\\[unset\\]{left:unset}.md\\:block{display:block}.md\\:hidden{display:none}.md\\:w-64{width:16rem}.md\\:w-\\[70vw\\]{width:70vw}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:justify-between{justify-content:space-between}.md\\:px-\\[16px\\]{padding-inline:16px}}@media (min-width:64rem){.lg\\:w-\\[60vw\\]{width:60vw}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:80rem){.xl\\:w-\\[40vw\\]{width:40vw}}}:host,:root{font-family:var(--schmancy-font-family)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}'),p=e=>{const r=class r extends a.LitElement{};r.styles=[a.unsafeCSS(e),c];let t=r;return t};exports.BaseElement=i,exports.TailwindElement=e=>{class t extends i(p(e)){constructor(){super(...arguments),this.disconnectedCallback=()=>{super.disconnectedCallback()}}}return t};
|
|
2
|
+
//# sourceMappingURL=tailwind.mixin-xwSbeHSt.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind.mixin-
|
|
1
|
+
{"version":3,"file":"tailwind.mixin-xwSbeHSt.cjs","sources":["../mixins/baseElement.ts","../mixins/tailwind.mixin.ts"],"sourcesContent":["import type { Constructor } from './constructor'\nimport { LitElement } from 'lit'\nimport { Subject } from 'rxjs'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\n\nexport declare class IBaseMixin {\n\tdisconnecting: Subject<boolean>\n\tclassMap: typeof classMap\n\tstyleMap: typeof styleMap\n}\n\nexport const BaseElement = <T extends Constructor<LitElement>>(superClass: T) => {\n\tclass BaseElement extends superClass {\n\t\tdisconnecting = new Subject<boolean>()\n\t\tclassMap(classes: Record<string, boolean>) {\n\t\t\tconst newClasses: Record<string, boolean> = {}\n\t\t\tObject.keys(classes).forEach(key => {\n\t\t\t\tkey\n\t\t\t\t\t.trim()\n\t\t\t\t\t.split(' ')\n\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t.forEach(k => {\n\t\t\t\t\t\tnewClasses[k] = classes[key]\n\t\t\t\t\t})\n\t\t\t})\n\t\t\treturn classMap(newClasses)\n\t\t}\n\n\t\tstyleMap(styles: Record<string, string | number>) {\n\t\t\treturn styleMap(styles)\n\t\t}\n\n\t\tdisconnectedCallback() {\n\t\t\tthis.disconnecting.next(true)\n\t\t\tthis.disconnecting.complete()\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn BaseElement as Constructor<IBaseMixin> & T\n}\n","import { CSSResult, LitElement, unsafeCSS } from 'lit'\n\nimport style from './tailwind.css?inline'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport declare class ITailwindElementMixin {\n\tstyles: (typeof CSSResult)[]\n}\n\nexport const tailwindStyles = unsafeCSS(style)\n\nconst TailwindElementBase = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends LitElement {\n\t\tstatic styles = [unsafeCSS(componentStyle), tailwindStyles]\n\t}\n\treturn TailwindMixinClass as Constructor<LitElement> /* see \"typing the subclass\" below */\n}\n\nexport const TailwindElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElementBase(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as Constructor<CustomElementConstructor> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"names":["BaseElement","superClass","constructor","super","arguments","this","disconnecting","Subject","classes","newClasses","Object","keys","forEach","key","trim","split","filter","Boolean","k","classMap","styles","styleMap","disconnectedCallback","next","complete","tailwindStyles","unsafeCSS","TailwindElementBase","componentStyle","TailwindMixinClass","LitElement","_e"],"mappings":"wIAYaA,EAAkDC,GAC9D,cAA0BA,CAAAA,CAA1B,aAAAC,CAAAC,MAAAC,GAAAA,SAAAA,EACCC,KAAAC,cAAgB,IAAIC,SAAiB,CACrC,SAASC,EACR,CAAA,MAAMC,EAAsC,CAAC,EAU7C,OATAC,OAAOC,KAAKH,CAASI,EAAAA,QAAeC,GAEjCA,CAAAA,EAAAC,KACAC,EAAAA,MAAM,GACNC,EAAAA,OAAOC,OACPL,EAAAA,QAAaM,GACFT,CAAAA,EAAAS,CAAKV,EAAAA,EAAQK,CAAG,CAAA,CAAA,CAC3B,CAEIM,EAAAA,EAAAA,SAASV,CAAAA,CAAU,CAG3B,SAASW,EAAAA,CACR,OAAOC,EAAAA,SAASD,CAAM,CAAA,CAGvB,sBAAAE,CACMjB,KAAAC,cAAciB,KAAK,EAAA,EACxBlB,KAAKC,cAAckB,SACnBrB,EAAAA,MAAMmB,qBAAqB,CAAA,CAAA,EC1BjBG,EAAiBC,mxlCAExBC,EAA4CC,GAAAA,CACjD,MAAMC,EAAN,MAAMA,UAA2BC,EAAAA,UAAAA,CAC0B,EAA1DzB,EAAOe,OAAS,CAACM,EAAUA,UAAAE,CAAAA,EAAiBH,CAAc,EAD3D,IAAMI,EAANE,EAGO,OAAAF,CAAA,gDAG6CD,GACpD,CAAA,MAAMC,UAA2B7B,EAAY2B,EAAoBC,CAAAA,CAAAA,CAAAA,CAAjE,aAAA1B,CAAAC,MAAAC,GAAAA,SAAAA,EACCC,KAAAiB,qBAAuB,IACtBnB,CAAAA,MAAMmB,qBAAqB,CAAA,CAC5B,CAEM,CAAA,OAAAO,CAAA"}
|
package/dist/teleport.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-CFu-31B1.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
|
|
2
2
|
//# sourceMappingURL=teleport.cjs.map
|
package/dist/teleport.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const d=require("./ripple-C2BHbhcS.cjs"),n=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),r=require("lit/decorators.js"),l=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),f=require("lit/directives/when.js"),a=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-
|
|
1
|
+
"use strict";const d=require("./ripple-C2BHbhcS.cjs"),n=require("./theme.interface-Xg5Zi46a.cjs"),c=require("lit"),r=require("lit/decorators.js"),l=require("lit/directives/if-defined.js"),m=require("lit/directives/ref.js"),f=require("lit/directives/when.js"),a=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const g=require("./tailwind.mixin-xwSbeHSt.cjs");var x=Object.defineProperty,b=Object.getOwnPropertyDescriptor,i=(e,o,p,h)=>{for(var u,s=h>1?void 0:h?b(o,p):o,y=e.length-1;y>=0;y--)(u=e[y])&&(s=(h?u(o,p,s):u(s))||s);return h&&s&&x(o,p,s),s};let t=class extends g.TailwindElement(":host{border:unset!important;line-height:unset!important;background:unset!important;padding:unset!important;font-size:unset!important;box-shadow:unset!important;width:-webkit-fill-available}:host:focus{box-shadow:unset!important}textarea:focus-visible{outline:none!important}textarea{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-indent:inherit;text-shadow:inherit;text-overflow:inherit;text-rendering:inherit;text-size-adjust:inherit;text-align-last:inherit;resize:none;overflow-y:auto}@keyframes onAutoFillStart{}textarea:-webkit-autofill{animation-name:onAutoFillStart}"){constructor(){super(),this.textareaRef=m.createRef(),this.label="",this.name="name_"+Date.now(),this.placeholder="",this.value="",this.cols=20,this.rows=2,this.wrap="soft",this.required=!1,this.disabled=!1,this.readonly=!1,this.spellcheck=!1,this.align="left",this.tabIndex=0,this.error=!1;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}firstUpdated(){this.autofocus&&this.focus(),a.fromEvent(this.textareaElement,"input").pipe(a.map(e=>e.target.value),a.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),a.fromEvent(this.textareaElement,"change").pipe(a.map(e=>e.target.value),a.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),a.fromEvent(this.textareaElement,"keyup").pipe(a.filter(e=>e.key==="Enter"),a.map(e=>e.target.value),a.distinctUntilChanged()).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("enter",{detail:{value:e},bubbles:!0,composed:!0}))})}get form(){return this.internals?.form}reportValidity(){return this.textareaRef.value?.reportValidity()}checkValidity(){return this.textareaRef.value?.checkValidity()}setCustomValidity(e){return this.textareaRef.value?.setCustomValidity(e)}select(){return this.textareaRef.value?.select()}setSelectionRange(e,o,p){this.textareaRef.value?.setSelectionRange(e,o,p)}get selectionStart(){return this.textareaRef.value?.selectionStart??null}get selectionEnd(){return this.textareaRef.value?.selectionEnd??null}get selectionDirection(){return this.textareaRef.value?.selectionDirection??null}setRangeText(e){this.textareaRef.value?.setRangeText(e)}adjustHeight(){const e=this.textareaRef.value;e&&(e.style.height="auto",e.style.height=e.scrollHeight+"px")}validity(){return this.textareaRef.value?.validity}focus(e={preventScroll:!0}){this.textareaRef.value?.focus(e),this.dispatchEvent(new Event("focus"))}click(){this.textareaRef.value?.click(),this.dispatchEvent(new Event("click"))}blur(){this.textareaRef.value?.blur(),this.dispatchEvent(new Event("blur"))}render(){const e={"w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]":!0,"disabled:opacity-40 disabled:cursor-not-allowed":!0,"placeholder:text-muted":!0,"ring-0 ring-inset focus:ring-1 focus:ring-inset":!0,"ring-primary-default ring-outline focus:ring-primary-default":!this.error,"ring-error-default focus:ring-error-default":this.error,"text-center":this.align==="center","text-right":this.align==="right"},o={"opacity-40":this.disabled,"block mb-[4px]":!0};return c.html`
|
|
2
2
|
${f.when(this.label,()=>c.html`<label
|
|
3
3
|
${d.color({color:this.error?n.SchmancyTheme.sys.color.error.default:n.SchmancyTheme.sys.color.primary.default})}
|
|
4
4
|
class="${this.classMap(o)}"
|
|
@@ -39,4 +39,4 @@
|
|
|
39
39
|
</schmancy-typography>
|
|
40
40
|
`)}
|
|
41
41
|
`}};t.shadowRootOptions={...c.LitElement.shadowRootOptions,delegatesFocus:!0},t.formAssociated=!0,i([r.property()],t.prototype,"label",2),i([r.property()],t.prototype,"name",2),i([r.property()],t.prototype,"placeholder",2),i([r.property({type:String,reflect:!0})],t.prototype,"value",2),i([r.property({type:Number})],t.prototype,"minlength",2),i([r.property({type:Number})],t.prototype,"maxlength",2),i([r.property({type:Number})],t.prototype,"cols",2),i([r.property({type:Number})],t.prototype,"rows",2),i([r.property({type:String})],t.prototype,"wrap",2),i([r.property({type:String})],t.prototype,"dirname",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"required",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"spellcheck",2),i([r.property({type:String,reflect:!0})],t.prototype,"align",2),i([r.property({type:Boolean})],t.prototype,"autofocus",2),i([r.property({type:Number})],t.prototype,"tabIndex",2),i([r.query("textarea")],t.prototype,"textareaElement",2),i([r.property()],t.prototype,"hint",2),i([r.property({type:Boolean,reflect:!0})],t.prototype,"error",2),t=i([r.customElement("schmancy-textarea")],t);
|
|
42
|
-
//# sourceMappingURL=textarea-
|
|
42
|
+
//# sourceMappingURL=textarea-D7NLGUQL.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-Dy7B8B0d.cjs","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"textarea-D7NLGUQL.cjs","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { when as g } from "lit/directives/when.js";
|
|
|
8
8
|
import { fromEvent as y, map as m, distinctUntilChanged as f, filter as E } from "rxjs";
|
|
9
9
|
import "lit/directives/class-map.js";
|
|
10
10
|
import "lit/directives/style-map.js";
|
|
11
|
-
import { T as R } from "./tailwind.mixin-
|
|
11
|
+
import { T as R } from "./tailwind.mixin-Dx35wOig.js";
|
|
12
12
|
var k = Object.defineProperty, S = Object.getOwnPropertyDescriptor, r = (t, a, n, h) => {
|
|
13
13
|
for (var p, s = h > 1 ? void 0 : h ? S(a, n) : a, c = t.length - 1; c >= 0; c--) (p = t[c]) && (s = (h ? p(a, n, s) : p(s)) || s);
|
|
14
14
|
return h && s && k(a, n, s), s;
|
|
@@ -123,4 +123,4 @@ let e = class extends R(":host{border:unset!important;line-height:unset!importan
|
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
125
|
e.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, e.formAssociated = !0, r([i()], e.prototype, "label", 2), r([i()], e.prototype, "name", 2), r([i()], e.prototype, "placeholder", 2), r([i({ type: String, reflect: !0 })], e.prototype, "value", 2), r([i({ type: Number })], e.prototype, "minlength", 2), r([i({ type: Number })], e.prototype, "maxlength", 2), r([i({ type: Number })], e.prototype, "cols", 2), r([i({ type: Number })], e.prototype, "rows", 2), r([i({ type: String })], e.prototype, "wrap", 2), r([i({ type: String })], e.prototype, "dirname", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "required", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "disabled", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "readonly", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "spellcheck", 2), r([i({ type: String, reflect: !0 })], e.prototype, "align", 2), r([i({ type: Boolean })], e.prototype, "autofocus", 2), r([i({ type: Number })], e.prototype, "tabIndex", 2), r([b("textarea")], e.prototype, "textareaElement", 2), r([i()], e.prototype, "hint", 2), r([i({ type: Boolean, reflect: !0 })], e.prototype, "error", 2), e = r([v("schmancy-textarea")], e);
|
|
126
|
-
//# sourceMappingURL=textarea-
|
|
126
|
+
//# sourceMappingURL=textarea-Dx-DzkDe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-Ba8gRDPS.js","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","adjustHeight","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"textarea-Dx-DzkDe.js","sources":["../src/textarea/textarea.ts"],"sourcesContent":["import { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\nimport { LitElement, html } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { distinctUntilChanged, filter, fromEvent, map } from 'rxjs'\nimport style from './textarea.scss?inline'\nimport { TailwindElement } from '@mixins/index'\n@customElement('schmancy-textarea')\nexport default class SchmancyTextarea extends TailwindElement(style) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\tstatic formAssociated = true\n\t// private internals\n\tinternals: ElementInternals | undefined\n\ttextareaRef = createRef<HTMLTextAreaElement>()\n\n\t/**\n\t * The label of the control.\n\t * @attr\n\t * @type {string} label\n\t * @default ''\n\t * @public\n\t */\n\t@property() label = ''\n\n\t/**\n\t * The name of the control.\n\t * @attr name\n\t * @type {string} name\n\t * @default 'name_' + Date.now()\n\t * @public\n\t */\n\t@property() name = 'name_' + Date.now()\n\n\t/**\n\t * The placeholder of the control.\n\t * @attr placeholder\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property() placeholder = ''\n\n\t/**\n\t * The value of the control.\n\t * @attr {string} value - The value of the control.\n\t * @type {string}\n\t * @default ''\n\t * @public\n\t */\n\t@property({ type: String, reflect: true }) public value = ''\n\n\t/**\n\t * The minlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic minlength: number | undefined\n\n\t/**\n\t * The maxlength attribute of the control.\n\t * @attr\n\t */\n\t@property({ type: Number })\n\tpublic maxlength!: number\n\n\t/**\n\t * The number of columns (width) of the control.\n\t * @attr cols\n\t * @type {number}\n\t * @default 20\n\t * @public\n\t */\n\t@property({ type: Number }) cols = 20\n\n\t/**\n\t * The number of rows (height) of the control.\n\t * @attr rows\n\t * @type {number}\n\t * @default 2\n\t * @public\n\t */\n\t@property({ type: Number }) rows = 2\n\n\t/**\n\t * Specifies how the text in a text area is to be wrapped when submitted in a form.\n\t * @attr wrap\n\t * @type {'hard' | 'soft'}\n\t * @default 'soft'\n\t * @public\n\t */\n\t@property({ type: String }) wrap: 'hard' | 'soft' = 'soft'\n\n\t/**\n\t * The dirname attribute of the control.\n\t * @attr dirname\n\t * @type {string}\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ type: String }) dirname: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) required = false\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\t@property({ type: Boolean, reflect: true }) readonly = false\n\t@property({ type: Boolean, reflect: true }) spellcheck = false\n\n\t@property({ type: String, reflect: true }) align: 'left' | 'center' | 'right' = 'left'\n\n\t/**\n\t * The autofocus attribute of the control.\n\t * @attr\n\t * @type {boolean}\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tpublic override autofocus!: boolean\n\n\t@property({ type: Number })\n\tpublic override tabIndex = 0\n\n\t@query('textarea') textareaElement!: HTMLTextAreaElement\n\n\t@property() hint: string | undefined\n\n\t@property({ type: Boolean, reflect: true }) public error = false\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\t\tfromEvent(this.textareaElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tfromEvent(this.textareaElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\t// emit on enter\n\t\tfromEvent<KeyboardEvent>(this.textareaElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(event => event.key === 'Enter'),\n\t\t\t\tmap(event => (event.target as HTMLTextAreaElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('change', {\n\t\t\t\t\t\tdetail: { value },\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\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('enter', {\n\t\t\t\t\t\tdetail: { value },\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\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\t/** Checks for validity of the control and shows the browser message if it's invalid. */\n\tpublic reportValidity() {\n\t\treturn this.textareaRef.value?.reportValidity()\n\t}\n\n\t/** Checks for validity of the control and emits the invalid event if it invalid. */\n\tpublic checkValidity() {\n\t\treturn this.textareaRef.value?.checkValidity()\n\t}\n\n\t/** Sets a custom validity message. */\n\tpublic setCustomValidity(message: string) {\n\t\treturn this.textareaRef.value?.setCustomValidity(message)\n\t}\n\n\t/** Selects all text within the textarea. */\n\tpublic select() {\n\t\treturn this.textareaRef.value?.select()\n\t}\n\n\t/** Sets the selection range. */\n\tpublic setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none') {\n\t\tthis.textareaRef.value?.setSelectionRange(start, end, direction)\n\t}\n\n\t/** Returns the selected text within the textarea. */\n\tpublic get selectionStart(): number | null {\n\t\treturn this.textareaRef.value?.selectionStart ?? null\n\t}\n\n\tpublic get selectionEnd(): number | null {\n\t\treturn this.textareaRef.value?.selectionEnd ?? null\n\t}\n\n\tpublic get selectionDirection(): 'forward' | 'backward' | 'none' | null {\n\t\treturn this.textareaRef.value?.selectionDirection ?? null\n\t}\n\n\t/** Sets the range of text to be selected. */\n\tpublic setRangeText(replacement: string) {\n\t\tthis.textareaRef.value?.setRangeText(replacement)\n\t}\n\n\t/** Adjusts the height of the textarea based on its content. */\n\tpublic adjustHeight() {\n\t\tconst textarea = this.textareaRef.value\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto'\n\t\t\ttextarea.style.height = textarea.scrollHeight + 'px'\n\t\t}\n\t}\n\n\tpublic validity(): ValidityState | undefined {\n\t\treturn this.textareaRef.value?.validity\n\t}\n\n\tpublic override focus(\n\t\toptions: FocusOptions = {\n\t\t\tpreventScroll: true,\n\t\t},\n\t) {\n\t\tthis.textareaRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\tpublic override click() {\n\t\tthis.textareaRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\tpublic override blur() {\n\t\tthis.textareaRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes = {\n\t\t\t'w-full rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px] py-[8px]': true,\n\t\t\t'disabled:opacity-40 disabled:cursor-not-allowed': true,\n\t\t\t'placeholder:text-muted': true,\n\t\t\t'ring-0 ring-inset focus:ring-1 focus:ring-inset': true,\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() =>\n\t\t\t\t\thtml`<label\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"${this.classMap(labelClasses)}\"\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t>\n\t\t\t\t\t\t<schmancy-typography type=\"label\" token=\"lg\">${this.label}</schmancy-typography>\n\t\t\t\t\t</label>`,\n\t\t\t)}\n\n\t\t\t<schmancy-typography type=\"body\" token=\"lg\">\n\t\t\t\t<textarea\n\t\t\t\t\t${color({\n\t\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.highest,\n\t\t\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t\t\t})}\n\t\t\t\t\t${ref(this.textareaRef)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.id=${this.id}\n\t\t\t\t\t.name=${this.name}\n\t\t\t\t\t.placeholder=${this.placeholder}\n\t\t\t\t\t.required=${this.required}\n\t\t\t\t\tclass=${this.classMap(classes)}\n\t\t\t\t\t.disabled=${this.disabled}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\t.readonly=${this.readonly}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tcols=${ifDefined(this.cols)}\n\t\t\t\t\trows=${ifDefined(this.rows)}\n\t\t\t\t\twrap=${ifDefined(this.wrap)}\n\t\t\t\t\tdirname=${ifDefined(this.dirname)}\n\t\t\t\t></textarea>\n\t\t\t</schmancy-typography>\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<schmancy-typography\n\t\t\t\t\t\t${color({\n\t\t\t\t\t\t\tcolor: this.error ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.primary.default,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tclass=\"pt-[4px]\"\n\t\t\t\t\t\ttype=\"body\"\n\t\t\t\t\t\ttoken=\"sm\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.hint}\n\t\t\t\t\t</schmancy-typography>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\nexport type SchmancyTextareaChangeEvent = CustomEvent<EventDetails>\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-textarea': SchmancyTextarea\n\t}\n}\n"],"names":["SchmancyTextarea","TailwindElement","constructor","super","this","textareaRef","createRef","label","name","Date","now","placeholder","value","cols","rows","wrap","required","disabled","readonly","spellcheck","align","tabIndex","error","internals","attachInternals","autofocus","focus","fromEvent","textareaElement","pipe","map","event","target","distinctUntilChanged","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","form","reportValidity","checkValidity","message","setCustomValidity","select","start","end","direction","setSelectionRange","selectionStart","selectionEnd","selectionDirection","replacement","setRangeText","adjustHeight","textarea","style","height","scrollHeight","validity","options","preventScroll","Event","click","blur","render","classes","labelClasses","html","when","color","SchmancyTheme","sys","default","primary","classMap","id","bgColor","surface","highest","on","ref","ifDefined","minlength","maxlength","dirname","hint","shadowRootOptions","LitElement","delegatesFocus","formAssociated","__decorateClass","property","prototype","type","String","reflect","Number","Boolean","query","customElement"],"mappings":"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"}
|