@mhmo91/schmancy 0.2.38 → 0.2.40
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-Daeoe5sn.cjs → animated-text-CaUJr-yL.cjs} +2 -2
- package/dist/{animated-text-Daeoe5sn.cjs.map → animated-text-CaUJr-yL.cjs.map} +1 -1
- package/dist/{animated-text-BVwxMOPR.js → animated-text-D8LhwMLu.js} +3 -3
- package/dist/{animated-text-BVwxMOPR.js.map → animated-text-D8LhwMLu.js.map} +1 -1
- package/dist/animated-text.cjs +1 -1
- package/dist/animated-text.js +1 -1
- package/dist/area.cjs +1 -1
- package/dist/{area.component-xmbcsTJK.cjs → area.component-DJYgP8NP.cjs} +2 -2
- package/dist/{area.component-xmbcsTJK.cjs.map → area.component-DJYgP8NP.cjs.map} +1 -1
- package/dist/{area.component-ByLp5c79.js → area.component-FgfXnOUF.js} +3 -3
- package/dist/{area.component-ByLp5c79.js.map → area.component-FgfXnOUF.js.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/autocomplete-C36FPrMT.js +225 -0
- package/dist/autocomplete-C36FPrMT.js.map +1 -0
- package/dist/autocomplete-CFcZcrJm.cjs +48 -0
- package/dist/autocomplete-CFcZcrJm.cjs.map +1 -0
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-D9vaaSjw.cjs → checkbox-Drf8MwrJ.cjs} +2 -2
- package/dist/{checkbox-D9vaaSjw.cjs.map → checkbox-Drf8MwrJ.cjs.map} +1 -1
- package/dist/{checkbox-DkJYbF64.js → checkbox-Sf2HtMs9.js} +2 -2
- package/dist/{checkbox-DkJYbF64.js.map → checkbox-Sf2HtMs9.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-UBgldDF5.cjs → chips-8SMj1Siq.cjs} +12 -12
- package/dist/{chips-UBgldDF5.cjs.map → chips-8SMj1Siq.cjs.map} +1 -1
- package/dist/{chips-Cy9spfrp.js → chips-CA-B5JGD.js} +36 -36
- package/dist/{chips-Cy9spfrp.js.map → chips-CA-B5JGD.js.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/date-range-BFW0xGWz.js +148 -0
- package/dist/date-range-BFW0xGWz.js.map +1 -0
- package/dist/date-range-CAFOX_Sm.cjs +72 -0
- package/dist/date-range-CAFOX_Sm.cjs.map +1 -0
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-CpK5RGux.js → delay-DbaKftdS.js} +2 -2
- package/dist/{delay-CpK5RGux.js.map → delay-DbaKftdS.js.map} +1 -1
- package/dist/{delay-C0n9lJNW.cjs → delay-_LA9VzS1.cjs} +2 -2
- package/dist/{delay-C0n9lJNW.cjs.map → delay-_LA9VzS1.cjs.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{divider-D85c35Sw.js → divider-Ba1jSOh5.js} +3 -3
- package/dist/{divider-D85c35Sw.js.map → divider-Ba1jSOh5.js.map} +1 -1
- package/dist/{divider-C4xBD1JH.cjs → divider-DUvuIyeA.cjs} +2 -2
- package/dist/{divider-C4xBD1JH.cjs.map → divider-DUvuIyeA.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{form-B_0fvoO0.cjs → form-Dga1_eim.cjs} +2 -2
- package/dist/{form-B_0fvoO0.cjs.map → form-Dga1_eim.cjs.map} +1 -1
- package/dist/{form-Bau_XA_e.js → form-H0pfjyGl.js} +2 -2
- package/dist/{form-Bau_XA_e.js.map → form-H0pfjyGl.js.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{icon-Bit7fi8d.cjs → icon-Dr1MeHJo.cjs} +2 -2
- package/dist/{icon-Bit7fi8d.cjs.map → icon-Dr1MeHJo.cjs.map} +1 -1
- package/dist/{icon-button-Dh6iR7gO.cjs → icon-button-B1Hzc1qy.cjs} +2 -2
- package/dist/{icon-button-Dh6iR7gO.cjs.map → icon-button-B1Hzc1qy.cjs.map} +1 -1
- package/dist/{icon-button-CEGE-KQJ.js → icon-button-BFdAiGNP.js} +3 -3
- package/dist/{icon-button-CEGE-KQJ.js.map → icon-button-BFdAiGNP.js.map} +1 -1
- package/dist/{icon-B-QZ23xF.js → icon-pvbFfBbz.js} +3 -3
- package/dist/{icon-B-QZ23xF.js.map → icon-pvbFfBbz.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 +98 -97
- package/dist/input-1-LnDYbT.cjs +53 -0
- package/dist/input-1-LnDYbT.cjs.map +1 -0
- package/dist/input-CBjD2PL8.js +137 -0
- package/dist/input-CBjD2PL8.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-ClV9Qdme.js → list-BdN19pT0.js} +2 -2
- package/dist/{list-ClV9Qdme.js.map → list-BdN19pT0.js.map} +1 -1
- package/dist/{list-CRW6i-kf.cjs → list-DSyxyPI_.cjs} +2 -2
- package/dist/{list-CRW6i-kf.cjs.map → list-DSyxyPI_.cjs.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-d9rhslEw.cjs → litElement.mixin-B9kSOE4x.cjs} +2 -2
- package/dist/{litElement.mixin-d9rhslEw.cjs.map → litElement.mixin-B9kSOE4x.cjs.map} +1 -1
- package/dist/{litElement.mixin-COSnyAru.js → litElement.mixin-D9kneJpW.js} +2 -2
- package/dist/{litElement.mixin-COSnyAru.js.map → litElement.mixin-D9kneJpW.js.map} +1 -1
- package/dist/{menu-n_bI-TFp.js → menu-DjWA-lYK.js} +29 -27
- package/dist/menu-DjWA-lYK.js.map +1 -0
- package/dist/menu-XffIwQSn.cjs +29 -0
- package/dist/menu-XffIwQSn.cjs.map +1 -0
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/option-C4fWPkxl.js +45 -0
- package/dist/option-C4fWPkxl.js.map +1 -0
- package/dist/option-Dcuv7dNV.cjs +18 -0
- package/dist/option-Dcuv7dNV.cjs.map +1 -0
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{outlet-hu2yX7iS.cjs → outlet-881x1gpm.cjs} +2 -2
- package/dist/{outlet-hu2yX7iS.cjs.map → outlet-881x1gpm.cjs.map} +1 -1
- package/dist/{outlet-DuFKgg_g.js → outlet-oc58T2jq.js} +2 -2
- package/dist/{outlet-DuFKgg_g.js.map → outlet-oc58T2jq.js.map} +1 -1
- package/dist/{payment-card-form-Bpa9jVym.cjs → payment-card-form-BlusjI2Q.cjs} +2 -2
- package/dist/{payment-card-form-Bpa9jVym.cjs.map → payment-card-form-BlusjI2Q.cjs.map} +1 -1
- package/dist/{payment-card-form-D6chLUG-.js → payment-card-form-D2NiZkJM.js} +3 -3
- package/dist/{payment-card-form-D6chLUG-.js.map → payment-card-form-D2NiZkJM.js.map} +1 -1
- package/dist/{radio-group-9wWEjibY.js → radio-group-BALwJIFj.js} +2 -2
- package/dist/{radio-group-9wWEjibY.js.map → radio-group-BALwJIFj.js.map} +1 -1
- package/dist/{radio-group-CekbhNf-.cjs → radio-group-DE6ao3xB.cjs} +2 -2
- package/dist/{radio-group-CekbhNf-.cjs.map → radio-group-DE6ao3xB.cjs.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{scroll-B-tqDDOP.js → scroll-BbqxMyDc.js} +29 -29
- package/dist/scroll-BbqxMyDc.js.map +1 -0
- package/dist/scroll-BqLesKK7.cjs +33 -0
- package/dist/scroll-BqLesKK7.cjs.map +1 -0
- package/dist/select-CaBI5TrW.js +156 -0
- package/dist/select-CaBI5TrW.js.map +1 -0
- package/dist/select-N1WX3mjc.cjs +52 -0
- package/dist/select-N1WX3mjc.cjs.map +1 -0
- package/dist/select.cjs +1 -1
- package/dist/select.js +4 -1
- package/dist/{sheet-DeE5_yNQ.cjs → sheet-BLzXXxJz.cjs} +2 -2
- package/dist/{sheet-DeE5_yNQ.cjs.map → sheet-BLzXXxJz.cjs.map} +1 -1
- package/dist/{sheet-yFj2S1UP.js → sheet-CrFAERdT.js} +3 -3
- package/dist/{sheet-yFj2S1UP.js.map → sheet-CrFAERdT.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/{slider-PwJTXAJc.js → slider-BAQ6ue43.js} +3 -3
- package/dist/{slider-PwJTXAJc.js.map → slider-BAQ6ue43.js.map} +1 -1
- package/dist/{slider-BN-GC2a_.cjs → slider-Ck3rrBuj.cjs} +2 -2
- package/dist/{slider-BN-GC2a_.cjs.map → slider-Ck3rrBuj.cjs.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-Calk9CE7.cjs → spinner-B1iL6lg7.cjs} +2 -2
- package/dist/{spinner-Calk9CE7.cjs.map → spinner-B1iL6lg7.cjs.map} +1 -1
- package/dist/{spinner-CA6KEbfu.js → spinner-Dp-BlzFE.js} +3 -3
- package/dist/{spinner-CA6KEbfu.js.map → spinner-Dp-BlzFE.js.map} +1 -1
- package/dist/{surface-VBotYgOg.js → surface-C-5hXuc0.js} +2 -2
- package/dist/{surface-VBotYgOg.js.map → surface-C-5hXuc0.js.map} +1 -1
- package/dist/{surface-QvhZSMt5.cjs → surface-KIYOpqYN.cjs} +2 -2
- package/dist/{surface-QvhZSMt5.cjs.map → surface-KIYOpqYN.cjs.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-n4ftE_xg.cjs → table-COiGzwHG.cjs} +2 -2
- package/dist/{table-n4ftE_xg.cjs.map → table-COiGzwHG.cjs.map} +1 -1
- package/dist/{table-Da6LJPGK.js → table-D5Y7TtBM.js} +2 -2
- package/dist/{table-Da6LJPGK.js.map → table-D5Y7TtBM.js.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-group-BK5fJqpY.js → tabs-group-DIv7H3ii.js} +2 -2
- package/dist/{tabs-group-BK5fJqpY.js.map → tabs-group-DIv7H3ii.js.map} +1 -1
- package/dist/{tabs-group-DThZAKqa.cjs → tabs-group-Dzw-rYWP.cjs} +2 -2
- package/dist/{tabs-group-DThZAKqa.cjs.map → tabs-group-Dzw-rYWP.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-BBKdEPAU.js +43 -0
- package/dist/{tailwind.mixin-DNlFmovi.js.map → tailwind.mixin-BBKdEPAU.js.map} +1 -1
- package/dist/tailwind.mixin-gE-6eUQA.cjs +2 -0
- package/dist/{tailwind.mixin-DYx3IacW.cjs.map → tailwind.mixin-gE-6eUQA.cjs.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/{teleport.component-Dose4RDi.js → teleport.component-DldJv9J6.js} +35 -35
- package/dist/{teleport.component-Dose4RDi.js.map → teleport.component-DldJv9J6.js.map} +1 -1
- package/dist/{teleport.component-D5v1j4mw.cjs → teleport.component-I1DFKmWM.cjs} +2 -2
- package/dist/{teleport.component-D5v1j4mw.cjs.map → teleport.component-I1DFKmWM.cjs.map} +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-DHrkcyt8.cjs → textarea-Cm_0BDw5.cjs} +2 -2
- package/dist/{textarea-DHrkcyt8.cjs.map → textarea-Cm_0BDw5.cjs.map} +1 -1
- package/dist/{textarea-JWBhOVdN.js → textarea-DWBpogxd.js} +2 -2
- package/dist/{textarea-JWBhOVdN.js.map → textarea-DWBpogxd.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-DBPnjBHL.cjs → theme-button-B7JR-68y.cjs} +2 -2
- package/dist/{theme-button-DBPnjBHL.cjs.map → theme-button-B7JR-68y.cjs.map} +1 -1
- package/dist/{theme-button-BL3unPDt.js → theme-button-CdjTjQE-.js} +2 -2
- package/dist/{theme-button-BL3unPDt.js.map → theme-button-CdjTjQE-.js.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/{theme.component-BNRB5zlE.cjs → theme.component-D0pi4zH5.cjs} +2 -2
- package/dist/{theme.component-BNRB5zlE.cjs.map → theme.component-D0pi4zH5.cjs.map} +1 -1
- package/dist/{theme.component-iZ2Ty0WM.js → theme.component-DWRFe6NX.js} +2 -2
- package/dist/{theme.component-iZ2Ty0WM.js.map → theme.component-DWRFe6NX.js.map} +1 -1
- package/dist/theme.js +1 -1
- package/dist/{tree-DK6ii57L.js → tree-COFA9Z7I.js} +2 -2
- package/dist/{tree-DK6ii57L.js.map → tree-COFA9Z7I.js.map} +1 -1
- package/dist/{tree-BU8SHE74.cjs → tree-D8SHnBQ7.cjs} +2 -2
- package/dist/{tree-BU8SHE74.cjs.map → tree-D8SHnBQ7.cjs.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-BcUBG7Dc.cjs → typewriter-B254asJ6.cjs} +2 -2
- package/dist/{typewriter-BcUBG7Dc.cjs.map → typewriter-B254asJ6.cjs.map} +1 -1
- package/dist/{typewriter-BUNcKCUM.js → typewriter-CKloAbr2.js} +4 -4
- package/dist/{typewriter-BUNcKCUM.js.map → typewriter-CKloAbr2.js.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-CLlDUD5O.cjs → typography-BjmgtlSe.cjs} +2 -2
- package/dist/{typography-CLlDUD5O.cjs.map → typography-BjmgtlSe.cjs.map} +1 -1
- package/dist/{typography-CasDFLVv.js → typography-C0__6Aqk.js} +2 -2
- package/dist/{typography-CasDFLVv.js.map → typography-C0__6Aqk.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +6 -6
- package/types/src/autocomplete/autocomplete.d.ts +16 -93
- package/types/src/chips/chip.d.ts +0 -2
- package/types/src/date-range/date-range.d.ts +14 -15
- package/types/src/input/input.d.ts +60 -80
- package/types/src/layout/flex/flex.d.ts +24 -1
- package/types/src/option/option.d.ts +2 -2
- package/types/src/select/select.d.ts +37 -15
- package/dist/autocomplete-8-xYgb2e.js +0 -212
- package/dist/autocomplete-8-xYgb2e.js.map +0 -1
- package/dist/autocomplete-CtUz_AlC.cjs +0 -43
- package/dist/autocomplete-CtUz_AlC.cjs.map +0 -1
- package/dist/date-range-Cvdpxn2J.js +0 -130
- package/dist/date-range-Cvdpxn2J.js.map +0 -1
- package/dist/date-range-DTUXT0Lf.cjs +0 -58
- package/dist/date-range-DTUXT0Lf.cjs.map +0 -1
- package/dist/input-6NTzj_Bn.js +0 -124
- package/dist/input-6NTzj_Bn.js.map +0 -1
- package/dist/input-CnvK8HG2.cjs +0 -43
- package/dist/input-CnvK8HG2.cjs.map +0 -1
- package/dist/menu-C4mb1XXA.cjs +0 -31
- package/dist/menu-C4mb1XXA.cjs.map +0 -1
- package/dist/menu-n_bI-TFp.js.map +0 -1
- package/dist/option-CxhioQ_d.js +0 -40
- package/dist/option-CxhioQ_d.js.map +0 -1
- package/dist/option-lA0IV4VJ.cjs +0 -14
- package/dist/option-lA0IV4VJ.cjs.map +0 -1
- package/dist/scroll-B-tqDDOP.js.map +0 -1
- package/dist/scroll-B7q9TYhV.cjs +0 -33
- package/dist/scroll-B7q9TYhV.cjs.map +0 -1
- package/dist/select-DAQdBUSl.cjs +0 -46
- package/dist/select-DAQdBUSl.cjs.map +0 -1
- package/dist/select-DUctHAIZ.js +0 -99
- package/dist/select-DUctHAIZ.js.map +0 -1
- package/dist/tailwind.mixin-DNlFmovi.js +0 -43
- package/dist/tailwind.mixin-DYx3IacW.cjs +0 -2
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { $ as f } from "./litElement.mixin-
|
|
5
|
-
import "./tailwind.mixin-
|
|
4
|
+
import { $ as f } from "./litElement.mixin-D9kneJpW.js";
|
|
5
|
+
import "./tailwind.mixin-BBKdEPAU.js";
|
|
6
6
|
import { css as v, html as c, LitElement as m } from "lit";
|
|
7
7
|
import { query as y, property as a, queryAssignedElements as u, customElement as x } from "lit/decorators.js";
|
|
8
8
|
import { ifDefined as b } from "lit/directives/if-defined.js";
|
|
@@ -120,4 +120,4 @@ export {
|
|
|
120
120
|
s as S,
|
|
121
121
|
o as a
|
|
122
122
|
};
|
|
123
|
-
//# sourceMappingURL=icon-button-
|
|
123
|
+
//# sourceMappingURL=icon-button-BFdAiGNP.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button-CEGE-KQJ.js","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'outlined' | 'text'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmnacyButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\twidth: fit-content;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button. Defaults to undefined.\n\t * @attr\n\t * @default 'filled'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button. Defaults to 'auto'.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width!: 'full' | 'auto'\n\n\t/**\n\t * The type of the button. Defaults to undefined.\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type!: 'button' | 'reset' | 'submit'\n\n\t/**\n\t * The URL the button points to.\n\t * @attr\n\t */\n\t@property()\n\tpublic href!: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['max-h-[24px]', 'max-w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'z-10 py-[8px] px-[16px] transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant == 'outlined' ||\n\t\t\t\t\tthis.variant == 'text' ||\n\t\t\t\t\tthis.variant == 'filled' ||\n\t\t\t\t\tthis.variant == 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant == 'elevated',\n\t\t\t'w-full tex-center': this.width == 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant == 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-solid border-outline': this.variant == 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant == 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant == 'filled tonal',\n\t\t\t'text-primary-default': this.variant == 'text',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t'hover:bg-primary-on': this.variant == 'filled',\n\t\t\t'hover:bg-primary-default': this.variant == 'outlined' || this.variant == 'elevated' || this.variant == 'text',\n\t\t\t'hover:bg-secondary-container': this.variant == 'filled tonal',\n\t\t}\n\t\treturn html`\n\t\t\t<button\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div> `)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot> </slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmnacyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * A button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The variant of the button. Defaults to undefined.\n\t * @attr\n\t * @default 'filled'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button. Defaults to 'auto'.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width!: 'full' | 'auto'\n\n\t/**\n\t * The type of the button. Defaults to undefined.\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type!: 'button' | 'reset' | 'submit'\n\n\t/**\n\t * The URL the button points to.\n\t * @attr\n\t */\n\t@property()\n\tpublic href!: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full z-10 transition-all duration-200 relative rounded-full inline-flex justify-center items-center focus:outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant == 'outlined' ||\n\t\t\t\t\tthis.variant == 'text' ||\n\t\t\t\t\tthis.variant == 'filled' ||\n\t\t\t\t\tthis.variant == 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant == 'elevated',\n\t\t\t'w-full tex-center': this.width == 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant == 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': this.variant == 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant == 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant == 'filled tonal',\n\t\t\t'text-primary-default': this.variant == 'text',\n\t\t\t'px-[6px] py-[6px]': this.size == 'sm',\n\t\t\t'px-[8px] py-[8px]': this.size == 'md',\n\t\t\t'px-[12px] py-[12px]': this.size == 'lg',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': this.variant == 'filled',\n\t\t\t'hover:bg-primary-default': this.variant == 'outlined' || this.variant == 'elevated' || this.variant == 'text',\n\t\t\t'hover:bg-secondary-container': this.variant == 'filled tonal',\n\t\t}\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html` <div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div> `)}\n\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t<slot> </slot\n\t\t\t\t></schmancy-icon>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmnacyButton","$LitElement","css","super","arguments","this","variant","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","options","nativeElement","focus","blur","prefixImgs","forEach","img","classList","add","imgClasses","suffixImgs","dispatchEvent","Event","bubbles","composed","classes","width","stateLayerClasses","html","ifDefined","ariaLabel","classMap","type","undefined","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","size","_changedProperties","render"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"icon-button-BFdAiGNP.js","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'outlined' | 'text'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmnacyButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\twidth: fit-content;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button. Defaults to undefined.\n\t * @attr\n\t * @default 'filled'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button. Defaults to 'auto'.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width!: 'full' | 'auto'\n\n\t/**\n\t * The type of the button. Defaults to undefined.\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type!: 'button' | 'reset' | 'submit'\n\n\t/**\n\t * The URL the button points to.\n\t * @attr\n\t */\n\t@property()\n\tpublic href!: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['max-h-[24px]', 'max-w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'z-10 py-[8px] px-[16px] transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant == 'outlined' ||\n\t\t\t\t\tthis.variant == 'text' ||\n\t\t\t\t\tthis.variant == 'filled' ||\n\t\t\t\t\tthis.variant == 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant == 'elevated',\n\t\t\t'w-full tex-center': this.width == 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant == 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-solid border-outline': this.variant == 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant == 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant == 'filled tonal',\n\t\t\t'text-primary-default': this.variant == 'text',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t'hover:bg-primary-on': this.variant == 'filled',\n\t\t\t'hover:bg-primary-default': this.variant == 'outlined' || this.variant == 'elevated' || this.variant == 'text',\n\t\t\t'hover:bg-secondary-container': this.variant == 'filled tonal',\n\t\t}\n\t\treturn html`\n\t\t\t<button\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html` <div class=\"${this.classMap(stateLayerClasses)}\"></div> `)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot> </slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmnacyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * A button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The variant of the button. Defaults to undefined.\n\t * @attr\n\t * @default 'filled'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button. Defaults to 'auto'.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width!: 'full' | 'auto'\n\n\t/**\n\t * The type of the button. Defaults to undefined.\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type!: 'button' | 'reset' | 'submit'\n\n\t/**\n\t * The URL the button points to.\n\t * @attr\n\t */\n\t@property()\n\tpublic href!: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full z-10 transition-all duration-200 relative rounded-full inline-flex justify-center items-center focus:outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant == 'outlined' ||\n\t\t\t\t\tthis.variant == 'text' ||\n\t\t\t\t\tthis.variant == 'filled' ||\n\t\t\t\t\tthis.variant == 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant == 'elevated',\n\t\t\t'w-full tex-center': this.width == 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant == 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': this.variant == 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant == 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant == 'filled tonal',\n\t\t\t'text-primary-default': this.variant == 'text',\n\t\t\t'px-[6px] py-[6px]': this.size == 'sm',\n\t\t\t'px-[8px] py-[8px]': this.size == 'md',\n\t\t\t'px-[12px] py-[12px]': this.size == 'lg',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': this.variant == 'filled',\n\t\t\t'hover:bg-primary-default': this.variant == 'outlined' || this.variant == 'elevated' || this.variant == 'text',\n\t\t\t'hover:bg-secondary-container': this.variant == 'filled tonal',\n\t\t}\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html` <div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div> `)}\n\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t<slot> </slot\n\t\t\t\t></schmancy-icon>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmnacyButton","$LitElement","css","super","arguments","this","variant","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","options","nativeElement","focus","blur","prefixImgs","forEach","img","classList","add","imgClasses","suffixImgs","dispatchEvent","Event","bubbles","composed","classes","width","stateLayerClasses","html","ifDefined","ariaLabel","classMap","type","undefined","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","size","_changedProperties","render"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { $ as m } from "./litElement.mixin-
|
|
5
|
-
import "./tailwind.mixin-
|
|
4
|
+
import { $ as m } from "./litElement.mixin-D9kneJpW.js";
|
|
5
|
+
import "./tailwind.mixin-BBKdEPAU.js";
|
|
6
6
|
import { css as c, html as p } from "lit";
|
|
7
7
|
import { property as d, state as h, customElement as y } from "lit/decorators.js";
|
|
8
8
|
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, l = (e, t, i, o) => {
|
|
@@ -50,4 +50,4 @@ let r = class extends m(c`
|
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
l([d({ type: String, reflect: !0 })], r.prototype, "size", 2), l([h()], r.prototype, "busy", 2), r = l([y("schmancy-icon")], r);
|
|
53
|
-
//# sourceMappingURL=icon-
|
|
53
|
+
//# sourceMappingURL=icon-pvbFfBbz.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-
|
|
1
|
+
{"version":3,"file":"icon-pvbFfBbz.js","sources":["../src/icons/icon.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n/**\n * @element schmancy-icon\n\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends $LitElement(css`\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\tfont-variation-settings:\n\t\t\t'FILL' 0,\n\t\t\t'wght' 400,\n\t\t\t'GRAD' 0,\n\t\t\t'opsz' 24;\n\t}\n\t:host {\n\t\tdisplay: flex;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsize: string = '24px'\n\n\t@state() busy = false\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (!document.head.querySelector('#material-icons')) {\n\t\t\tlet link = document.createElement('link', {\n\t\t\t\tis: 'material-icons',\n\t\t\t})\n\t\t\tlink.rel = 'stylesheet'\n\t\t\tlink.id = 'material-icons'\n\t\t\tlink.href =\n\t\t\t\t'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'\n\t\t\tdocument.querySelector('head')?.append(link)\n\t\t\tthis.busy = false\n\t\t}\n\t}\n\tprotected render(): unknown {\n\t\tconst style = {\n\t\t\tfontSize: this.size,\n\t\t\tmaxWidth: this.size,\n\t\t\toverflow: 'hidden',\n\t\t}\n\t\treturn html`\n\t\t\t<span class=\"material-symbols-outlined\" style=${this.styleMap(style)}> <slot .hidden=${this.busy}></slot> </span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}\n"],"names":["SchmancyIcon","$LitElement","css","super","arguments","this","size","busy","connectedCallback","document","head","querySelector","link","createElement","is","rel","id","href","append","style","fontSize","maxWidth","overflow","html","styleMap","__decorateClass","property","type","String","reflect","prototype","state","customElement"],"mappings":";;;;;;;;;;;AASA,IAAqBA,IAArB,cAA0CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAtD,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SAwBgBC,GAAAA,KAAAC,OAAA,QAECD,KAAAE,OAAAA;AAAAA,EAAA;AAAA,EAChB,oBAAAC;;AAEC,QADAL,MAAMK,kBACDC,GAAAA,CAAAA,SAASC,KAAKC,cAAc,iBAAoB,GAAA;AAChD,UAAAC,IAAOH,SAASI,cAAc,QAAQ,EACzCC,IAAI,iBAAA,CAAA;AAELF,QAAKG,MAAM,cACXH,EAAKI,KAAK,kBACVJ,EAAKK,OACJ,yHACDR,IAAAA,SAASE,cAAc,MAAA,MAAvBF,QAAAA,EAAgCS,OAAON,IACvCP,KAAKE,OAAAA;AAAAA,IAAO;AAAA,EACb;AAAA,EAES,SACT;AAAA,UAAMY,IAAQ,EACbC,UAAUf,KAAKC,MACfe,UAAUhB,KAAKC,MACfgB,UAAU,SAAA;AAEJ,WAAAC;AAAAA,mDAC0ClB,KAAKmB,SAASL,qBAAyBd,KAAKE,IAAAA;AAAAA;AAAAA,EAAI;AAxBlGkB;AAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,GAvBN7B,CAAAA,CAAAA,GAAAA,EAwBpB8B,WAAA,QAAA,IAESL,EAAA,CAARM,EA1BmB/B,CAAAA,GAAAA,EA0BX8B,WAAA,QAAA,IA1BW9B,IAArByB,EAAA,CADCO,EAAc,eACMhC,CAAAA,GAAAA,CAAAA;"}
|
package/dist/icons.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./icon-
|
|
1
|
+
"use strict";require("./icon-Dr1MeHJo.cjs");
|
|
2
2
|
//# sourceMappingURL=icons.cjs.map
|
package/dist/icons.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-pvbFfBbz.js";
|
|
2
2
|
//# sourceMappingURL=icons.js.map
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-CaUJr-yL.cjs");const r=require("./area.component-DJYgP8NP.cjs");require("./autocomplete-CFcZcrJm.cjs"),require("./spinner-B1iL6lg7.cjs");const o=require("./icon-button-B1Hzc1qy.cjs"),e=require("./teleport.component-I1DFKmWM.cjs"),S=require("./checkbox-Drf8MwrJ.cjs");require("./chips-8SMj1Siq.cjs");const u=require("./payment-card-form-BlusjI2Q.cjs");require("./date-range-CAFOX_Sm.cjs");const y=require("./delay-_LA9VzS1.cjs"),n=require("./ripple-C2BHbhcS.cjs");require("./divider-DUvuIyeA.cjs"),require("./form-Dga1_eim.cjs"),require("./icon-Dr1MeHJo.cjs"),require("./input-1-LnDYbT.cjs");const c=require("./scroll-BqLesKK7.cjs"),m=require("./list-DSyxyPI_.cjs");require("./menu-XffIwQSn.cjs");const a=require("./outlet-881x1gpm.cjs");require("./option-Dcuv7dNV.cjs");const b=require("./radio-group-DE6ao3xB.cjs"),l=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const d=require("./select-N1WX3mjc.cjs"),t=require("./sheet-BLzXXxJz.cjs"),h=require("./slider-Ck3rrBuj.cjs"),p=require("./surface-KIYOpqYN.cjs");require("./table-COiGzwHG.cjs"),require("./tabs-group-Dzw-rYWP.cjs"),require("./textarea-Cm_0BDw5.cjs");const i=require("./theme.component-D0pi4zH5.cjs"),g=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-B7JR-68y.cjs");const f=require("./tree-D8SHnBQ7.cjs"),q=require("./types.cjs"),O=require("./typewriter-B254asJ6.cjs"),w=require("./typography-BjmgtlSe.cjs");exports.FINDING_MORTIES=r.FINDING_MORTIES,exports.HERE_RICKY=r.HERE_RICKY,exports.HISTORY_STRATEGY=r.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>r.SchmancyArea}),exports.area=r.area,exports.routerHistory=r.routerHistory,Object.defineProperty(exports,"SchmnacyButton",{enumerable:!0,get:()=>o.SchmnacyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>o.SchmnacyIconButton}),exports.$drawer=e.$drawer,exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.schmancyContentDrawer=e.schmancyContentDrawer,exports.schmancyNavDrawer=e.schmancyNavDrawer,exports.teleport=e.teleport,Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>S.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>u.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>y.SchmancyDelay}),exports.delayContext=y.delayContext,exports.color=n.color,exports.fullHeight=n.fullHeight,exports.ripple=n.ripple,Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>c.SchmancyFlex}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>c.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>c.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.$notify=a.$notify,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>a.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationOutlet",{enumerable:!0,get:()=>a.SchmancyNotificationOutlet}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>b.RadioGroup}),exports.mutationObserver=l.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>d.SchmancySelect}),exports.SchmancySheetPosition=t.SchmancySheetPosition,exports.SheetHereMorty=t.SheetHereMorty,exports.SheetWhereAreYouRicky=t.SheetWhereAreYouRicky,exports.sheet=t.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>h.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>h.SchmancySlider}),Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>p.SchmancySurface}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>i.SchmancyThemeComponent}),exports.formateTheme=i.formateTheme,exports.tailwindStyles=i.tailwindStyles,exports.SchmancyTheme=g.SchmancyTheme,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>f.SchmancyTree}),exports.SchmancyEvents=q.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>O.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>w.SchmancyTypography});
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,103 +1,104 @@
|
|
|
1
|
-
import "./animated-text-
|
|
2
|
-
import { F as
|
|
3
|
-
import "./autocomplete-
|
|
4
|
-
import "./spinner-
|
|
5
|
-
import { S as
|
|
6
|
-
import { $ as
|
|
7
|
-
import { S as
|
|
8
|
-
import "./chips-
|
|
9
|
-
import { S as
|
|
10
|
-
import "./date-range-
|
|
11
|
-
import { S as
|
|
12
|
-
import { c as
|
|
13
|
-
import "./divider-
|
|
14
|
-
import "./form-
|
|
15
|
-
import "./icon-
|
|
16
|
-
import "./input-
|
|
17
|
-
import { S as
|
|
18
|
-
import { L as
|
|
19
|
-
import "./menu-
|
|
20
|
-
import { $ as
|
|
21
|
-
import "./option-
|
|
22
|
-
import { R as
|
|
23
|
-
import { mutationObserver as
|
|
1
|
+
import "./animated-text-D8LhwMLu.js";
|
|
2
|
+
import { F as C, H as d, b as T, S as b, a as u, r as N } from "./area.component-FgfXnOUF.js";
|
|
3
|
+
import "./autocomplete-C36FPrMT.js";
|
|
4
|
+
import "./spinner-Dp-BlzFE.js";
|
|
5
|
+
import { S as R, a as v } from "./icon-button-BFdAiGNP.js";
|
|
6
|
+
import { $ as M, H as g, e as E, b as A, f as Y, c as k, d as F, g as G, S as O, a as W, i as $, k as L, l as _, m as B, j as P, n as j, o as K, W as q, s as z, h as J, t as Q } from "./teleport.component-DldJv9J6.js";
|
|
7
|
+
import { S as V } from "./checkbox-Sf2HtMs9.js";
|
|
8
|
+
import "./chips-CA-B5JGD.js";
|
|
9
|
+
import { S as Z } from "./payment-card-form-D2NiZkJM.js";
|
|
10
|
+
import "./date-range-BFW0xGWz.js";
|
|
11
|
+
import { S as ra, d as ea } from "./delay-DbaKftdS.js";
|
|
12
|
+
import { c as oa, f as ca, r as ma } from "./ripple-BumgqsDT.js";
|
|
13
|
+
import "./divider-Ba1jSOh5.js";
|
|
14
|
+
import "./form-H0pfjyGl.js";
|
|
15
|
+
import "./icon-pvbFfBbz.js";
|
|
16
|
+
import "./input-CBjD2PL8.js";
|
|
17
|
+
import { S as sa, a as Sa, b as ha } from "./scroll-BbqxMyDc.js";
|
|
18
|
+
import { L as ya, S as pa } from "./list-BdN19pT0.js";
|
|
19
|
+
import "./menu-DjWA-lYK.js";
|
|
20
|
+
import { $ as xa, S as la, a as wa } from "./outlet-oc58T2jq.js";
|
|
21
|
+
import "./option-C4fWPkxl.js";
|
|
22
|
+
import { R as Ca } from "./radio-group-BALwJIFj.js";
|
|
23
|
+
import { mutationObserver as Ta } from "./rxjs-utils.js";
|
|
24
24
|
import "rxjs";
|
|
25
25
|
import "./index-CuY8m6ta.js";
|
|
26
|
-
import "./select-
|
|
27
|
-
import { S as
|
|
28
|
-
import { S as
|
|
29
|
-
import { S as
|
|
30
|
-
import "./table-
|
|
31
|
-
import "./tabs-group-
|
|
32
|
-
import "./textarea-
|
|
33
|
-
import { S as
|
|
34
|
-
import { S as
|
|
35
|
-
import "./theme-button-
|
|
36
|
-
import { S as
|
|
37
|
-
import { SchmancyEvents as
|
|
38
|
-
import { T as
|
|
39
|
-
import { S as
|
|
26
|
+
import { S as ua } from "./select-CaBI5TrW.js";
|
|
27
|
+
import { S as Ha, b as Ra, a as va, s as Ia } from "./sheet-CrFAERdT.js";
|
|
28
|
+
import { S as ga, a as Ea } from "./slider-BAQ6ue43.js";
|
|
29
|
+
import { S as Ya } from "./surface-C-5hXuc0.js";
|
|
30
|
+
import "./table-D5Y7TtBM.js";
|
|
31
|
+
import "./tabs-group-DIv7H3ii.js";
|
|
32
|
+
import "./textarea-DWBpogxd.js";
|
|
33
|
+
import { S as Fa, f as Ga, t as Oa } from "./theme.component-DWRFe6NX.js";
|
|
34
|
+
import { S as $a } from "./theme.interface-C5Kj6WjD.js";
|
|
35
|
+
import "./theme-button-CdjTjQE-.js";
|
|
36
|
+
import { S as _a } from "./tree-COFA9Z7I.js";
|
|
37
|
+
import { SchmancyEvents as Pa } from "./types.js";
|
|
38
|
+
import { T as Ka } from "./typewriter-CKloAbr2.js";
|
|
39
|
+
import { S as za } from "./typography-C0__6Aqk.js";
|
|
40
40
|
export {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
ga as
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
Ra as
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
41
|
+
M as $drawer,
|
|
42
|
+
xa as $notify,
|
|
43
|
+
C as FINDING_MORTIES,
|
|
44
|
+
d as HERE_RICKY,
|
|
45
|
+
T as HISTORY_STRATEGY,
|
|
46
|
+
g as HereMorty,
|
|
47
|
+
ya as List,
|
|
48
|
+
Ca as RadioGroup,
|
|
49
|
+
b as SchmancyArea,
|
|
50
|
+
V as SchmancyCheckbox,
|
|
51
|
+
E as SchmancyContentDrawer,
|
|
52
|
+
A as SchmancyContentDrawerID,
|
|
53
|
+
Y as SchmancyContentDrawerMain,
|
|
54
|
+
k as SchmancyContentDrawerMaxHeight,
|
|
55
|
+
F as SchmancyContentDrawerMinWidth,
|
|
56
|
+
G as SchmancyContentDrawerSheet,
|
|
57
|
+
O as SchmancyContentDrawerSheetMode,
|
|
58
|
+
W as SchmancyContentDrawerSheetState,
|
|
59
|
+
ra as SchmancyDelay,
|
|
60
|
+
$ as SchmancyDrawerAppbar,
|
|
61
|
+
L as SchmancyDrawerNavbarMode,
|
|
62
|
+
_ as SchmancyDrawerNavbarState,
|
|
63
|
+
Pa as SchmancyEvents,
|
|
64
|
+
sa as SchmancyFlex,
|
|
65
|
+
Sa as SchmancyGrid,
|
|
66
|
+
pa as SchmancyListItem,
|
|
67
|
+
B as SchmancyNavigationDrawer,
|
|
68
|
+
P as SchmancyNavigationDrawerContent,
|
|
69
|
+
j as SchmancyNavigationDrawerSidebar,
|
|
70
|
+
la as SchmancyNotification,
|
|
71
|
+
wa as SchmancyNotificationOutlet,
|
|
72
|
+
Z as SchmancyPaymentCardForm,
|
|
73
|
+
ha as SchmancyScroll,
|
|
74
|
+
ua as SchmancySelect,
|
|
75
|
+
Ha as SchmancySheetPosition,
|
|
76
|
+
ga as SchmancySlide,
|
|
77
|
+
Ea as SchmancySlider,
|
|
78
|
+
Ya as SchmancySurface,
|
|
79
|
+
K as SchmancyTeleportation,
|
|
80
|
+
$a as SchmancyTheme,
|
|
81
|
+
Fa as SchmancyThemeComponent,
|
|
82
|
+
_a as SchmancyTree,
|
|
83
|
+
za as SchmancyTypography,
|
|
84
|
+
R as SchmnacyButton,
|
|
85
|
+
v as SchmnacyIconButton,
|
|
86
|
+
Ra as SheetHereMorty,
|
|
87
|
+
va as SheetWhereAreYouRicky,
|
|
88
|
+
Ka as TypewriterElement,
|
|
89
|
+
q as WhereAreYouRicky,
|
|
90
|
+
u as area,
|
|
91
|
+
oa as color,
|
|
92
|
+
ea as delayContext,
|
|
93
|
+
Ga as formateTheme,
|
|
93
94
|
ca as fullHeight,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
95
|
+
Ta as mutationObserver,
|
|
96
|
+
ma as ripple,
|
|
97
|
+
N as routerHistory,
|
|
98
|
+
z as schmancyContentDrawer,
|
|
99
|
+
J as schmancyNavDrawer,
|
|
100
|
+
Ia as sheet,
|
|
101
|
+
Oa as tailwindStyles,
|
|
102
|
+
Q as teleport
|
|
102
103
|
};
|
|
103
104
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";const c=require("lit"),i=require("lit/decorators.js"),m=require("lit/directives/class-map.js"),n=require("lit/directives/if-defined.js"),f=require("lit/directives/ref.js"),b=require("lit/directives/when.js"),s=require("rxjs");require("lit/directives/style-map.js");const g=require("./tailwind.mixin-gE-6eUQA.cjs"),y=require("./ripple-C2BHbhcS.cjs"),h=require("./theme.interface-Xg5Zi46a.cjs");var v=Object.defineProperty,$=Object.getOwnPropertyDescriptor,r=(e,o,a,p)=>{for(var u,l=p>1?void 0:p?$(o,a):o,d=e.length-1;d>=0;d--)(u=e[d])&&(l=(p?u(o,a,l):u(l))||l);return p&&l&&v(o,a,l),l};let t=class extends g.TailwindElement(){constructor(){if(super(),this.id="",this.label="",this.type="text",this.name=`name_${Date.now()}`,this.placeholder="",this.value="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clickable=!1,this.spellcheck=!1,this.align="left",this.autofocus=!1,this.autocomplete="off",this.tabIndex=0,this.error=!1,this.inputRef=f.createRef(),"attachInternals"in this)try{this.internals=this.attachInternals()}catch{this.internals=void 0}}willUpdate(e){this.id||(this.id="schmancy-input-"+t._idCounter++),super.willUpdate(e)}get form(){var e;return((e=this.internals)==null?void 0:e.form)??null}updated(e){var o,a,p;super.updated(e),e.has("value")&&((o=this.internals)==null||o.setFormValue(this.value)),e.has("error")&&(this.error?(a=this.internals)==null||a.setValidity({customError:!0},"Invalid input",this.inputElement):(p=this.internals)==null||p.setValidity({}))}checkValidity(){var e;return((e=this.inputRef.value)==null?void 0:e.checkValidity())??!0}reportValidity(){var e;return((e=this.inputRef.value)==null?void 0:e.reportValidity())??!0}setCustomValidity(e){var o;(o=this.inputRef.value)==null||o.setCustomValidity(e)}firstUpdated(){this.autofocus&&this.focus(),s.fromEvent(this.inputElement,"input").pipe(s.map(e=>e.target.value),s.distinctUntilChanged(),s.takeUntil(this.disconnecting)).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("input",{detail:{value:e},bubbles:!0,composed:!0}))}),s.fromEvent(this.inputElement,"change").pipe(s.map(e=>e.target.value),s.distinctUntilChanged(),s.takeUntil(this.disconnecting)).subscribe(e=>{this.value=e,this.dispatchEvent(new CustomEvent("change",{detail:{value:e},bubbles:!0,composed:!0}))}),s.fromEvent(this.inputElement,"keyup").pipe(s.filter(e=>e.key==="Enter"),s.takeUntil(this.disconnecting)).subscribe(e=>{const{value:o}=e.target;this.value=o,this.dispatchEvent(new CustomEvent("enter",{detail:{value:o},bubbles:!0,composed:!0}))}),s.fromEvent(this.inputElement,"animationstart").pipe(s.filter(e=>e.animationName==="onAutoFillStart"),s.takeUntil(this.disconnecting)).subscribe(e=>{const{value:o}=e.target;this.value=o,this.dispatchEvent(new CustomEvent("change",{detail:{value:o},bubbles:!0,composed:!0}))})}select(){var e;return(e=this.inputRef.value)==null?void 0:e.select()}getValidity(){var e;return(e=this.inputRef.value)==null?void 0:e.validity}focus(e){var o;(o=this.inputRef.value)==null||o.focus(e),this.dispatchEvent(new Event("focus"))}click(){var e;(e=this.inputRef.value)==null||e.click(),this.dispatchEvent(new Event("click"))}blur(){var e;(e=this.inputRef.value)==null||e.blur(),this.dispatchEvent(new Event("blur"))}render(){const e={"w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]":!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,"caret-transparent focus:outline-hidden cursor-pointer text-select-none":this.readonly,"cursor-pointer":this.clickable,"text-center":this.align==="center","text-right":this.align==="right"},o={"opacity-40":this.disabled,"block mb-[4px]":!0};return c.html`
|
|
2
|
+
${b.when(this.label,()=>c.html`
|
|
3
|
+
<label
|
|
4
|
+
for=${this.id}
|
|
5
|
+
id="label-${this.id}"
|
|
6
|
+
class=${m.classMap(o)}
|
|
7
|
+
${y.color({color:this.error?h.SchmancyTheme.sys.color.error.default:h.SchmancyTheme.sys.color.primary.default})}
|
|
8
|
+
>
|
|
9
|
+
<schmancy-typography type="label" token="lg">${this.label}</schmancy-typography>
|
|
10
|
+
</label>
|
|
11
|
+
`)}
|
|
12
|
+
|
|
13
|
+
<form .autocomplete=${this.autocomplete==="off"?"off":"on"}>
|
|
14
|
+
<input
|
|
15
|
+
${y.color({bgColor:h.SchmancyTheme.sys.color.surface.highest,color:h.SchmancyTheme.sys.color.surface.on})}
|
|
16
|
+
${f.ref(this.inputRef)}
|
|
17
|
+
id=${this.id}
|
|
18
|
+
name=${this.name}
|
|
19
|
+
class=${m.classMap(e)}
|
|
20
|
+
.value=${this.value}
|
|
21
|
+
.type=${this.type}
|
|
22
|
+
.autocomplete=${this.autocomplete}
|
|
23
|
+
.spellcheck=${this.spellcheck}
|
|
24
|
+
placeholder=${this.placeholder}
|
|
25
|
+
inputmode=${n.ifDefined(this.inputmode)}
|
|
26
|
+
pattern=${n.ifDefined(this.pattern)}
|
|
27
|
+
step=${n.ifDefined(this.step)}
|
|
28
|
+
minlength=${n.ifDefined(this.minlength)}
|
|
29
|
+
maxlength=${n.ifDefined(this.maxlength)}
|
|
30
|
+
min=${n.ifDefined(this.min)}
|
|
31
|
+
max=${n.ifDefined(this.max)}
|
|
32
|
+
?required=${this.required}
|
|
33
|
+
?disabled=${this.disabled}
|
|
34
|
+
?readonly=${this.readonly}
|
|
35
|
+
aria-invalid=${this.error?"true":"false"}
|
|
36
|
+
aria-required=${this.required?"true":"false"}
|
|
37
|
+
aria-labelledby=${this.label?`label-${this.id}`:c.nothing}
|
|
38
|
+
aria-describedby=${this.hint?`hint-${this.id}`:c.nothing}
|
|
39
|
+
aria-label=${n.ifDefined(this.label?void 0:this.placeholder||"Input")}
|
|
40
|
+
/>
|
|
41
|
+
</form>
|
|
42
|
+
|
|
43
|
+
${b.when(this.hint,()=>c.html`
|
|
44
|
+
<div
|
|
45
|
+
id="hint-${this.id}"
|
|
46
|
+
class="pt-[4px]"
|
|
47
|
+
${y.color({color:this.error?h.SchmancyTheme.sys.color.error.default:h.SchmancyTheme.sys.color.primary.default})}
|
|
48
|
+
>
|
|
49
|
+
<schmancy-typography align="left" type="body" token="sm"> ${this.hint} </schmancy-typography>
|
|
50
|
+
</div>
|
|
51
|
+
`)}
|
|
52
|
+
`}};t._idCounter=0,t.formAssociated=!0,t.shadowRootOptions={...c.LitElement.shadowRootOptions,delegatesFocus:!0},r([i.property({reflect:!0})],t.prototype,"id",2),r([i.property({type:String})],t.prototype,"label",2),r([i.property({reflect:!0})],t.prototype,"type",2),r([i.property()],t.prototype,"name",2),r([i.property()],t.prototype,"placeholder",2),r([i.property({type:String,reflect:!0})],t.prototype,"value",2),r([i.property({type:String,reflect:!0})],t.prototype,"pattern",2),r([i.property({type:Boolean,reflect:!0})],t.prototype,"required",2),r([i.property({type:Boolean,reflect:!0})],t.prototype,"disabled",2),r([i.property({type:Boolean,reflect:!0})],t.prototype,"readonly",2),r([i.property({type:Boolean,reflect:!0})],t.prototype,"clickable",2),r([i.property({type:Boolean,reflect:!0})],t.prototype,"spellcheck",2),r([i.property({type:String,reflect:!0})],t.prototype,"align",2),r([i.property()],t.prototype,"inputmode",2),r([i.property({type:Number})],t.prototype,"minlength",2),r([i.property({type:Number})],t.prototype,"maxlength",2),r([i.property()],t.prototype,"min",2),r([i.property()],t.prototype,"max",2),r([i.property({type:Number,reflect:!0})],t.prototype,"step",2),r([i.property({type:Boolean})],t.prototype,"autofocus",2),r([i.property({type:String})],t.prototype,"autocomplete",2),r([i.property({type:Number,reflect:!0})],t.prototype,"tabIndex",2),r([i.property()],t.prototype,"hint",2),r([i.property({type:Boolean,reflect:!0})],t.prototype,"error",2),r([i.query("input")],t.prototype,"inputElement",2),t=r([i.customElement("schmancy-input")],t);
|
|
53
|
+
//# sourceMappingURL=input-1-LnDYbT.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-1-LnDYbT.cjs","sources":["../src/input/input.ts"],"sourcesContent":["import { html, LitElement, PropertyValueMap, nothing } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.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, takeUntil } from 'rxjs'\n\nimport { TailwindElement } from '@mixins/index'\n\n// color directive + theme interface\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\n// If you want to be form-associated, define the type on `ElementInternals`.\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input': SchmancyInput\n\t}\n}\n\ntype EventDetails = {\n\tvalue: string\n}\n\n/**\n * Custom events the component may emit:\n * - 'input': on every keystroke\n * - 'change': on native blur/change\n * - 'enter': specifically when user presses Enter\n */\nexport type SchmancyInputInputEvent = CustomEvent<EventDetails>\nexport type SchmancyInputChangeEvent = CustomEvent<EventDetails>\nexport type SchmancyInputEnterEvent = CustomEvent<EventDetails>\n\n/** Common autocomplete/autofill hints. Extend as needed. */\ntype AutoFill =\n\t| 'on'\n\t| 'off'\n\t| 'name'\n\t| 'username'\n\t| 'email'\n\t| 'new-password'\n\t| 'current-password'\n\t| 'organization-title'\n\t| 'none'\n\n@customElement('schmancy-input')\nexport default class SchmancyInput extends TailwindElement() {\n\t// ----------------------------\n\t// A) Public properties\n\t// ----------------------------\n\n\t/** If user does NOT set `id`, we'll autogenerate one. */\n\tstatic _idCounter = 0\n\n\t@property({ reflect: true })\n\tpublic override id = ''\n\n\t/**\n\t * The label for the control. If populated, we render a `<label for=\"...\">`.\n\t * If empty, we add an `aria-label` to the <input> for better screenreader support.\n\t */\n\t@property({ type: String }) label = ''\n\n\t/**\n\t * The type of input. (e.g. 'text', 'password', 'email', etc.)\n\t */\n\t@property({ reflect: true })\n\tpublic type:\n\t\t| 'email'\n\t\t| 'number'\n\t\t| 'password'\n\t\t| 'search'\n\t\t| 'tel'\n\t\t| 'text'\n\t\t| 'url'\n\t\t| 'date'\n\t\t| 'datetime-local'\n\t\t| 'time'\n\t\t| 'month'\n\t\t| 'week'\n\t\t| 'color'\n\t\t| 'file' = 'text'\n\n\t/**\n\t * Name attribute (for form submissions). By default, a unique fallback.\n\t */\n\t@property()\n\tpublic name = `name_${Date.now()}`\n\n\t@property()\n\tpublic placeholder = ''\n\n\t/** Current value of the input. */\n\t@property({ type: String, reflect: true })\n\tpublic value = ''\n\n\t/** Pattern validation attribute. */\n\t@property({ type: String, reflect: true })\n\tpublic pattern?: string\n\n\t/** Whether the control is required for form validation. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic required = false\n\n\t/** Whether the control is disabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t/** Whether the input is read-only. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic readonly = false\n\n\t/** If true, we visually show a pointer cursor even if readOnly. */\n\t@property({ type: Boolean, reflect: true }) public clickable = false\n\n\t/** Whether browser spellcheck is enabled. */\n\t@property({ type: Boolean, reflect: true })\n\tpublic spellcheck = false\n\n\t/**\n\t * Text alignment within the input.\n\t * - 'left' | 'center' | 'right'\n\t */\n\t@property({ type: String, reflect: true })\n\tpublic align: 'left' | 'center' | 'right' = 'left'\n\n\t/** inputmode attribute (affects on-screen keyboards in mobile). */\n\t@property()\n\tpublic inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'\n\n\t@property({ type: Number })\n\tpublic minlength?: number\n\n\t@property({ type: Number })\n\tpublic maxlength?: number\n\n\t@property()\n\tpublic min?: string\n\n\t@property()\n\tpublic max?: string\n\n\t@property({ type: Number, reflect: true })\n\tpublic step?: number\n\n\t/** If true, auto-focus this input on first render. */\n\t@property({ type: Boolean })\n\tpublic autofocus = false\n\n\t/** Autocomplete/autofill hints. */\n\t@property({ type: String })\n\tpublic autocomplete: AutoFill = 'off'\n\n\t/**\n\t * tabIndex for focusing by tab key. Typically 0 or -1.\n\t */\n\t@property({ type: Number, reflect: true })\n\tpublic tabIndex = 0\n\n\t/**\n\t * A small hint text or error message to display under the input.\n\t */\n\t@property()\n\tpublic hint?: string\n\n\t/**\n\t * If true, we style the input as an error state, and possibly display\n\t * the hint as an error message.\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic error = false\n\n\t// ----------------------------\n\t// B) Queries & Refs\n\t// ----------------------------\n\t@query('input') private inputElement!: HTMLInputElement\n\tprivate inputRef = createRef<HTMLInputElement>()\n\n\t// ----------------------------\n\t// C) Form-associated logic\n\t// ----------------------------\n\tstatic formAssociated = true\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true, // so focus() goes to <input>\n\t}\n\n\tprivate internals?: ElementInternals\n\n\tconstructor() {\n\t\tsuper()\n\t\tif ('attachInternals' in this) {\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\t// no-op for older browsers / polyfills\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * If user did not provide an ID, auto-generate one so <label for=\"...\">\n\t * and various aria-* attributes can reference it.\n\t */\n\tprotected override willUpdate(changedProps: PropertyValueMap<any> | Map<PropertyKey, unknown>) {\n\t\tif (!this.id) {\n\t\t\tthis.id = `schmancy-input-${SchmancyInput._idCounter++}`\n\t\t}\n\t\tsuper.willUpdate(changedProps)\n\t}\n\n\t/** The form this element is associated with, if any. */\n\tget form() {\n\t\treturn this.internals?.form ?? null\n\t}\n\n\tprotected override updated(changedProps: Map<string, unknown>) {\n\t\tsuper.updated(changedProps)\n\t\tif (changedProps.has('value')) {\n\t\t\t// Reflect the current value to the form internals, so it’s submitted.\n\t\t\tthis.internals?.setFormValue(this.value)\n\t\t}\n\n\t\tif (changedProps.has('error')) {\n\t\t\t// If we have an error state, we can set custom error validity, or none if resolved.\n\t\t\tif (this.error) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, 'Invalid input', this.inputElement)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Native form methods:\n\t * - checkValidity()\n\t * - reportValidity()\n\t * - setCustomValidity()\n\t */\n\tpublic checkValidity() {\n\t\treturn this.inputRef.value?.checkValidity() ?? true\n\t}\n\tpublic reportValidity() {\n\t\treturn this.inputRef.value?.reportValidity() ?? true\n\t}\n\tpublic setCustomValidity(message: string) {\n\t\tthis.inputRef.value?.setCustomValidity(message)\n\t}\n\n\t// ----------------------------\n\t// D) Lifecycle Hooks\n\t// ----------------------------\n\tfirstUpdated() {\n\t\t// Autofocus if desired\n\t\tif (this.autofocus) {\n\t\t\tthis.focus()\n\t\t}\n\n\t\t// 1) Subscribe to 'input' events (every keystroke)\n\t\tfromEvent<InputEvent>(this.inputElement, 'input')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(value => {\n\t\t\t\tthis.value = value\n\t\t\t\t// Fire custom 'input' event with details\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent<EventDetails>('input', {\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\n\t\t// 2) Subscribe to 'change' events (native behavior, usually on blur)\n\t\tfromEvent<Event>(this.inputElement, 'change')\n\t\t\t.pipe(\n\t\t\t\tmap(ev => (ev.target as HTMLInputElement).value),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\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\n\t\t// 3) Emit a custom 'enter' event when user presses Enter\n\t\tfromEvent<KeyboardEvent>(this.inputElement, 'keyup')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.key === 'Enter'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\n\t\t\t\tthis.value = value\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\n\t\t// 4) Detect autofill animation (Chrome, etc.)\n\t\tfromEvent<AnimationEvent>(this.inputElement, 'animationstart')\n\t\t\t.pipe(\n\t\t\t\tfilter(ev => ev.animationName === 'onAutoFillStart'),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(ev => {\n\t\t\t\tconst { value } = ev.target as HTMLInputElement\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}\n\n\t// ----------------------------\n\t// E) Utility Methods\n\t// ----------------------------\n\t/** Selects all text within the input. */\n\tpublic select() {\n\t\treturn this.inputRef.value?.select()\n\t}\n\n\t/** Returns the native validity state of the inner <input>. */\n\tpublic getValidity(): ValidityState | undefined {\n\t\treturn this.inputRef.value?.validity\n\t}\n\n\t/**\n\t * Override to forward focus to the internal <input>.\n\t * Also dispatch a 'focus' event for external listeners.\n\t */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.inputRef.value?.focus(options)\n\t\tthis.dispatchEvent(new Event('focus'))\n\t}\n\n\t/**\n\t * Override to forward clicks to the internal <input>.\n\t * Also dispatch a 'click' event for external listeners.\n\t */\n\tpublic override click() {\n\t\tthis.inputRef.value?.click()\n\t\tthis.dispatchEvent(new Event('click'))\n\t}\n\n\t/** Forward blur to the internal <input>. */\n\tpublic override blur() {\n\t\tthis.inputRef.value?.blur()\n\t\tthis.dispatchEvent(new Event('blur'))\n\t}\n\n\t// ----------------------------\n\t// F) Rendering\n\t// ----------------------------\n\tprotected override render() {\n\t\tconst inputClasses = {\n\t\t\t'w-full flex-1 h-[50px] rounded-[8px] border-0 px-[8px] sm:px-[12px] md:px-[16px]': 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// If not in error state, use standard ring color:\n\t\t\t'ring-primary-default ring-outline focus:ring-primary-default': !this.error,\n\t\t\t// Error ring override:\n\t\t\t'ring-error-default focus:ring-error-default': this.error,\n\t\t\t// If read-only but \"clickable\" is true, show pointer. Otherwise normal text cursor.\n\t\t\t'caret-transparent focus:outline-hidden cursor-pointer text-select-none': this.readonly,\n\t\t\t'cursor-pointer': this.clickable,\n\t\t\t// Alignment classes:\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-right': this.align === 'right',\n\t\t}\n\n\t\tconst labelClasses = {\n\t\t\t'opacity-40': this.disabled,\n\t\t\t'block mb-[4px]': true,\n\t\t}\n\n\t\t/**\n\t\t * - If `this.label` is present, we render a proper `<label for=\"${this.id}\">`.\n\t\t * - If not, we add an aria-label to the <input> for better accessibility.\n\t\t * - If there's a `hint`, we reference it via aria-describedby.\n\t\t * - If there's an error, we set aria-invalid and could set aria-errormessage.\n\t\t */\n\t\treturn html`\n\t\t\t${when(\n\t\t\t\tthis.label,\n\t\t\t\t() => html`\n\t\t\t\t\t<label\n\t\t\t\t\t\tfor=${this.id}\n\t\t\t\t\t\tid=\"label-${this.id}\"\n\t\t\t\t\t\tclass=${classMap(labelClasses)}\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>\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\t`,\n\t\t\t)}\n\n\t\t\t<form .autocomplete=${this.autocomplete === 'off' ? 'off' : 'on'}>\n\t\t\t\t<input\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.inputRef)}\n\t\t\t\t\tid=${this.id}\n\t\t\t\t\tname=${this.name}\n\t\t\t\t\tclass=${classMap(inputClasses)}\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t\t.type=${this.type}\n\t\t\t\t\t.autocomplete=${this.autocomplete}\n\t\t\t\t\t.spellcheck=${this.spellcheck}\n\t\t\t\t\tplaceholder=${this.placeholder}\n\t\t\t\t\tinputmode=${ifDefined(this.inputmode)}\n\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\tstep=${ifDefined(this.step)}\n\t\t\t\t\tminlength=${ifDefined(this.minlength)}\n\t\t\t\t\tmaxlength=${ifDefined(this.maxlength)}\n\t\t\t\t\tmin=${ifDefined(this.min)}\n\t\t\t\t\tmax=${ifDefined(this.max)}\n\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t\t?readonly=${this.readonly}\n\t\t\t\t\taria-invalid=${this.error ? 'true' : 'false'}\n\t\t\t\t\taria-required=${this.required ? 'true' : 'false'}\n\t\t\t\t\taria-labelledby=${this.label ? `label-${this.id}` : nothing}\n\t\t\t\t\taria-describedby=${this.hint ? `hint-${this.id}` : nothing}\n\t\t\t\t\taria-label=${ifDefined(!this.label ? this.placeholder || 'Input' : undefined)}\n\t\t\t\t/>\n\t\t\t</form>\n\n\t\t\t${when(\n\t\t\t\tthis.hint,\n\t\t\t\t() => html`\n\t\t\t\t\t<div\n\t\t\t\t\t\tid=\"hint-${this.id}\"\n\t\t\t\t\t\tclass=\"pt-[4px]\"\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>\n\t\t\t\t\t\t<schmancy-typography align=\"left\" type=\"body\" token=\"sm\"> ${this.hint} </schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t`,\n\t\t\t)}\n\t\t`\n\t}\n}\n"],"names":["SchmancyInput","TailwindElement","super","this","id","label","type","name","Date","now","placeholder","value","required","disabled","readonly","clickable","spellcheck","align","autofocus","autocomplete","tabIndex","error","inputRef","createRef","internals","attachInternals","undefined","changedProps","_idCounter","willUpdate","form","updated","has","setFormValue","setValidity","customError","inputElement","checkValidity","reportValidity","message","setCustomValidity","focus","fromEvent","pipe","map","ev","target","distinctUntilChanged","takeUntil","disconnecting","subscribe","dispatchEvent","CustomEvent","detail","bubbles","composed","filter","key","animationName","select","getValidity","validity","options","Event","click","blur","render","inputClasses","labelClasses","html","when","classMap","color","SchmancyTheme","sys","default","primary","bgColor","surface","highest","on","ref","ifDefined","inputmode","pattern","step","minlength","maxlength","min","max","nothing","hint","formAssociated","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","reflect","prototype","String","Boolean","Number","query","customElement"],"mappings":"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"}
|