@mhmo91/schmancy 0.4.15 → 0.4.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{animated-text-CuOeUPBc.js → animated-text-BWYbjl8p.js} +3 -3
- package/dist/{animated-text-CuOeUPBc.js.map → animated-text-BWYbjl8p.js.map} +1 -1
- package/dist/{animated-text-vI_J_T4H.cjs → animated-text-Cya5qiBi.cjs} +2 -2
- package/dist/{animated-text-vI_J_T4H.cjs.map → animated-text-Cya5qiBi.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-DMXMTNuu.cjs → area.component-DaPyd1fu.cjs} +2 -2
- package/dist/{area.component-DMXMTNuu.cjs.map → area.component-DaPyd1fu.cjs.map} +1 -1
- package/dist/{area.component-BM9ihM3x.js → area.component-YeKamCZL.js} +3 -3
- package/dist/{area.component-BM9ihM3x.js.map → area.component-YeKamCZL.js.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-BF2L9FvO.cjs → autocomplete-CBhOEEVz.cjs} +2 -2
- package/dist/{autocomplete-BF2L9FvO.cjs.map → autocomplete-CBhOEEVz.cjs.map} +1 -1
- package/dist/{autocomplete-BmY1HiRm.js → autocomplete-cvHG_Mud.js} +3 -3
- package/dist/{autocomplete-BmY1HiRm.js.map → autocomplete-cvHG_Mud.js.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-C4oY5hJn.cjs → avatar-BxJkq320.cjs} +2 -2
- package/dist/{avatar-C4oY5hJn.cjs.map → avatar-BxJkq320.cjs.map} +1 -1
- package/dist/{avatar-Cpqpem_H.js → avatar-DJQvGv_E.js} +45 -45
- package/dist/{avatar-Cpqpem_H.js.map → avatar-DJQvGv_E.js.map} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{boat-GHXDYUXo.cjs → boat-BvOYU982.cjs} +2 -2
- package/dist/{boat-GHXDYUXo.cjs.map → boat-BvOYU982.cjs.map} +1 -1
- package/dist/{boat-DhLd0NFJ.js → boat-D1Bn-7KH.js} +2 -2
- package/dist/{boat-DhLd0NFJ.js.map → boat-D1Bn-7KH.js.map} +1 -1
- package/dist/boat.cjs +1 -1
- package/dist/boat.js +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-BOQEemBC.js → checkbox-C-4cJ-9n.js} +2 -2
- package/dist/{checkbox-BOQEemBC.js.map → checkbox-C-4cJ-9n.js.map} +1 -1
- package/dist/{checkbox-CRwmpo0I.cjs → checkbox-D0WVJtQV.cjs} +2 -2
- package/dist/{checkbox-CRwmpo0I.cjs.map → checkbox-D0WVJtQV.cjs.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-CAdNz2hu.js → chips-m3ETe9oo.js} +3 -3
- package/dist/{chips-CAdNz2hu.js.map → chips-m3ETe9oo.js.map} +1 -1
- package/dist/{chips-CL4ex3S5.cjs → chips-oaCodJhH.cjs} +2 -2
- package/dist/{chips-CL4ex3S5.cjs.map → chips-oaCodJhH.cjs.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/{circular-progress-DHLvm1dK.cjs → circular-progress-Bb2Ugunr.cjs} +2 -2
- package/dist/{circular-progress-DHLvm1dK.cjs.map → circular-progress-Bb2Ugunr.cjs.map} +1 -1
- package/dist/{circular-progress-Byjn--Fy.js → circular-progress-C6yeCaSz.js} +3 -3
- package/dist/{circular-progress-Byjn--Fy.js.map → circular-progress-C6yeCaSz.js.map} +1 -1
- package/dist/circular-progress.cjs +1 -1
- package/dist/circular-progress.js +1 -1
- package/dist/code-highlight.cjs +1 -1
- package/dist/code-highlight.js +1 -1
- package/dist/{code-preview-KWJFLNdy.js → code-preview-2V_1NojV.js} +2 -2
- package/dist/{code-preview-KWJFLNdy.js.map → code-preview-2V_1NojV.js.map} +1 -1
- package/dist/{code-preview-C0kMHrZp.cjs → code-preview-BX-j6Poy.cjs} +2 -2
- package/dist/{code-preview-C0kMHrZp.cjs.map → code-preview-BX-j6Poy.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-Dq9AYUX9.cjs → date-range-C2KYe5Uw.cjs} +2 -2
- package/dist/{date-range-Dq9AYUX9.cjs.map → date-range-C2KYe5Uw.cjs.map} +1 -1
- package/dist/{date-range-Dbw7tlTg.js → date-range-CoiyFgJb.js} +3 -3
- package/dist/{date-range-Dbw7tlTg.js.map → date-range-CoiyFgJb.js.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-CHFrBv7q.cjs → delay-B8qFcxKs.cjs} +2 -2
- package/dist/{delay-CHFrBv7q.cjs.map → delay-B8qFcxKs.cjs.map} +1 -1
- package/dist/{delay-DVNcXeFo.js → delay-CKifQyBV.js} +2 -2
- package/dist/{delay-DVNcXeFo.js.map → delay-CKifQyBV.js.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{dialog-content-BUZnNGK5.js → dialog-content-C0At3Q1J.js} +3 -3
- package/dist/{dialog-content-BUZnNGK5.js.map → dialog-content-C0At3Q1J.js.map} +1 -1
- package/dist/{dialog-content-Bgc7dtoN.cjs → dialog-content-pBi7Si8F.cjs} +2 -2
- package/dist/{dialog-content-Bgc7dtoN.cjs.map → dialog-content-pBi7Si8F.cjs.map} +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/{divider-ONYdMCC3.cjs → divider-CERRWE8x.cjs} +2 -2
- package/dist/{divider-ONYdMCC3.cjs.map → divider-CERRWE8x.cjs.map} +1 -1
- package/dist/{divider-Baxo2_bg.js → divider-RskcANpL.js} +3 -3
- package/dist/{divider-Baxo2_bg.js.map → divider-RskcANpL.js.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-DjcEmYM4.cjs → dropdown-content-CdLS_Ibc.cjs} +2 -2
- package/dist/{dropdown-content-DjcEmYM4.cjs.map → dropdown-content-CdLS_Ibc.cjs.map} +1 -1
- package/dist/{dropdown-content-Di_ThsYr.js → dropdown-content-Cl3Gb6Pi.js} +3 -3
- package/dist/{dropdown-content-Di_ThsYr.js.map → dropdown-content-Cl3Gb6Pi.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-CqNaXCKb.js → flex-5NFffg5L.js} +2 -2
- package/dist/{flex-CqNaXCKb.js.map → flex-5NFffg5L.js.map} +1 -1
- package/dist/{flex-B_mu8j3k.cjs → flex-B-0RxHvh.cjs} +2 -2
- package/dist/{flex-B_mu8j3k.cjs.map → flex-B-0RxHvh.cjs.map} +1 -1
- package/dist/{form-t3eedyiY.js → form-BsWshf6F.js} +2 -2
- package/dist/{form-t3eedyiY.js.map → form-BsWshf6F.js.map} +1 -1
- package/dist/{form-ha4Eqx8c.cjs → form-Dng5Kp0V.cjs} +2 -2
- package/dist/{form-ha4Eqx8c.cjs.map → form-Dng5Kp0V.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{formField.mixin-DzKDhHbR.js → formField.mixin-CB_wbnxx.js} +2 -2
- package/dist/{formField.mixin-DzKDhHbR.js.map → formField.mixin-CB_wbnxx.js.map} +1 -1
- package/dist/{formField.mixin-d14Fm5er.cjs → formField.mixin-WE1RZT6F.cjs} +2 -2
- package/dist/{formField.mixin-d14Fm5er.cjs.map → formField.mixin-WE1RZT6F.cjs.map} +1 -1
- package/dist/{icon-tJDnrQSl.js → icon-BFkClABK.js} +2 -2
- package/dist/{icon-tJDnrQSl.js.map → icon-BFkClABK.js.map} +1 -1
- package/dist/{icon-CFCGmi4A.cjs → icon-DVdpplkB.cjs} +2 -2
- package/dist/{icon-CFCGmi4A.cjs.map → icon-DVdpplkB.cjs.map} +1 -1
- package/dist/{icon-button-D4GrKqC0.cjs → icon-button-D7S42TvE.cjs} +2 -2
- package/dist/{icon-button-D4GrKqC0.cjs.map → icon-button-D7S42TvE.cjs.map} +1 -1
- package/dist/{icon-button-UhONt-F9.js → icon-button-DclaSjiq.js} +3 -3
- package/dist/{icon-button-UhONt-F9.js.map → icon-button-DclaSjiq.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 +43 -43
- package/dist/input-BgSfNdMi.cjs +111 -0
- package/dist/input-BgSfNdMi.cjs.map +1 -0
- package/dist/{input-BKGOpZ3z.js → input-DQoSkBYb.js} +103 -115
- package/dist/input-DQoSkBYb.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-DLKOrlMB.cjs → list-CWDyjIuT.cjs} +2 -2
- package/dist/{list-DLKOrlMB.cjs.map → list-CWDyjIuT.cjs.map} +1 -1
- package/dist/{list-BXQI_aVt.js → list-VgW4NOR3.js} +2 -2
- package/dist/{list-BXQI_aVt.js.map → list-VgW4NOR3.js.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-BFshhc99.js → litElement.mixin-8ymZv7ae.js} +2 -2
- package/dist/{litElement.mixin-BFshhc99.js.map → litElement.mixin-8ymZv7ae.js.map} +1 -1
- package/dist/{litElement.mixin-D80K-DKp.cjs → litElement.mixin-C0Nh9FLv.cjs} +2 -2
- package/dist/{litElement.mixin-D80K-DKp.cjs.map → litElement.mixin-C0Nh9FLv.cjs.map} +1 -1
- package/dist/{media-CMy1y_G4.js → media-BE54fWY6.js} +2 -2
- package/dist/{media-CMy1y_G4.js.map → media-BE54fWY6.js.map} +1 -1
- package/dist/{media-DrrOd3Cp.cjs → media-BGw0_OhG.cjs} +2 -2
- package/dist/{media-DrrOd3Cp.cjs.map → media-BGw0_OhG.cjs.map} +1 -1
- package/dist/{menu-CIbYjq5w.js → menu-BWcdPRcR.js} +3 -3
- package/dist/{menu-CIbYjq5w.js.map → menu-BWcdPRcR.js.map} +1 -1
- package/dist/{menu-HxSHRr44.cjs → menu-S-2TsUq7.cjs} +2 -2
- package/dist/{menu-HxSHRr44.cjs.map → menu-S-2TsUq7.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-D6dwccSa.cjs → notification-service-BUvY55AO.cjs} +2 -2
- package/dist/{notification-service-D6dwccSa.cjs.map → notification-service-BUvY55AO.cjs.map} +1 -1
- package/dist/{notification-service-DqhrEhim.js → notification-service-XxUeft4M.js} +3 -3
- package/dist/{notification-service-DqhrEhim.js.map → notification-service-XxUeft4M.js.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-B7mh5iBR.js → option-C8QSgwb0.js} +2 -2
- package/dist/{option-B7mh5iBR.js.map → option-C8QSgwb0.js.map} +1 -1
- package/dist/{option-YZacOiKm.cjs → option-DsMeMNcf.cjs} +2 -2
- package/dist/{option-YZacOiKm.cjs.map → option-DsMeMNcf.cjs.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{payment-card-form-jeoZZi6p.js → payment-card-form-B7gzqYE4.js} +3 -3
- package/dist/{payment-card-form-jeoZZi6p.js.map → payment-card-form-B7gzqYE4.js.map} +1 -1
- package/dist/{payment-card-form-Ba3j-mko.cjs → payment-card-form-Dp5wLeXB.cjs} +2 -2
- package/dist/{payment-card-form-Ba3j-mko.cjs.map → payment-card-form-Dp5wLeXB.cjs.map} +1 -1
- package/dist/{progress-CZXKwGBB.cjs → progress-BNODDFe6.cjs} +2 -2
- package/dist/{progress-CZXKwGBB.cjs.map → progress-BNODDFe6.cjs.map} +1 -1
- package/dist/{progress-D4y0dpK9.js → progress-D29mWe5f.js} +2 -2
- package/dist/{progress-D4y0dpK9.js.map → progress-D29mWe5f.js.map} +1 -1
- package/dist/progress.cjs +1 -1
- package/dist/progress.js +1 -1
- package/dist/{radio-button-CKty5_sG.js → radio-button-DSQajEU8.js} +3 -3
- package/dist/{radio-button-CKty5_sG.js.map → radio-button-DSQajEU8.js.map} +1 -1
- package/dist/{radio-button-DeAY1R3D.cjs → radio-button-FJEOiXEr.cjs} +2 -2
- package/dist/{radio-button-DeAY1R3D.cjs.map → radio-button-FJEOiXEr.cjs.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-DdxlPOl3.js → schmancy-steps-container-CiluvBK_.js} +2 -2
- package/dist/{schmancy-steps-container-DdxlPOl3.js.map → schmancy-steps-container-CiluvBK_.js.map} +1 -1
- package/dist/{schmancy-steps-container-CmSXDf7C.cjs → schmancy-steps-container-DdX56KAd.cjs} +2 -2
- package/dist/{schmancy-steps-container-CmSXDf7C.cjs.map → schmancy-steps-container-DdX56KAd.cjs.map} +1 -1
- package/dist/{select-DCqtkgHe.js → select-2Qur670v.js} +3 -3
- package/dist/{select-DCqtkgHe.js.map → select-2Qur670v.js.map} +1 -1
- package/dist/{select-JeuY2nWW.cjs → select-WLiNkRXM.cjs} +2 -2
- package/dist/{select-JeuY2nWW.cjs.map → select-WLiNkRXM.cjs.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-q6FFKREE.js → sheet-C21ntfa9.js} +4 -4
- package/dist/{sheet-q6FFKREE.js.map → sheet-C21ntfa9.js.map} +1 -1
- package/dist/{sheet-t4A4BeGz.cjs → sheet-CwPFof6g.cjs} +2 -2
- package/dist/{sheet-t4A4BeGz.cjs.map → sheet-CwPFof6g.cjs.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +2 -2
- package/dist/{sheet.service-DqO2aRtR.js → sheet.service-AozcjI2F.js} +2 -2
- package/dist/{sheet.service-DqO2aRtR.js.map → sheet.service-AozcjI2F.js.map} +1 -1
- package/dist/{sheet.service-DO-2bnGp.cjs → sheet.service-AuiT8l27.cjs} +2 -2
- package/dist/{sheet.service-DO-2bnGp.cjs.map → sheet.service-AuiT8l27.cjs.map} +1 -1
- package/dist/{slider-BtKp18tE.cjs → slider-BZDWbmyY.cjs} +2 -2
- package/dist/{slider-BtKp18tE.cjs.map → slider-BZDWbmyY.cjs.map} +1 -1
- package/dist/{slider-Cv78iuoH.js → slider-_FYJ40Wf.js} +3 -3
- package/dist/{slider-Cv78iuoH.js.map → slider-_FYJ40Wf.js.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-DIXpf7Xc.js → spinner-BdBj0-Ht.js} +2 -2
- package/dist/{spinner-DIXpf7Xc.js.map → spinner-BdBj0-Ht.js.map} +1 -1
- package/dist/{spinner-BZKI4Aje.cjs → spinner-ByGE1eQD.cjs} +2 -2
- package/dist/{spinner-BZKI4Aje.cjs.map → spinner-ByGE1eQD.cjs.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/{surface-By-1_D5m.js → surface-BFK5bSnv.js} +2 -2
- package/dist/{surface-By-1_D5m.js.map → surface-BFK5bSnv.js.map} +1 -1
- package/dist/{surface-6Kwk9NCC.cjs → surface-l-lbJ-ZG.cjs} +2 -2
- package/dist/{surface-6Kwk9NCC.cjs.map → surface-l-lbJ-ZG.cjs.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-BojV1cr-.cjs → table-B8-uWz2r.cjs} +2 -2
- package/dist/{table-BojV1cr-.cjs.map → table-B8-uWz2r.cjs.map} +1 -1
- package/dist/{table-BKdxrE64.js → table-Nj48ePAY.js} +2 -2
- package/dist/{table-BKdxrE64.js.map → table-Nj48ePAY.js.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-BddIPDk-.js → tabs-compatibility-CLhrXcYT.js} +2 -2
- package/dist/{tabs-compatibility-BddIPDk-.js.map → tabs-compatibility-CLhrXcYT.js.map} +1 -1
- package/dist/{tabs-compatibility-BuSTUrbW.cjs → tabs-compatibility-Cqkh5dME.cjs} +2 -2
- package/dist/{tabs-compatibility-BuSTUrbW.cjs.map → tabs-compatibility-Cqkh5dME.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/{tailwind.mixin-C9wSwMyj.cjs → tailwind.mixin-5ecZ2gS6.cjs} +2 -2
- package/dist/{tailwind.mixin-C9wSwMyj.cjs.map → tailwind.mixin-5ecZ2gS6.cjs.map} +1 -1
- package/dist/{tailwind.mixin-CjS7whsn.js → tailwind.mixin-B176_-fw.js} +9 -9
- package/dist/{tailwind.mixin-CjS7whsn.js.map → tailwind.mixin-B176_-fw.js.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-BkUV1o5c.js → textarea-CxAQGHZ_.js} +2 -2
- package/dist/{textarea-BkUV1o5c.js.map → textarea-CxAQGHZ_.js.map} +1 -1
- package/dist/{textarea-Csc71VAg.cjs → textarea-L4jUiram.cjs} +2 -2
- package/dist/{textarea-Csc71VAg.cjs.map → textarea-L4jUiram.cjs.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-BBAfag6o.cjs → theme-button-CXVB63RK.cjs} +2 -2
- package/dist/{theme-button-BBAfag6o.cjs.map → theme-button-CXVB63RK.cjs.map} +1 -1
- package/dist/{theme-button-D-bDzeOP.js → theme-button-Ck0Q1IuX.js} +2 -2
- package/dist/{theme-button-D-bDzeOP.js.map → theme-button-Ck0Q1IuX.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.js +1 -1
- package/dist/{timezone-DntF7Anf.cjs → timezone-B50Smk8v.cjs} +2 -2
- package/dist/{timezone-DntF7Anf.cjs.map → timezone-B50Smk8v.cjs.map} +1 -1
- package/dist/{timezone-CRh0TVA5.js → timezone-BryhAYIO.js} +3 -3
- package/dist/{timezone-CRh0TVA5.js.map → timezone-BryhAYIO.js.map} +1 -1
- package/dist/{tooltip-DSZZBYgA.js → tooltip-Cz9Ph65i.js} +2 -2
- package/dist/{tooltip-DSZZBYgA.js.map → tooltip-Cz9Ph65i.js.map} +1 -1
- package/dist/{tooltip-7Vz-0dIm.cjs → tooltip-DE0lTaQy.cjs} +2 -2
- package/dist/{tooltip-7Vz-0dIm.cjs.map → tooltip-DE0lTaQy.cjs.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-CPQBVpEO.cjs → tree-COpmWA-l.cjs} +2 -2
- package/dist/{tree-CPQBVpEO.cjs.map → tree-COpmWA-l.cjs.map} +1 -1
- package/dist/{tree-BNtkejK4.js → tree-mnsn5VE6.js} +2 -2
- package/dist/{tree-BNtkejK4.js.map → tree-mnsn5VE6.js.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-h4SJqRGh.cjs → typewriter-CKnAc4qm.cjs} +2 -2
- package/dist/{typewriter-h4SJqRGh.cjs.map → typewriter-CKnAc4qm.cjs.map} +1 -1
- package/dist/{typewriter-Brhk0nKN.js → typewriter-tslDSSb1.js} +4 -4
- package/dist/{typewriter-Brhk0nKN.js.map → typewriter-tslDSSb1.js.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-7ntwHeb5.cjs → typography-BNf8SwIy.cjs} +2 -2
- package/dist/{typography-7ntwHeb5.cjs.map → typography-BNf8SwIy.cjs.map} +1 -1
- package/dist/{typography-Bt0EPE8x.js → typography-fjymhLhx.js} +2 -2
- package/dist/{typography-Bt0EPE8x.js.map → typography-fjymhLhx.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/dist/input-BKGOpZ3z.js.map +0 -1
- package/dist/input-dNXzVzgY.cjs +0 -122
- package/dist/input-dNXzVzgY.cjs.map +0 -1
package/dist/teleport.js
CHANGED
|
@@ -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-B176_-fw.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-CxAQGHZ_.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-BkUV1o5c.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-CxAQGHZ_.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,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-5ecZ2gS6.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-L4jUiram.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea-Csc71VAg.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":"olBAWA,IAAqBA,EAArB,cAA8CC,2sBA0H7C,aAAAC,CACOC,MAnHPC,EAAAA,KAAAC,YAAcC,YASMF,EAAAA,KAAAG,MAAA,GASDH,KAAAI,KAAA,QAAUC,KAAKC,IAAAA,EASRN,KAAAO,YAAA,GASiBP,KAAOQ,MAAQ,GAuBvBR,KAAAS,KAAA,GASAT,KAAAU,KAAA,EASiBV,KAAAW,KAAA,OAWGX,KAAAY,SAAAA,GACAZ,KAAAa,SAAA,GACAb,KAAAc,SAAAA,GACEd,KAAAe,cAEuBf,KAAAgB,MAAA,OAahFhB,KAAgBiB,SAAW,EAMiBjB,KAAOkB,MAAQ,GAItD,GACElB,CAAAA,KAAAmB,UAAYnB,KAAKoB,iBAAgB,MAC/B,CACPpB,KAAKmB,UAAAA,MAAY,CAClB,CAGD,cACKnB,CAAAA,KAAKqB,WACRrB,KAAKsB,MAEIC,EAAAA,EAAAA,UAAAvB,KAAKwB,gBAAiB,OAC9BC,EAAAA,KACAC,EAAAA,IAAIC,GAAUA,EAAMC,OAA+BpB,KAAAA,EACnDqB,EAAqBA,qBAAAA,CAAAA,EAErBC,UAAmBtB,GAAAA,CACnBR,KAAKQ,MAAQA,EACRR,KAAA+B,cACJ,IAAIC,YAA0B,SAAU,CACvCC,OAAQ,CAAEzB,MACV0B,CAAAA,EAAAA,QAAAA,GACAC,SAAAA,KAEF,CAEQZ,EAAAA,EAAAA,UAAAvB,KAAKwB,gBAAiB,QAAA,EAC9BC,KACAC,EAAAA,IAAIC,GAAUA,EAAMC,OAA+BpB,KACnDqB,EAAAA,EAAqBA,wBAErBC,UAAmBtB,GAAAA,CACnBR,KAAKQ,MAAQA,EACRR,KAAA+B,cACJ,IAAIC,YAA0B,SAAU,CACvCC,OAAQ,CAAEzB,MAAAA,CAAAA,EACV0B,WACAC,SAAAA,EAEF,CAAA,CAAA,CAAA,CAAA,EAGuBZ,EAAAA,UAAAvB,KAAKwB,gBAAiB,OAC7CC,EAAAA,KACAW,EAAAA,OAAOT,GAASA,EAAMU,MAAQ,OAC9BX,EAAAA,EAAAA,IAAIC,GAAUA,EAAMC,OAA+BpB,OACnDqB,EAAqBA,qBAAAA,CAAAA,EAErBC,UAAmBtB,GAAAA,CACnBR,KAAKQ,MAAQA,EACRR,KAAA+B,cACJ,IAAIC,YAA0B,SAAU,CACvCC,OAAQ,CAAEzB,MACV0B,CAAAA,EAAAA,QAAAA,GACAC,SAAAA,EAGGnC,CAAAA,CAAAA,EAAAA,KAAA+B,cACJ,IAAIC,YAA0B,QAAS,CACtCC,OAAQ,CAAEzB,MACV0B,CAAAA,EAAAA,QAAAA,GACAC,SAAAA,EAEF,CAAA,CAAA,CAAA,CAAA,CACA,CAGH,IAAA,OACC,OAAOnC,KAAKmB,WAAWmB,IAAA,CAIjB,gBACC,CAAA,OAAAtC,KAAKC,YAAYO,OAAO+B,eAAAA,CAAe,CAIxC,gBACC,OAAAvC,KAAKC,YAAYO,OAAOgC,cAAc,CAAA,CAIvC,kBAAkBC,EACxB,CAAA,OAAOzC,KAAKC,YAAYO,OAAOkC,kBAAkBD,EAAO,CAIlD,QACC,CAAA,OAAAzC,KAAKC,YAAYO,OAAOmC,OAAAA,CAAO,CAIhC,kBAAkBC,EAAeC,EAAaC,EAAAA,CACpD9C,KAAKC,YAAYO,OAAOuC,kBAAkBH,EAAOC,EAAKC,CAAAA,CAAS,CAIhE,IAAA,gBACQ,CAAA,OAAA9C,KAAKC,YAAYO,OAAOwC,gBAAkB,IAAA,CAGlD,IAAA,cACQ,CAAA,OAAAhD,KAAKC,YAAYO,OAAOyC,cAAgB,IAAA,CAGhD,IAAWC,oBAAAA,CACH,OAAAlD,KAAKC,YAAYO,OAAO0C,oBAAsB,IAAA,CAI/C,aAAaC,EACdnD,CAAAA,KAAAC,YAAYO,OAAO4C,aAAaD,CAAAA,CAAW,CAI1C,eACA,MAAAE,EAAWrD,KAAKC,YAAYO,MAC9B6C,IACHA,EAASC,MAAMC,OAAS,OACfF,EAAAC,MAAMC,OAASF,EAASG,aAAe,KACjD,CAGM,UAAAC,CACC,OAAAzD,KAAKC,YAAYO,OAAOiD,QAAA,CAGhB,MACfC,EAAwB,CACvBC,gBAGI3D,EAAAA,CAAAA,KAAAC,YAAYO,OAAOc,MAAMoC,CAAAA,EAC9B1D,KAAK+B,cAAc,IAAI6B,MAAM,OAAQ,CAAA,CAAA,CAGtB,OAAAC,CACV7D,KAAAC,YAAYO,OAAOqD,MACxB7D,EAAAA,KAAK+B,cAAc,IAAI6B,MAAM,OAAA,CAAA,CAAQ,CAGtB,MACV5D,CAAAA,KAAAC,YAAYO,OAAOsD,OACxB9D,KAAK+B,cAAc,IAAI6B,MAAM,MAAO,CAAA,CAAA,CAG3B,QAAAG,CACT,MAAMC,EAAU,CACf,4EAAA,GACA,kDAAA,GACA,yBAA0B,GAC1B,kDAAmD,GACnD,+DAAiEhE,CAAAA,KAAKkB,MACtE,8CAA+ClB,KAAKkB,MACpD,cAAelB,KAAKgB,QAAU,SAC9B,aAAchB,KAAKgB,QAAU,OAExBiD,EAAAA,EAAe,CACpB,aAAcjE,KAAKa,SACnB,iBAAkB,EAAA,EAEZ,OAAAqD,EAAAA;AAAAA,KACJC,EAAAA,KACDnE,KAAKG,MACL,IACC+D;QACGE,QAAM,CACPA,MAAOpE,KAAKkB,MAAQmD,EAAAA,cAAcC,IAAIF,MAAMlD,MAAMqD,QAAUF,EAAAA,cAAcC,IAAIF,MAAMI,QAAQD,OAAAA,CAAAA,CAAAA;AAAAA,eAEpFvE,KAAKyE,SAASR,CAAAA,CAAAA;AAAAA,YACjBjE,KAAK0E,EAAAA;AAAAA;AAAAA,qDAEoC1E,KAAKG,KAAAA;AAAAA;;;;OAMnDiE,QAAM,CACPO,QAASN,EAAAA,cAAcC,IAAIF,MAAMQ,QAAQC,QACzCT,MAAOC,EAAAA,cAAcC,IAAIF,MAAMQ,QAAQE,EAAAA,CAAAA,CAAAA;AAAAA,OAEtCC,EAAAA,IAAI/E,KAAKC,WAAAA,CAAAA;AAAAA,cACFD,KAAKQ,KAAAA;AAAAA,WACRR,KAAK0E,EAAAA;AAAAA,aACH1E,KAAKI,IAAAA;AAAAA,oBACEJ,KAAKO,WAAAA;AAAAA,iBACRP,KAAKY,QAAAA;AAAAA,aACTZ,KAAKyE,SAAST,CAAAA,CAAAA;AAAAA,iBACVhE,KAAKa,QAAAA;AAAAA,iBACLmE,EAAAA,UAAUhF,KAAKiF,SAAAA,CAAAA;AAAAA,iBACfD,EAAAA,UAAUhF,KAAKkF,SAAAA,CAAAA;AAAAA,iBACflF,KAAKc,QAAAA;AAAAA,mBACHd,KAAKe,UAAAA;AAAAA,YACZiE,EAAAA,UAAUhF,KAAKS,IAAAA,CAAAA;AAAAA,YACfuE,EAAAA,UAAUhF,KAAKU,IAAAA,CAAAA;AAAAA,YACfsE,EAAAA,UAAUhF,KAAKW,IAAAA,CAAAA;AAAAA,eACZqE,EAAAA,UAAUhF,KAAKmF,OAAAA,CAAAA;AAAAA;AAAAA;AAAAA,KAGzBhB,EAAAA,KACDnE,KAAKoF,KACL,IAAMlB,EAAAA;AAAAA;AAAAA,QAEFE,QAAM,CACPA,MAAOpE,KAAKkB,MAAQmD,EAAAA,cAAcC,IAAIF,MAAMlD,MAAMqD,QAAUF,EAAAA,cAAcC,IAAIF,MAAMI,QAAQD,OAAAA,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAM3FvE,KAAKoF,IAAAA;AAAAA;AAAAA;GAGT,CAlViBxF,EAAAA,EACHyF,kBAAoB,CAAA,GACjCC,EAAWA,WAAAD,kBACdE,eAAAA,EAHmB3F,EAAAA,EAKb4F,eAAiB,GAYZC,EAAA,CAAXC,EAASA,SAjBU9F,CAAAA,EAAAA,EAiBR+F,UAAA,QAAA,CASAF,EAAAA,EAAA,CAAXC,EAASA,SA1BU9F,CAAAA,EAAAA,EA0BR+F,UAAA,OAAA,CASAF,EAAAA,EAAA,CAAXC,EAASA,SAAAA,CAAAA,EAnCU9F,EAmCR+F,UAAA,cAAA,CAAA,EASsCF,EAAA,CAAjDC,EAAAA,SAAS,CAAEE,KAAMC,OAAQC,QAAAA,MA5CNlG,EA4C8B+F,UAAA,QAAA,CAAA,EAO3CF,EAAA,CADNC,WAAS,CAAEE,KAAMG,MAlDEnG,CAAAA,CAAAA,EAAAA,EAmDb+F,UAAA,YAAA,GAOAF,EAAA,CADNC,WAAS,CAAEE,KAAMG,MAzDEnG,CAAAA,CAAAA,EAAAA,EA0Db+F,UAAA,YAAA,CASqBF,EAAAA,EAAA,CAA3BC,WAAS,CAAEE,KAAMG,MAnEEnG,CAAAA,CAAAA,EAAAA,EAmEQ+F,UAAA,OAAA,CASAF,EAAAA,EAAA,CAA3BC,WAAS,CAAEE,KAAMG,MAAAA,CAAAA,CAAAA,EA5EEnG,EA4EQ+F,UAAA,OAAA,CASAF,EAAAA,EAAA,CAA3BC,WAAS,CAAEE,KAAMC,MAAAA,CAAAA,CAAAA,EArFEjG,EAqFQ+F,UAAA,OAAA,CAAA,EASAF,EAAA,CAA3BC,WAAS,CAAEE,KAAMC,MAAAA,CAAAA,CAAAA,EA9FEjG,EA8FQ+F,UAAA,UAAA,CAAA,EAEgBF,EAAA,CAA3CC,EAAAA,SAAS,CAAEE,KAAMI,QAASF,QAAS,EAAA,CAAA,CAAA,EAhGhBlG,EAgGwB+F,UAAA,WAAA,CAAA,EACAF,EAAA,CAA3CC,EAAAA,SAAS,CAAEE,KAAMI,QAASF,QAAS,EAAA,CAAA,CAAA,EAjGhBlG,EAiGwB+F,UAAA,WAAA,CAAA,EACAF,EAAA,CAA3CC,EAAAA,SAAS,CAAEE,KAAMI,QAASF,QAAAA,MAlGPlG,EAkGwB+F,UAAA,WAAA,CAAA,EACAF,EAAA,CAA3CC,EAAAA,SAAS,CAAEE,KAAMI,QAASF,QAAAA,EAnGPlG,CAAAA,CAAAA,EAAAA,EAmGwB+F,UAAA,aAAA,CAAA,EAEDF,EAAA,CAA1CC,EAAAA,SAAS,CAAEE,KAAMC,OAAQC,QAAAA,EArGNlG,CAAAA,CAAAA,EAAAA,EAqGuB+F,UAAA,QAAA,GAU3BF,EAAA,CADfC,WAAS,CAAEE,KAAMI,OA9GEpG,CAAAA,CAAAA,EAAAA,EA+GJ+F,UAAA,YAAA,CAGAF,EAAAA,EAAA,CADfC,WAAS,CAAEE,KAAMG,MAjHEnG,CAAAA,CAAAA,EAAAA,EAkHJ+F,UAAA,WAAA,CAEGF,EAAAA,EAAA,CAAlBQ,EAAAA,MAAM,UAAA,CAAA,EApHarG,EAoHD+F,UAAA,kBAAA,CAEPF,EAAAA,EAAA,CAAXC,EAASA,SAtHU9F,CAAAA,EAAAA,EAsHR+F,UAAA,OAAA,CAEuCF,EAAAA,EAAA,CAAlDC,EAAAA,SAAS,CAAEE,KAAMI,QAASF,QAAAA,EAxHPlG,CAAAA,CAAAA,EAAAA,EAwH+B+F,UAAA,QAAA,CAxH/B/F,EAAAA,EAArB6F,EAAA,CADCS,EAAAA,cAAc,mBACMtG,CAAAA,EAAAA,CAAAA"}
|
|
1
|
+
{"version":3,"file":"textarea-L4jUiram.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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"}
|
package/dist/textarea.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./textarea-
|
|
1
|
+
"use strict";require("./textarea-L4jUiram.cjs");
|
|
2
2
|
//# sourceMappingURL=textarea.cjs.map
|
package/dist/textarea.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./textarea-
|
|
1
|
+
import "./textarea-CxAQGHZ_.js";
|
|
2
2
|
//# sourceMappingURL=textarea.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-
|
|
1
|
+
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("./tailwind.mixin-5ecZ2gS6.cjs"),u=require("lit/decorators.js"),m=require("lit");var d=Object.defineProperty,h=Object.getOwnPropertyDescriptor,s=(a,r,c,t)=>{for(var o,e=t>1?void 0:t?h(r,c):r,i=a.length-1;i>=0;i--)(o=a[i])&&(e=(t?o(r,c,e):o(e))||e);return t&&e&&d(r,c,e),e};let n=class extends l.TailwindElement(){render(){return m.html`
|
|
2
2
|
<schmancy-button
|
|
3
3
|
@click=${()=>{this.color.animate([{transform:"rotate(0deg)"},{transform:"rotate(360deg)"}],{duration:300})}}
|
|
4
4
|
variant="text"
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
<schmancy-icon id="color">palette</schmancy-icon>
|
|
7
7
|
</schmancy-button>
|
|
8
8
|
`}};s([u.query("#color")],n.prototype,"color",2),n=s([u.customElement("schmancy-theme-button")],n);
|
|
9
|
-
//# sourceMappingURL=theme-button-
|
|
9
|
+
//# sourceMappingURL=theme-button-CXVB63RK.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-button-
|
|
1
|
+
{"version":3,"file":"theme-button-CXVB63RK.cjs","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards', // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out', // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":"4YAKA,IAAqBA,EAArB,cAAiDC,EAAAA,gBAAAA,CAAAA,CAGtC,QACF,CAAA,OAAAC,EAAAA;AAAAA;AAAAA,aAEI,IAAA,CAKHC,KAAAC,MAAMC,QAAQ,CAAC,CAAEC,UAAW,cAAkB,EAAA,CAAEA,UAAW,gBAAA,CAAA,EAAqB,CACpFC,SAAU,GAGV,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GACD,CAAA,EAfaC,EAAA,CAAhBC,EAAAA,MAAM,WADaT,EACHU,UAAA,QAAA,CAAA,EADGV,EAArBQ,EAAA,CADCG,EAAAA,cAAc,uBACMX,CAAAA,EAAAA,CAAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { T as i } from "./tailwind.mixin-
|
|
4
|
+
import { T as i } from "./tailwind.mixin-B176_-fw.js";
|
|
5
5
|
import { query as p, customElement as l } from "lit/decorators.js";
|
|
6
6
|
import { html as h } from "lit";
|
|
7
7
|
var y = Object.defineProperty, d = Object.getOwnPropertyDescriptor, s = (a, r, e, o) => {
|
|
@@ -23,4 +23,4 @@ let m = class extends i() {
|
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
s([p("#color")], m.prototype, "color", 2), m = s([l("schmancy-theme-button")], m);
|
|
26
|
-
//# sourceMappingURL=theme-button-
|
|
26
|
+
//# sourceMappingURL=theme-button-Ck0Q1IuX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-button-
|
|
1
|
+
{"version":3,"file":"theme-button-Ck0Q1IuX.js","sources":["../src/theme-button/theme-button.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\n@customElement('schmancy-theme-button')\nexport default class SchmancyThemeButton extends TailwindElement() {\n\t@query('#color') color!: HTMLElement\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-button\n\t\t\t\t@click=${() => {\n\t\t\t\t\t// Trigger any other effects you have\n\t\t\t\t\t// $newSchmancyTheme.next(undefined)\n\n\t\t\t\t\t// Native Web Animations API usage:\n\t\t\t\t\tthis.color.animate([{ transform: 'rotate(0deg)' }, { transform: 'rotate(360deg)' }], {\n\t\t\t\t\t\tduration: 300,\n\t\t\t\t\t\t// fill: 'forwards', // Use if you want it to remain rotated at 360°\n\t\t\t\t\t\t// easing: 'ease-out', // Or another easing function\n\t\t\t\t\t})\n\t\t\t\t}}\n\t\t\t\tvariant=\"text\"\n\t\t\t>\n\t\t\t\t<schmancy-icon id=\"color\">palette</schmancy-icon>\n\t\t\t</schmancy-button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-theme-button': SchmancyThemeButton\n\t}\n}\n"],"names":["SchmancyThemeButton","TailwindElement","render","html","this","color","animate","transform","duration","__decorateClass","query","prototype","customElement"],"mappings":";;;;;;;;;;AAKA,IAAqBA,IAArB,cAAiDC,EAAAA,EAAAA;AAAAA,EAGtC,SAAAC;AACF,WAAAC;AAAAA;AAAAA,aAEI,MAAA;AAKHC,WAAAC,MAAMC,QAAQ,CAAC,EAAEC,WAAW,eAAkB,GAAA,EAAEA,WAAW,iBAAA,CAAA,GAAqB,EACpFC,UAAU,IAGV,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EACD;AAAA;AAfaC,EAAA,CAAhBC,EAAM,QAAA,CAAA,GADaV,EACHW,WAAA,SAAA,CAAA,GADGX,IAArBS,EAAA,CADCG,EAAc,uBACMZ,CAAAA,GAAAA,CAAAA;"}
|
package/dist/theme-button.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./theme-button-
|
|
1
|
+
"use strict";require("./theme-button-CXVB63RK.cjs");
|
|
2
2
|
//# sourceMappingURL=theme-button.cjs.map
|
package/dist/theme-button.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./theme-button-
|
|
1
|
+
import "./theme-button-Ck0Q1IuX.js";
|
|
2
2
|
//# sourceMappingURL=theme-button.js.map
|
package/dist/theme.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./sheet.service-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./sheet.service-AuiT8l27.cjs"),m=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.ThemeHereIAm=e.ThemeHereIAm,exports.ThemeWhereAreYou=e.ThemeWhereAreYou,exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.SchmancyTheme=m.SchmancyTheme;
|
|
2
2
|
//# sourceMappingURL=theme.cjs.map
|
package/dist/theme.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./litElement.mixin-
|
|
1
|
+
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./litElement.mixin-C0Nh9FLv.cjs");require("./tailwind.mixin-5ecZ2gS6.cjs");const e=require("lit/decorators.js"),m=require("lit"),M=require("lit/directives/repeat.js"),s=[{name:"Afghanistan",code:"AF"},{name:"Albania",code:"AL"},{name:"Algeria",code:"DZ"},{name:"Andorra",code:"AD"},{name:"Angola",code:"AO"},{name:"Antigua and Barbuda",code:"AG"},{name:"Argentina",code:"AR"},{name:"Armenia",code:"AM"},{name:"Australia",code:"AU"},{name:"Austria",code:"AT"},{name:"Azerbaijan",code:"AZ"},{name:"Bahamas",code:"BS"},{name:"Bahrain",code:"BH"},{name:"Bangladesh",code:"BD"},{name:"Barbados",code:"BB"},{name:"Belarus",code:"BY"},{name:"Belgium",code:"BE"},{name:"Belize",code:"BZ"},{name:"Benin",code:"BJ"},{name:"Bhutan",code:"BT"},{name:"Bolivia",code:"BO"},{name:"Bosnia and Herzegovina",code:"BA"},{name:"Botswana",code:"BW"},{name:"Brazil",code:"BR"},{name:"Brunei",code:"BN"},{name:"Bulgaria",code:"BG"},{name:"Burkina Faso",code:"BF"},{name:"Burundi",code:"BI"},{name:"Cabo Verde",code:"CV"},{name:"Cambodia",code:"KH"},{name:"Cameroon",code:"CM"},{name:"Canada",code:"CA"},{name:"Central African Republic",code:"CF"},{name:"Chad",code:"TD"},{name:"Chile",code:"CL"},{name:"China",code:"CN"},{name:"Colombia",code:"CO"},{name:"Comoros",code:"KM"},{name:"Congo (Congo-Brazzaville)",code:"CG"},{name:"Costa Rica",code:"CR"},{name:"Croatia",code:"HR"},{name:"Cuba",code:"CU"},{name:"Cyprus",code:"CY"},{name:"Czechia (Czech Republic)",code:"CZ"},{name:"Democratic Republic of the Congo",code:"CD"},{name:"Denmark",code:"DK"},{name:"Djibouti",code:"DJ"},{name:"Dominica",code:"DM"},{name:"Dominican Republic",code:"DO"},{name:"Ecuador",code:"EC"},{name:"Egypt",code:"EG"},{name:"El Salvador",code:"SV"},{name:"Equatorial Guinea",code:"GQ"},{name:"Eritrea",code:"ER"},{name:"Estonia",code:"EE"},{name:"Eswatini",code:"SZ"},{name:"Ethiopia",code:"ET"},{name:"Fiji",code:"FJ"},{name:"Finland",code:"FI"},{name:"France",code:"FR"},{name:"Gabon",code:"GA"},{name:"Gambia",code:"GM"},{name:"Georgia",code:"GE"},{name:"Germany",code:"DE"},{name:"Ghana",code:"GH"},{name:"Greece",code:"GR"},{name:"Grenada",code:"GD"},{name:"Guatemala",code:"GT"},{name:"Guinea",code:"GN"},{name:"Guinea-Bissau",code:"GW"},{name:"Guyana",code:"GY"},{name:"Haiti",code:"HT"},{name:"Honduras",code:"HN"},{name:"Hungary",code:"HU"},{name:"Iceland",code:"IS"},{name:"India",code:"IN"},{name:"Indonesia",code:"ID"},{name:"Iran",code:"IR"},{name:"Iraq",code:"IQ"},{name:"Ireland",code:"IE"},{name:"Israel",code:"IL"},{name:"Italy",code:"IT"},{name:"Jamaica",code:"JM"},{name:"Japan",code:"JP"},{name:"Jordan",code:"JO"},{name:"Kazakhstan",code:"KZ"},{name:"Kenya",code:"KE"},{name:"Kiribati",code:"KI"},{name:"Kuwait",code:"KW"},{name:"Kyrgyzstan",code:"KG"},{name:"Laos",code:"LA"},{name:"Latvia",code:"LV"},{name:"Lebanon",code:"LB"},{name:"Lesotho",code:"LS"},{name:"Liberia",code:"LR"},{name:"Libya",code:"LY"},{name:"Liechtenstein",code:"LI"},{name:"Lithuania",code:"LT"},{name:"Luxembourg",code:"LU"},{name:"Madagascar",code:"MG"},{name:"Malawi",code:"MW"},{name:"Malaysia",code:"MY"},{name:"Maldives",code:"MV"},{name:"Mali",code:"ML"},{name:"Malta",code:"MT"},{name:"Marshall Islands",code:"MH"},{name:"Mauritania",code:"MR"},{name:"Mauritius",code:"MU"},{name:"Mexico",code:"MX"},{name:"Micronesia",code:"FM"},{name:"Moldova",code:"MD"},{name:"Monaco",code:"MC"},{name:"Mongolia",code:"MN"},{name:"Montenegro",code:"ME"},{name:"Morocco",code:"MA"},{name:"Mozambique",code:"MZ"},{name:"Myanmar (formerly Burma)",code:"MM"},{name:"Namibia",code:"NA"},{name:"Nauru",code:"NR"},{name:"Nepal",code:"NP"},{name:"Netherlands",code:"NL"},{name:"New Zealand",code:"NZ"},{name:"Nicaragua",code:"NI"},{name:"Niger",code:"NE"},{name:"Nigeria",code:"NG"},{name:"North Korea",code:"KP"},{name:"North Macedonia",code:"MK"},{name:"Norway",code:"NO"},{name:"Oman",code:"OM"},{name:"Pakistan",code:"PK"},{name:"Palau",code:"PW"},{name:"Palestine State",code:"PS"},{name:"Panama",code:"PA"},{name:"Papua New Guinea",code:"PG"},{name:"Paraguay",code:"PY"},{name:"Peru",code:"PE"},{name:"Philippines",code:"PH"},{name:"Poland",code:"PL"},{name:"Portugal",code:"PT"},{name:"Qatar",code:"QA"},{name:"Romania",code:"RO"},{name:"Russia",code:"RU"},{name:"Rwanda",code:"RW"},{name:"Saint Kitts and Nevis",code:"KN"},{name:"Saint Lucia",code:"LC"},{name:"Saint Vincent and the Grenadines",code:"VC"},{name:"Samoa",code:"WS"},{name:"San Marino",code:"SM"},{name:"Sao Tome and Principe",code:"ST"},{name:"Saudi Arabia",code:"SA"},{name:"Senegal",code:"SN"},{name:"Serbia",code:"RS"},{name:"Seychelles",code:"SC"},{name:"Sierra Leone",code:"SL"},{name:"Singapore",code:"SG"},{name:"Slovakia",code:"SK"},{name:"Slovenia",code:"SI"},{name:"Solomon Islands",code:"SB"},{name:"Somalia",code:"SO"},{name:"South Africa",code:"ZA"},{name:"South Korea",code:"KR"},{name:"South Sudan",code:"SS"},{name:"Spain",code:"ES"},{name:"Sri Lanka",code:"LK"},{name:"Sudan",code:"SD"},{name:"Suriname",code:"SR"},{name:"Sweden",code:"SE"},{name:"Switzerland",code:"CH"},{name:"Syria",code:"SY"},{name:"Taiwan",code:"TW"},{name:"Tajikistan",code:"TJ"},{name:"Tanzania",code:"TZ"},{name:"Thailand",code:"TH"},{name:"Timor-Leste",code:"TL"},{name:"Togo",code:"TG"},{name:"Tonga",code:"TO"},{name:"Trinidad and Tobago",code:"TT"},{name:"Tunisia",code:"TN"},{name:"Turkey",code:"TR"},{name:"Turkmenistan",code:"TM"},{name:"Tuvalu",code:"TV"},{name:"Uganda",code:"UG"},{name:"Ukraine",code:"UA"},{name:"United Arab Emirates",code:"AE"},{name:"United Kingdom",code:"GB"},{name:"United States",code:"US"},{name:"Uruguay",code:"UY"},{name:"Uzbekistan",code:"UZ"},{name:"Vanuatu",code:"VU"},{name:"Venezuela",code:"VE"},{name:"Vietnam",code:"VN"},{name:"Yemen",code:"YE"},{name:"Zambia",code:"ZM"},{name:"Zimbabwe",code:"ZW"}];var T=Object.defineProperty,G=Object.getOwnPropertyDescriptor,t=(a,i,l,o)=>{for(var c,n=o>1?void 0:o?G(i,l):i,u=a.length-1;u>=0;u--)(c=a[u])&&(n=(o?c(i,l,n):c(n))||n);return o&&n&&T(i,l,n),n};exports.SchmancyCountriesSelect=class extends d.$LitElement(m.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
@@ -29,4 +29,4 @@
|
|
|
29
29
|
${M.repeat(A??[],a=>a.tzCode,a=>m.html` <schmancy-option value=${a.tzCode??""}> ${a.name} </schmancy-option> `)}
|
|
30
30
|
</schmancy-autocomplete>
|
|
31
31
|
`}},exports.SchmancyTimezonesSelect.formAssociated=!0,r([e.property({type:String,reflect:!0,attribute:"value"})],exports.SchmancyTimezonesSelect.prototype,"value",2),r([e.state()],exports.SchmancyTimezonesSelect.prototype,"chip",2),r([e.property({type:Boolean,reflect:!0})],exports.SchmancyTimezonesSelect.prototype,"required",2),r([e.property({type:String})],exports.SchmancyTimezonesSelect.prototype,"label",2),r([e.property({type:String})],exports.SchmancyTimezonesSelect.prototype,"hint",2),r([e.property({type:String})],exports.SchmancyTimezonesSelect.prototype,"placeholder",2),r([e.property({type:String})],exports.SchmancyTimezonesSelect.prototype,"name",2),r([e.query("schmancy-autocomplete")],exports.SchmancyTimezonesSelect.prototype,"autocomplete",2),exports.SchmancyTimezonesSelect=r([e.customElement("schmancy-select-timezones")],exports.SchmancyTimezonesSelect);
|
|
32
|
-
//# sourceMappingURL=timezone-
|
|
32
|
+
//# sourceMappingURL=timezone-B50Smk8v.cjs.map
|