@mhmo91/schmancy 0.2.190 → 0.2.192
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-CuWNIpQo.js → animated-text-CRlnEvtJ.js} +3 -3
- package/dist/{animated-text-CuWNIpQo.js.map → animated-text-CRlnEvtJ.js.map} +1 -1
- package/dist/{animated-text-1uYn8Ziy.cjs → animated-text-DU8PPnsu.cjs} +2 -2
- package/dist/{animated-text-1uYn8Ziy.cjs.map → animated-text-DU8PPnsu.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-GhcXWZom.cjs → area.component-BoR212xW.cjs} +2 -2
- package/dist/{area.component-GhcXWZom.cjs.map → area.component-BoR212xW.cjs.map} +1 -1
- package/dist/{area.component-DbfkjQSm.js → area.component-CRk-Eoq4.js} +3 -3
- package/dist/{area.component-DbfkjQSm.js.map → area.component-CRk-Eoq4.js.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-CG_Kcz6l.js → autocomplete-BYVrh34v.js} +3 -3
- package/dist/{autocomplete-CG_Kcz6l.js.map → autocomplete-BYVrh34v.js.map} +1 -1
- package/dist/{autocomplete-BYRVh7wm.cjs → autocomplete-C7HIgBT5.cjs} +2 -2
- package/dist/{autocomplete-BYRVh7wm.cjs.map → autocomplete-C7HIgBT5.cjs.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-CjMQMn0-.js → avatar-CZJwWLSE.js} +40 -40
- package/dist/{avatar-CjMQMn0-.js.map → avatar-CZJwWLSE.js.map} +1 -1
- package/dist/{avatar-DIw8oQCK.cjs → avatar-Da4jaDOV.cjs} +2 -2
- package/dist/{avatar-DIw8oQCK.cjs.map → avatar-Da4jaDOV.cjs.map} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.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-yujx-Axh.js → checkbox-2zE3U2CA.js} +2 -2
- package/dist/{checkbox-yujx-Axh.js.map → checkbox-2zE3U2CA.js.map} +1 -1
- package/dist/{checkbox-CsJ1Zl7_.cjs → checkbox-JoeyCVVx.cjs} +2 -2
- package/dist/{checkbox-CsJ1Zl7_.cjs.map → checkbox-JoeyCVVx.cjs.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-tWAKSPgh.cjs → chips-BkXSfa41.cjs} +2 -2
- package/dist/{chips-tWAKSPgh.cjs.map → chips-BkXSfa41.cjs.map} +1 -1
- package/dist/{chips-YWxRttHr.js → chips-DBx_2dFJ.js} +3 -3
- package/dist/{chips-YWxRttHr.js.map → chips-DBx_2dFJ.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-B36F2jCL.cjs → date-range-TqPcxDV6.cjs} +2 -2
- package/dist/{date-range-B36F2jCL.cjs.map → date-range-TqPcxDV6.cjs.map} +1 -1
- package/dist/{date-range-BPRokQOx.js → date-range-sbuFYvFc.js} +3 -3
- package/dist/{date-range-BPRokQOx.js.map → date-range-sbuFYvFc.js.map} +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-Zb58hHPd.js → delay-B1vg8_Gp.js} +2 -2
- package/dist/{delay-Zb58hHPd.js.map → delay-B1vg8_Gp.js.map} +1 -1
- package/dist/{delay-DPjF4boE.cjs → delay-rMaXv8P_.cjs} +2 -2
- package/dist/{delay-DPjF4boE.cjs.map → delay-rMaXv8P_.cjs.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{dialog-content-nFxzBHR3.cjs → dialog-content-BOJ4BpEr.cjs} +2 -2
- package/dist/{dialog-content-nFxzBHR3.cjs.map → dialog-content-BOJ4BpEr.cjs.map} +1 -1
- package/dist/{dialog-content-DcvXV1dh.js → dialog-content-H5JNHI4z.js} +3 -3
- package/dist/{dialog-content-DcvXV1dh.js.map → dialog-content-H5JNHI4z.js.map} +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/{divider-k7o6OTqW.js → divider-BxeCR4pP.js} +3 -3
- package/dist/{divider-k7o6OTqW.js.map → divider-BxeCR4pP.js.map} +1 -1
- package/dist/{divider-S-V_G4uT.cjs → divider-D9xov_XO.cjs} +2 -2
- package/dist/{divider-S-V_G4uT.cjs.map → divider-D9xov_XO.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-BZpKqm6U.js → dropdown-content-QrlJDJj9.js} +3 -3
- package/dist/{dropdown-content-BZpKqm6U.js.map → dropdown-content-QrlJDJj9.js.map} +1 -1
- package/dist/{dropdown-content-FchGZaYf.cjs → dropdown-content-ltAuKAq_.cjs} +2 -2
- package/dist/{dropdown-content-FchGZaYf.cjs.map → dropdown-content-ltAuKAq_.cjs.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-CeNZzdB_.cjs → flex-CRTV1yz3.cjs} +2 -2
- package/dist/{flex-CeNZzdB_.cjs.map → flex-CRTV1yz3.cjs.map} +1 -1
- package/dist/{flex-WYtKeTr4.js → flex-DT3XHFSb.js} +2 -2
- package/dist/{flex-WYtKeTr4.js.map → flex-DT3XHFSb.js.map} +1 -1
- package/dist/{form-eYkcvIGx.cjs → form-D6n2UP9B.cjs} +2 -2
- package/dist/{form-eYkcvIGx.cjs.map → form-D6n2UP9B.cjs.map} +1 -1
- package/dist/{form-B2CIvFBp.js → form-DfCknx7Y.js} +2 -2
- package/dist/{form-B2CIvFBp.js.map → form-DfCknx7Y.js.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{icon-CgdV8xXm.js → icon-BmJGenTZ.js} +5 -5
- package/dist/icon-BmJGenTZ.js.map +1 -0
- package/dist/{icon-B2TAMsVV.cjs → icon-Xqq_eMXt.cjs} +4 -4
- package/dist/icon-Xqq_eMXt.cjs.map +1 -0
- package/dist/{icon-button-CRaJHBpp.js → icon-button-DpxC8WQP.js} +24 -24
- package/dist/icon-button-DpxC8WQP.js.map +1 -0
- package/dist/{icon-button-v16_Wpuk.cjs → icon-button-UiEHOmmk.cjs} +10 -10
- package/dist/icon-button-UiEHOmmk.cjs.map +1 -0
- package/dist/icons.cjs +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +38 -38
- package/dist/{input-WQrLtis4.js → input-DnEvTRuh.js} +2 -2
- package/dist/{input-WQrLtis4.js.map → input-DnEvTRuh.js.map} +1 -1
- package/dist/{input-BesJg4Lr.cjs → input-o74ZxIRk.cjs} +2 -2
- package/dist/{input-BesJg4Lr.cjs.map → input-o74ZxIRk.cjs.map} +1 -1
- package/dist/input.cjs +1 -1
- package/dist/input.js +1 -1
- package/dist/layout.cjs +1 -1
- package/dist/layout.js +1 -1
- package/dist/{list-C0ZJ2QEd.js → list-CPRV9D4J.js} +2 -2
- package/dist/{list-C0ZJ2QEd.js.map → list-CPRV9D4J.js.map} +1 -1
- package/dist/{list-CkKqFSsQ.cjs → list-ChRCTc9A.cjs} +2 -2
- package/dist/{list-CkKqFSsQ.cjs.map → list-ChRCTc9A.cjs.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-CzWOVqVp.cjs → litElement.mixin-BrC_tdrr.cjs} +2 -2
- package/dist/{litElement.mixin-CzWOVqVp.cjs.map → litElement.mixin-BrC_tdrr.cjs.map} +1 -1
- package/dist/{litElement.mixin-DeLVcdRg.js → litElement.mixin-CifwP6Gy.js} +2 -2
- package/dist/{litElement.mixin-DeLVcdRg.js.map → litElement.mixin-CifwP6Gy.js.map} +1 -1
- package/dist/{menu-w6S-1zwg.cjs → menu-D08kPl8X.cjs} +2 -2
- package/dist/{menu-w6S-1zwg.cjs.map → menu-D08kPl8X.cjs.map} +1 -1
- package/dist/{menu-BtzkVH8X.js → menu-DZtTU6cT.js} +3 -3
- package/dist/{menu-BtzkVH8X.js.map → menu-DZtTU6cT.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/{notification-service-CB9zf69M.js → notification-service-jcW6LcD9.js} +3 -3
- package/dist/{notification-service-CB9zf69M.js.map → notification-service-jcW6LcD9.js.map} +1 -1
- package/dist/{notification-service-GqFYX3BY.cjs → notification-service-zNn5My79.cjs} +2 -2
- package/dist/{notification-service-GqFYX3BY.cjs.map → notification-service-zNn5My79.cjs.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-H_5RmXzL.cjs → option-BeSO48Ou.cjs} +2 -2
- package/dist/{option-H_5RmXzL.cjs.map → option-BeSO48Ou.cjs.map} +1 -1
- package/dist/{option-CJLKwrBJ.js → option-XmhVdbQ0.js} +2 -2
- package/dist/{option-CJLKwrBJ.js.map → option-XmhVdbQ0.js.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{payment-card-form-Cs1Fe-jn.cjs → payment-card-form-Cs_Kjcge.cjs} +2 -2
- package/dist/{payment-card-form-Cs1Fe-jn.cjs.map → payment-card-form-Cs_Kjcge.cjs.map} +1 -1
- package/dist/{payment-card-form-DzemM9qi.js → payment-card-form-xPdGrSUi.js} +3 -3
- package/dist/{payment-card-form-DzemM9qi.js.map → payment-card-form-xPdGrSUi.js.map} +1 -1
- package/dist/{radio-button-Bun4Rw8J.cjs → radio-button-BFwFYicE.cjs} +2 -2
- package/dist/{radio-button-Bun4Rw8J.cjs.map → radio-button-BFwFYicE.cjs.map} +1 -1
- package/dist/{radio-button-CD6tI9PL.js → radio-button-fAQpF9XC.js} +2 -2
- package/dist/{radio-button-CD6tI9PL.js.map → radio-button-fAQpF9XC.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-BOfglmzy.cjs → schmancy-steps-container-CNCQfw48.cjs} +2 -2
- package/dist/{schmancy-steps-container-BOfglmzy.cjs.map → schmancy-steps-container-CNCQfw48.cjs.map} +1 -1
- package/dist/{schmancy-steps-container-rRWu6Otz.js → schmancy-steps-container-Cd6wx804.js} +2 -2
- package/dist/{schmancy-steps-container-rRWu6Otz.js.map → schmancy-steps-container-Cd6wx804.js.map} +1 -1
- package/dist/{select-fDXX9rZH.cjs → select-CzHttZpN.cjs} +2 -2
- package/dist/{select-fDXX9rZH.cjs.map → select-CzHttZpN.cjs.map} +1 -1
- package/dist/{select-DePI5woI.js → select-ujdAxZ6K.js} +3 -3
- package/dist/{select-DePI5woI.js.map → select-ujdAxZ6K.js.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-VbYRmLjY.cjs → sheet-ABpUdDjY.cjs} +2 -2
- package/dist/{sheet-VbYRmLjY.cjs.map → sheet-ABpUdDjY.cjs.map} +1 -1
- package/dist/{sheet-DF3a67cE.js → sheet-CX5mgzlz.js} +3 -3
- package/dist/{sheet-DF3a67cE.js.map → sheet-CX5mgzlz.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/{slider-BtLv0yDd.js → slider-C4cTmjLY.js} +3 -3
- package/dist/{slider-BtLv0yDd.js.map → slider-C4cTmjLY.js.map} +1 -1
- package/dist/{slider-CnRmBcSn.cjs → slider-Drp85D_v.cjs} +2 -2
- package/dist/{slider-CnRmBcSn.cjs.map → slider-Drp85D_v.cjs.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-CXcN_7iP.cjs → spinner-Bmopv8Vn.cjs} +2 -2
- package/dist/{spinner-CXcN_7iP.cjs.map → spinner-Bmopv8Vn.cjs.map} +1 -1
- package/dist/{spinner-BELDf4x_.js → spinner-fGK3FMoM.js} +3 -3
- package/dist/{spinner-BELDf4x_.js.map → spinner-fGK3FMoM.js.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/{surface-heIK476k.cjs → surface-BTpQe1mC.cjs} +2 -2
- package/dist/{surface-heIK476k.cjs.map → surface-BTpQe1mC.cjs.map} +1 -1
- package/dist/{surface-DoOBEMyw.js → surface-BgYWVNyL.js} +2 -2
- package/dist/{surface-DoOBEMyw.js.map → surface-BgYWVNyL.js.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-D0JKsZBA.cjs → table-BVojeUhT.cjs} +2 -2
- package/dist/{table-D0JKsZBA.cjs.map → table-BVojeUhT.cjs.map} +1 -1
- package/dist/{table-VnrJFAEo.js → table-COmozyPk.js} +2 -2
- package/dist/{table-VnrJFAEo.js.map → table-COmozyPk.js.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-KDjNivBs.js → tabs-compatibility-BdcN_IDz.js} +2 -2
- package/dist/{tabs-compatibility-KDjNivBs.js.map → tabs-compatibility-BdcN_IDz.js.map} +1 -1
- package/dist/{tabs-compatibility-CW6GHYpE.cjs → tabs-compatibility-DU2bf7Xr.cjs} +2 -2
- package/dist/{tabs-compatibility-CW6GHYpE.cjs.map → tabs-compatibility-DU2bf7Xr.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-BAGuwQKs.cjs +2 -0
- package/dist/{tailwind.mixin-BQxmEoe0.cjs.map → tailwind.mixin-BAGuwQKs.cjs.map} +1 -1
- package/dist/tailwind.mixin-D-kkSKp-.js +43 -0
- package/dist/{tailwind.mixin-u1MaZkeY.js.map → tailwind.mixin-D-kkSKp-.js.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-BQNINluA.cjs → textarea-CPyQvAWI.cjs} +2 -2
- package/dist/{textarea-BQNINluA.cjs.map → textarea-CPyQvAWI.cjs.map} +1 -1
- package/dist/{textarea-BvyKNZ7y.js → textarea-CztnQryA.js} +2 -2
- package/dist/{textarea-BvyKNZ7y.js.map → textarea-CztnQryA.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-D0hfmSaA.cjs → theme-button-DRACAw64.cjs} +2 -2
- package/dist/{theme-button-D0hfmSaA.cjs.map → theme-button-DRACAw64.cjs.map} +1 -1
- package/dist/{theme-button-CxKHEUHX.js → theme-button-DaEkh8la.js} +2 -2
- package/dist/{theme-button-CxKHEUHX.js.map → theme-button-DaEkh8la.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-Cjk6uHIx.js → theme.component-DkFe9fpE.js} +2 -2
- package/dist/{theme.component-Cjk6uHIx.js.map → theme.component-DkFe9fpE.js.map} +1 -1
- package/dist/{theme.component-BvX40hsa.cjs → theme.component-Hb2RlmAN.cjs} +2 -2
- package/dist/{theme.component-BvX40hsa.cjs.map → theme.component-Hb2RlmAN.cjs.map} +1 -1
- package/dist/theme.js +1 -1
- package/dist/{timezone-1funzjSl.cjs → timezone-DpzKnPVI.cjs} +2 -2
- package/dist/{timezone-1funzjSl.cjs.map → timezone-DpzKnPVI.cjs.map} +1 -1
- package/dist/{timezone-4GjiROPl.js → timezone-UKEAXQcC.js} +3 -3
- package/dist/{timezone-4GjiROPl.js.map → timezone-UKEAXQcC.js.map} +1 -1
- package/dist/{tooltip-BWEQ7v1X.cjs → tooltip-BuZzFSoa.cjs} +2 -2
- package/dist/{tooltip-BWEQ7v1X.cjs.map → tooltip-BuZzFSoa.cjs.map} +1 -1
- package/dist/{tooltip-C02mtdN1.js → tooltip-CmvJQPh0.js} +2 -2
- package/dist/{tooltip-C02mtdN1.js.map → tooltip-CmvJQPh0.js.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-rNdGSQaj.js → tree-BEYMdPfY.js} +2 -2
- package/dist/{tree-rNdGSQaj.js.map → tree-BEYMdPfY.js.map} +1 -1
- package/dist/{tree-D79ONm20.cjs → tree-ChJhwwCs.cjs} +2 -2
- package/dist/{tree-D79ONm20.cjs.map → tree-ChJhwwCs.cjs.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-D7BL8ySs.js → typewriter-CFYwWJfp.js} +4 -4
- package/dist/{typewriter-D7BL8ySs.js.map → typewriter-CFYwWJfp.js.map} +1 -1
- package/dist/{typewriter-CGuc9kZU.cjs → typewriter-CQj9HK5k.cjs} +2 -2
- package/dist/{typewriter-CGuc9kZU.cjs.map → typewriter-CQj9HK5k.cjs.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/typography-C8sf8eaH.js +29 -0
- package/dist/typography-C8sf8eaH.js.map +1 -0
- package/dist/typography-CMvzZ9Ec.cjs +6 -0
- package/dist/typography-CMvzZ9Ec.cjs.map +1 -0
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/dist/icon-B2TAMsVV.cjs.map +0 -1
- package/dist/icon-CgdV8xXm.js.map +0 -1
- package/dist/icon-button-CRaJHBpp.js.map +0 -1
- package/dist/icon-button-v16_Wpuk.cjs.map +0 -1
- package/dist/tailwind.mixin-BQxmEoe0.cjs +0 -2
- package/dist/tailwind.mixin-u1MaZkeY.js +0 -43
- package/dist/typography-BjNrTnRm.js +0 -28
- package/dist/typography-BjNrTnRm.js.map +0 -1
- package/dist/typography-JoSITcA_.cjs +0 -6
- package/dist/typography-JoSITcA_.cjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-BmJGenTZ.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 * Material Symbols icon component with configurable size\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: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`) {\n\t/**\n\t * Icon size - can be specified in any CSS unit (px, rem, em, etc.)\n\t * Default is 24px\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: string = '24px'\n\n\t@state() busy = false\n\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\n\tprotected render(): unknown {\n\t\t// Ensure size is respected and properly applied\n\t\tconst style = {\n\t\t\tfontSize: this.size,\n\t\t\twidth: this.size,\n\t\t\theight: this.size,\n\t\t\tlineHeight: '1',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t}\n\n\t\treturn html`\n\t\t\t<span class=\"material-symbols-outlined w-fit\" style=${this.styleMap(style)}>\n\t\t\t\t<slot .hidden=${this.busy}></slot>\n\t\t\t</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","width","height","lineHeight","display","alignItems","justifyContent","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;AAAAA;AAAAA,CAAtD,EAAA;AAAA,EAAA,cAAAC;AAAAA,UAAAA,GAAAC,SA8BgBC,GAAAA,KAAAC,OAAA,QAECD,KAAAE,OAAA;AAAA,EAAA;AAAA,EAEhB,oBAEC;;AAAA,QADAJ,MAAMK,kBACDC,GAAAA,CAAAA,SAASC,KAAKC,cAAc,iBAAoB,GAAA;AAChD,UAAAC,IAAOH,SAASI,cAAc,QAAQ,EACzCC,IAAI;AAELF,QAAKG,MAAM,cACXH,EAAKI,KAAK,kBACVJ,EAAKK,OACJ,yHACDR,IAAAA,SAASE,cAAc,MAASO,MAAhCT,QAAAA,EAAgCS,OAAON,IACvCP,KAAKE,OAAAA;AAAAA,IAAO;AAAA,EACb;AAAA,EAGS,SAET;AAAA,UAAMY,IAAQ,EACbC,UAAUf,KAAKC,MACfe,OAAOhB,KAAKC,MACZgB,QAAQjB,KAAKC,MACbiB,YAAY,KACZC,SAAS,QACTC,YAAY,UACZC,gBAAgB,SAAA;AAGV,WAAAC;AAAAA,yDACgDtB,KAAKuB,SAAST,CAAAA,CAAAA;AAAAA,oBACnDd,KAAKE,IAAAA;AAAAA;AAAAA;AAAAA,EAAI;AAjC5BsB;AAAAA,EAAA,CADCC,EAAS,EAAEC,MAAMC,QAAQC,SAAAA,GA7BNjC,CAAAA,CAAAA,GAAAA,EA8BpBkC,WAAA,QAAA,IAESL,EAAA,CAARM,EAhCmBnC,CAAAA,GAAAA,EAgCXkC,WAAA,QAAA,IAhCWlC,IAArB6B,EAAA,CADCO,EAAc,eACMpC,CAAAA,GAAAA,CAAAA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-
|
|
1
|
+
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-BrC_tdrr.cjs");require("./tailwind.mixin-BAGuwQKs.cjs");const m=require("lit"),a=require("lit/decorators.js");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,c=(t,e,r,s)=>{for(var l,i=s>1?void 0:s?p(e,r):e,o=t.length-1;o>=0;o--)(l=t[o])&&(i=(s?l(e,r,i):l(i))||i);return s&&i&&h(e,r,i),i};let n=class extends u.$LitElement(m.css`
|
|
2
2
|
.material-symbols-outlined {
|
|
3
3
|
font-family: 'Material Symbols Outlined';
|
|
4
4
|
font-weight: normal;
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
'opsz' 24;
|
|
19
19
|
}
|
|
20
20
|
:host {
|
|
21
|
-
display: flex;
|
|
21
|
+
display: inline-flex;
|
|
22
22
|
align-items: center;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
}
|
|
25
25
|
`){constructor(){super(...arguments),this.size="24px",this.busy=!1}connectedCallback(){var t;if(super.connectedCallback(),!document.head.querySelector("#material-icons")){let e=document.createElement("link",{is:"material-icons"});e.rel="stylesheet",e.id="material-icons",e.href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",(t=document.querySelector("head"))==null||t.append(e),this.busy=!1}}render(){const t={fontSize:this.size,width:this.size,height:this.size,lineHeight:"1",display:"flex",alignItems:"center",justifyContent:"center"};return m.html`
|
|
26
|
-
<span class="material-symbols-outlined" style=${this.styleMap(t)}>
|
|
26
|
+
<span class="material-symbols-outlined w-fit" style=${this.styleMap(t)}>
|
|
27
27
|
<slot .hidden=${this.busy}></slot>
|
|
28
28
|
</span>
|
|
29
29
|
`}};c([a.property({type:String,reflect:!0})],n.prototype,"size",2),c([a.state()],n.prototype,"busy",2),n=c([a.customElement("schmancy-icon")],n);
|
|
30
|
-
//# sourceMappingURL=icon-
|
|
30
|
+
//# sourceMappingURL=icon-Xqq_eMXt.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-Xqq_eMXt.cjs","sources":["../src/icons/icon.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n/**\n * @element schmancy-icon\n * Material Symbols icon component with configurable size\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: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`) {\n\t/**\n\t * Icon size - can be specified in any CSS unit (px, rem, em, etc.)\n\t * Default is 24px\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: string = '24px'\n\n\t@state() busy = false\n\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\n\tprotected render(): unknown {\n\t\t// Ensure size is respected and properly applied\n\t\tconst style = {\n\t\t\tfontSize: this.size,\n\t\t\twidth: this.size,\n\t\t\theight: this.size,\n\t\t\tlineHeight: '1',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t}\n\n\t\treturn html`\n\t\t\t<span class=\"material-symbols-outlined w-fit\" style=${this.styleMap(style)}>\n\t\t\t\t<slot .hidden=${this.busy}></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}\n"],"names":["SchmancyIcon","$LitElement","css","super","arguments","this","size","busy","connectedCallback","document","head","querySelector","link","createElement","is","rel","id","href","append","render","style","fontSize","width","height","lineHeight","display","alignItems","justifyContent","html","styleMap","__decorateClass","property","type","String","reflect","prototype","state","customElement"],"mappings":"6bASA,IAAqBA,EAArB,cAA0CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAtD,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SA8BgBC,EAAAA,KAAAC,KAAA,OAECD,KAAAE,KAAA,EAAA,CAEhB,mBAEC,OAAA,GADAJ,MAAMK,kBACDC,EAAAA,CAAAA,SAASC,KAAKC,cAAc,iBAAoB,EAAA,CAChD,IAAAC,EAAOH,SAASI,cAAc,OAAQ,CACzCC,GAAI,mBAELF,EAAKG,IAAM,aACXH,EAAKI,GAAK,iBACVJ,EAAKK,KACJ,wHACDR,EAAAA,SAASE,cAAc,MAASO,IAAhCT,MAAAA,EAAgCS,OAAON,GACvCP,KAAKE,KAAAA,EAAO,CACb,CAGS,QAAAY,CAET,MAAMC,EAAQ,CACbC,SAAUhB,KAAKC,KACfgB,MAAOjB,KAAKC,KACZiB,OAAQlB,KAAKC,KACbkB,WAAY,IACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,QAGV,EAAA,OAAAC,EAAAA;AAAAA,yDACgDvB,KAAKwB,SAAST,CAAAA,CAAAA;AAAAA,oBACnDf,KAAKE,IAAAA;AAAAA;AAAAA,GAAI,CAjC5BuB,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEC,KAAMC,OAAQC,QAAS,EAAA,CAAA,CAAA,EA7BflC,EA8BpBmC,UAAA,OAAA,CAAA,EAESL,EAAA,CAARM,EAAMA,MAhCapC,CAAAA,EAAAA,EAgCXmC,UAAA,OAAA,CAhCWnC,EAAAA,EAArB8B,EAAA,CADCO,EAAAA,cAAc,eACMrC,CAAAA,EAAAA,CAAAA"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
|
-
import
|
|
2
|
+
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { $ as
|
|
5
|
-
import "./tailwind.mixin-
|
|
6
|
-
import { css as
|
|
7
|
-
import { query as
|
|
4
|
+
import { $ as v } from "./litElement.mixin-CifwP6Gy.js";
|
|
5
|
+
import "./tailwind.mixin-D-kkSKp-.js";
|
|
6
|
+
import { css as m, html as p, LitElement as y } from "lit";
|
|
7
|
+
import { query as x, property as s, queryAssignedElements as f, customElement as g } from "lit/decorators.js";
|
|
8
8
|
import { ifDefined as n } from "lit/directives/if-defined.js";
|
|
9
|
-
import { when as
|
|
10
|
-
var
|
|
11
|
-
for (var b, a = d > 1 ? void 0 : d ?
|
|
12
|
-
return d && a &&
|
|
9
|
+
import { when as u } from "lit/directives/when.js";
|
|
10
|
+
var $ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, o = (t, e, i, d) => {
|
|
11
|
+
for (var b, a = d > 1 ? void 0 : d ? w(e, i) : e, c = t.length - 1; c >= 0; c--) (b = t[c]) && (a = (d ? b(e, i, a) : b(a)) || a);
|
|
12
|
+
return d && a && $(e, i, a), a;
|
|
13
13
|
};
|
|
14
|
-
let r = class extends m
|
|
14
|
+
let r = class extends v(m`
|
|
15
15
|
:host {
|
|
16
16
|
display: block;
|
|
17
17
|
width: fit-content;
|
|
@@ -62,7 +62,7 @@ let r = class extends m(y`
|
|
|
62
62
|
aria-disabled=${this.disabled}
|
|
63
63
|
@click=${this.disabled ? this._preventDefault : void 0}
|
|
64
64
|
>
|
|
65
|
-
${
|
|
65
|
+
${u(!this.disabled, () => p`<div class="${this.classMap(e)}"></div>`)}
|
|
66
66
|
<slot name="prefix"></slot>
|
|
67
67
|
<slot></slot>
|
|
68
68
|
<slot name="suffix"></slot>
|
|
@@ -76,7 +76,7 @@ let r = class extends m(y`
|
|
|
76
76
|
type=${n(this.type)}
|
|
77
77
|
tabindex=${n(this.disabled ? "-1" : void 0)}
|
|
78
78
|
>
|
|
79
|
-
${
|
|
79
|
+
${u(!this.disabled, () => p`<div class="${this.classMap(e)}"></div>`)}
|
|
80
80
|
<slot name="prefix"></slot>
|
|
81
81
|
<slot></slot>
|
|
82
82
|
<slot name="suffix"></slot>
|
|
@@ -84,12 +84,12 @@ let r = class extends m(y`
|
|
|
84
84
|
`;
|
|
85
85
|
}
|
|
86
86
|
};
|
|
87
|
-
r.shadowRootOptions = { ...
|
|
88
|
-
var
|
|
89
|
-
for (var b, a = d > 1 ? void 0 : d ?
|
|
90
|
-
return d && a &&
|
|
87
|
+
r.shadowRootOptions = { ...y.shadowRootOptions, mode: "open", delegatesFocus: !0 }, o([x('[part="base"]', !0)], r.prototype, "nativeElement", 2), o([s({ reflect: !0, type: String })], r.prototype, "variant", 2), o([s()], r.prototype, "width", 2), o([s({ reflect: !0, type: String })], r.prototype, "type", 2), o([s()], r.prototype, "href", 2), o([s({ type: Boolean, reflect: !0 })], r.prototype, "disabled", 2), o([s({ attribute: "aria-label" })], r.prototype, "ariaLabel", 1), o([f({ slot: "prefix", flatten: !0, selector: "img" })], r.prototype, "prefixImgs", 2), o([f({ slot: "suffix", flatten: !0, selector: "img" })], r.prototype, "suffixImgs", 2), r = o([g("schmancy-button")], r);
|
|
88
|
+
var L = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (t, e, i, d) => {
|
|
89
|
+
for (var b, a = d > 1 ? void 0 : d ? z(e, i) : e, c = t.length - 1; c >= 0; c--) (b = t[c]) && (a = (d ? b(e, i, a) : b(a)) || a);
|
|
90
|
+
return d && a && L(e, i, a), a;
|
|
91
91
|
};
|
|
92
|
-
let
|
|
92
|
+
let l = class extends v(m`
|
|
93
93
|
:host {
|
|
94
94
|
display: block;
|
|
95
95
|
}
|
|
@@ -125,12 +125,12 @@ let o = class extends m(y`
|
|
|
125
125
|
part="base"
|
|
126
126
|
href=${n(this.disabled ? void 0 : this.href)}
|
|
127
127
|
aria-label=${n(this.ariaLabel)}
|
|
128
|
-
class="${
|
|
128
|
+
class="${this.classMap(t)}"
|
|
129
129
|
tabindex=${this.disabled ? "-1" : "0"}
|
|
130
130
|
aria-disabled=${this.disabled}
|
|
131
131
|
@click=${this.disabled ? this._preventDefault : void 0}
|
|
132
132
|
>
|
|
133
|
-
${
|
|
133
|
+
${u(!this.disabled, () => p`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
|
|
134
134
|
<schmancy-icon size=${this.size === "sm" ? "18px" : this.size === "md" ? "24px" : "32px"}>
|
|
135
135
|
<slot></slot>
|
|
136
136
|
</schmancy-icon>
|
|
@@ -140,11 +140,11 @@ let o = class extends m(y`
|
|
|
140
140
|
part="base"
|
|
141
141
|
aria-label=${n(this.ariaLabel)}
|
|
142
142
|
?disabled=${this.disabled}
|
|
143
|
-
class="${
|
|
143
|
+
class="${this.classMap(t)}"
|
|
144
144
|
type=${n(this.type)}
|
|
145
145
|
tabindex=${n(this.disabled ? "-1" : void 0)}
|
|
146
146
|
>
|
|
147
|
-
${
|
|
147
|
+
${u(!this.disabled, () => p`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
|
|
148
148
|
<schmancy-icon size=${this.size === "sm" ? "18px" : this.size === "md" ? "24px" : "32px"}>
|
|
149
149
|
<slot></slot>
|
|
150
150
|
</schmancy-icon>
|
|
@@ -152,9 +152,9 @@ let o = class extends m(y`
|
|
|
152
152
|
`;
|
|
153
153
|
}
|
|
154
154
|
};
|
|
155
|
-
|
|
155
|
+
l.shadowRootOptions = { ...y.shadowRootOptions, mode: "open", delegatesFocus: !0 }, h([x('[part="base"]', !0)], l.prototype, "nativeElement", 2), h([s({ type: String })], l.prototype, "size", 2), h([s({ reflect: !0, type: String })], l.prototype, "variant", 2), h([s()], l.prototype, "width", 2), h([s({ reflect: !0, type: String })], l.prototype, "type", 2), h([s()], l.prototype, "href", 2), h([s({ type: Boolean, reflect: !0 })], l.prototype, "disabled", 2), h([s({ attribute: "aria-label" })], l.prototype, "ariaLabel", 1), l = h([g("schmancy-icon-button")], l);
|
|
156
156
|
export {
|
|
157
157
|
r as S,
|
|
158
|
-
|
|
158
|
+
l as a
|
|
159
159
|
};
|
|
160
|
-
//# sourceMappingURL=icon-button-
|
|
160
|
+
//# sourceMappingURL=icon-button-DpxC8WQP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button-DpxC8WQP.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'\n\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 SchmancyButton 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.\n\t * @attr\n\t * @default 'text'\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.\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' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\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\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 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\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\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=\"${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': SchmancyButton\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 * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default 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/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\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\t// Manage aria-label manually so that we can always use our internal property.\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\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full 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'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 text-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\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-icon>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\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":["SchmancyButton","$LitElement","css","constructor","super","arguments","this","variant","width","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","options","nativeElement","focus","blur","imgClasses","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","render","classes","stateLayerClasses","href","html","ifDefined","ariaLabel","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","size","_changedProperties"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";require("rxjs")
|
|
1
|
+
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-BrC_tdrr.cjs");require("./tailwind.mixin-BAGuwQKs.cjs");const r=require("lit"),i=require("lit/decorators.js"),o=require("lit/directives/if-defined.js"),p=require("lit/directives/when.js");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(t,e,a,l)=>{for(var d,s=l>1?void 0:l?f(e,a):e,c=t.length-1;c>=0;c--)(d=t[c])&&(s=(l?d(e,a,s):d(s))||s);return l&&s&&b(e,a,s),s};exports.SchmancyButton=class extends u.$LitElement(r.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
width: fit-content;
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
aria-disabled=${this.disabled}
|
|
14
14
|
@click=${this.disabled?this._preventDefault:void 0}
|
|
15
15
|
>
|
|
16
|
-
${
|
|
16
|
+
${p.when(!this.disabled,()=>r.html`<div class="${this.classMap(e)}"></div>`)}
|
|
17
17
|
<slot name="prefix"></slot>
|
|
18
18
|
<slot></slot>
|
|
19
19
|
<slot name="suffix"></slot>
|
|
@@ -27,12 +27,12 @@
|
|
|
27
27
|
type=${o.ifDefined(this.type)}
|
|
28
28
|
tabindex=${o.ifDefined(this.disabled?"-1":void 0)}
|
|
29
29
|
>
|
|
30
|
-
${
|
|
30
|
+
${p.when(!this.disabled,()=>r.html`<div class="${this.classMap(e)}"></div>`)}
|
|
31
31
|
<slot name="prefix"></slot>
|
|
32
32
|
<slot></slot>
|
|
33
33
|
<slot name="suffix"></slot>
|
|
34
34
|
</button>
|
|
35
|
-
`}},exports.SchmancyButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},n([i.query('[part="base"]',!0)],exports.SchmancyButton.prototype,"nativeElement",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"variant",2),n([i.property()],exports.SchmancyButton.prototype,"width",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"type",2),n([i.property()],exports.SchmancyButton.prototype,"href",2),n([i.property({type:Boolean,reflect:!0})],exports.SchmancyButton.prototype,"disabled",2),n([i.property({attribute:"aria-label"})],exports.SchmancyButton.prototype,"ariaLabel",1),n([i.queryAssignedElements({slot:"prefix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"prefixImgs",2),n([i.queryAssignedElements({slot:"suffix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"suffixImgs",2),exports.SchmancyButton=n([i.customElement("schmancy-button")],exports.SchmancyButton);var
|
|
35
|
+
`}},exports.SchmancyButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},n([i.query('[part="base"]',!0)],exports.SchmancyButton.prototype,"nativeElement",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"variant",2),n([i.property()],exports.SchmancyButton.prototype,"width",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"type",2),n([i.property()],exports.SchmancyButton.prototype,"href",2),n([i.property({type:Boolean,reflect:!0})],exports.SchmancyButton.prototype,"disabled",2),n([i.property({attribute:"aria-label"})],exports.SchmancyButton.prototype,"ariaLabel",1),n([i.queryAssignedElements({slot:"prefix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"prefixImgs",2),n([i.queryAssignedElements({slot:"suffix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"suffixImgs",2),exports.SchmancyButton=n([i.customElement("schmancy-button")],exports.SchmancyButton);var y=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=(t,e,a,l)=>{for(var d,s=l>1?void 0:l?m(e,a):e,c=t.length-1;c>=0;c--)(d=t[c])&&(s=(l?d(e,a,s):d(s))||s);return l&&s&&y(e,a,s),s};exports.SchmnacyIconButton=class extends u.$LitElement(r.css`
|
|
36
36
|
:host {
|
|
37
37
|
display: block;
|
|
38
38
|
}
|
|
@@ -41,12 +41,12 @@
|
|
|
41
41
|
part="base"
|
|
42
42
|
href=${o.ifDefined(this.disabled?void 0:this.href)}
|
|
43
43
|
aria-label=${o.ifDefined(this.ariaLabel)}
|
|
44
|
-
class="${
|
|
44
|
+
class="${this.classMap(t)}"
|
|
45
45
|
tabindex=${this.disabled?"-1":"0"}
|
|
46
46
|
aria-disabled=${this.disabled}
|
|
47
47
|
@click=${this.disabled?this._preventDefault:void 0}
|
|
48
48
|
>
|
|
49
|
-
${
|
|
49
|
+
${p.when(!this.disabled,()=>r.html`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
|
|
50
50
|
<schmancy-icon size=${this.size==="sm"?"18px":this.size==="md"?"24px":"32px"}>
|
|
51
51
|
<slot></slot>
|
|
52
52
|
</schmancy-icon>
|
|
@@ -56,14 +56,14 @@
|
|
|
56
56
|
part="base"
|
|
57
57
|
aria-label=${o.ifDefined(this.ariaLabel)}
|
|
58
58
|
?disabled=${this.disabled}
|
|
59
|
-
class="${
|
|
59
|
+
class="${this.classMap(t)}"
|
|
60
60
|
type=${o.ifDefined(this.type)}
|
|
61
61
|
tabindex=${o.ifDefined(this.disabled?"-1":void 0)}
|
|
62
62
|
>
|
|
63
|
-
${
|
|
63
|
+
${p.when(!this.disabled,()=>r.html`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
|
|
64
64
|
<schmancy-icon size=${this.size==="sm"?"18px":this.size==="md"?"24px":"32px"}>
|
|
65
65
|
<slot></slot>
|
|
66
66
|
</schmancy-icon>
|
|
67
67
|
</button>
|
|
68
|
-
`}},exports.SchmnacyIconButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},
|
|
69
|
-
//# sourceMappingURL=icon-button-
|
|
68
|
+
`}},exports.SchmnacyIconButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},h([i.query('[part="base"]',!0)],exports.SchmnacyIconButton.prototype,"nativeElement",2),h([i.property({type:String})],exports.SchmnacyIconButton.prototype,"size",2),h([i.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"variant",2),h([i.property()],exports.SchmnacyIconButton.prototype,"width",2),h([i.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"type",2),h([i.property()],exports.SchmnacyIconButton.prototype,"href",2),h([i.property({type:Boolean,reflect:!0})],exports.SchmnacyIconButton.prototype,"disabled",2),h([i.property({attribute:"aria-label"})],exports.SchmnacyIconButton.prototype,"ariaLabel",1),exports.SchmnacyIconButton=h([i.customElement("schmancy-icon-button")],exports.SchmnacyIconButton);
|
|
69
|
+
//# sourceMappingURL=icon-button-UiEHOmmk.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button-UiEHOmmk.cjs","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'\n\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 SchmancyButton 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.\n\t * @attr\n\t * @default 'text'\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.\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' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\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\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 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\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\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=\"${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': SchmancyButton\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 * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default 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/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\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\t// Manage aria-label manually so that we can always use our internal property.\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\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full 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'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 text-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\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-icon>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\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":["SchmancyButton","$LitElement","css","constructor","super","arguments","this","variant","width","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","options","nativeElement","focus","blur","imgClasses","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","render","classes","stateLayerClasses","href","html","ifDefined","ariaLabel","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","size","_changedProperties"],"mappings":"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"}
|
package/dist/icons.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./icon-
|
|
1
|
+
"use strict";require("./icon-Xqq_eMXt.cjs");
|
|
2
2
|
//# sourceMappingURL=icons.cjs.map
|
package/dist/icons.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-BmJGenTZ.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-DU8PPnsu.cjs");const a=require("./area.component-BoR212xW.cjs");require("./autocomplete-C7HIgBT5.cjs");const r=require("./avatar-Da4jaDOV.cjs");require("./spinner-Bmopv8Vn.cjs");const h=require("./icon-button-UiEHOmmk.cjs"),O=require("./checkbox-JoeyCVVx.cjs");require("./chips-BkXSfa41.cjs");const D=require("./payment-card-form-Cs_Kjcge.cjs"),P=require("./date-range-TqPcxDV6.cjs"),u=require("./delay-rMaXv8P_.cjs"),c=require("./dialog-content-BOJ4BpEr.cjs"),y=require("./ripple-C2BHbhcS.cjs");require("./divider-D9xov_XO.cjs");const b=require("./dropdown-content-ltAuKAq_.cjs"),p=require("./timezone-DpzKnPVI.cjs");require("./form-D6n2UP9B.cjs"),require("./icon-Xqq_eMXt.cjs"),require("./input-o74ZxIRk.cjs");const n=require("./flex-CRTV1yz3.cjs"),m=require("./list-ChRCTc9A.cjs");require("./menu-D08kPl8X.cjs");const o=require("./notification-service-zNn5My79.cjs");require("./option-BeSO48Ou.cjs");const g=require("./radio-button-BFwFYicE.cjs"),j=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const q=require("./select-CzHttZpN.cjs"),i=require("./sheet-ABpUdDjY.cjs"),d=require("./slider-Drp85D_v.cjs"),S=require("./schmancy-steps-container-CNCQfw48.cjs"),t=require("./context-object-CP7HbDFQ.cjs"),e=require("./selector-hook-CyvD9WN9.cjs"),s=require("./surface-BTpQe1mC.cjs"),f=require("./table-BVojeUhT.cjs");require("./tabs-compatibility-DU2bf7Xr.cjs"),require("./textarea-CPyQvAWI.cjs");const l=require("./theme.component-Hb2RlmAN.cjs"),w=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-DRACAw64.cjs");const C=require("./tooltip-BuZzFSoa.cjs"),T=require("./tree-ChJhwwCs.cjs"),M=require("./types.cjs"),I=require("./typewriter-CQj9HK5k.cjs"),N=require("./typography-CMvzZ9Ec.cjs"),A=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=a.FINDING_MORTIES,exports.HERE_RICKY=a.HERE_RICKY,exports.HISTORY_STRATEGY=a.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>a.SchmancyArea}),exports.area=a.area,exports.routerHistory=a.routerHistory,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"SchmancyAvatar",{enumerable:!0,get:()=>r.SchmancyAvatar}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>h.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>h.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>O.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>D.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>P.SchmancyDateRange}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>u.SchmancyDelay}),exports.delayContext=u.delayContext,exports.$dialog=c.$dialog,Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>c.ConfirmDialog}),exports.DialogService=c.DialogService,Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>c.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>c.SchmancyDialogContent}),exports.color=y.color,exports.fullHeight=y.fullHeight,exports.ripple=y.ripple,Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>b.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>b.SchmancyDropdownContent}),Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>p.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>p.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>n.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>n.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>n.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>n.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.SchmancyListTypeContext=m.SchmancyListTypeContext,exports.$notify=o.$notify,exports.NotificationAudioService=o.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>o.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>o.SchmancyNotificationContainer}),Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:()=>g.RadioButton}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>g.RadioGroup}),exports.mutationObserver=j.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>q.SchmancySelect}),exports.SchmancySheetPosition=i.SchmancySheetPosition,exports.SheetHereMorty=i.SheetHereMorty,exports.SheetWhereAreYouRicky=i.SheetWhereAreYouRicky,exports.sheet=i.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>d.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>d.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>S.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>S.SchmancyStepsContainer}),exports.StepsController=S.StepsController,exports.stepsContext=S.stepsContext,exports.BaseStore=t.BaseStore,exports.IndexedDBStorageManager=t.IndexedDBStorageManager,exports.LocalStorageManager=t.LocalStorageManager,exports.MemoryStorageManager=t.MemoryStorageManager,exports.SchmancyArrayStore=t.SchmancyArrayStore,exports.SchmancyStoreObject=t.SchmancyStoreObject,exports.SessionStorageManager=t.SessionStorageManager,exports.StoreError=t.StoreError,exports.createStorageManager=t.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>s.SchmancySurface}),exports.SchmancySurfaceTypeContext=s.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>f.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>f.SchmancyTableRow}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>l.SchmancyThemeComponent}),exports.formateTheme=l.formateTheme,exports.tailwindStyles=l.tailwindStyles,exports.SchmancyTheme=w.SchmancyTheme,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>C.SchmancyTooltip}),exports.tooltip=C.tooltip,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>T.SchmancyTree}),exports.SchmancyEvents=M.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>I.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>N.SchmancyTypography}),exports.intersection$=A.intersection$;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.js
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import "./animated-text-
|
|
2
|
-
import { F as C, H as D, b as d, S as g, a as w, r as b } from "./area.component-
|
|
3
|
-
import "./autocomplete-
|
|
4
|
-
import { $ as M, H as T, q as I, S as A, f as N, c as v, g as R, d as E, e as F, h as H, a as B, b as $, j as L, l as O, m as k, n as G, k as Y, o as j, p as V, W, s as z, i as P, t as _ } from "./avatar-
|
|
5
|
-
import "./spinner-
|
|
6
|
-
import { S as K, a as J } from "./icon-button-
|
|
7
|
-
import { S as U } from "./checkbox-
|
|
8
|
-
import "./chips-
|
|
9
|
-
import { S as Z } from "./payment-card-form-
|
|
10
|
-
import { S as ea } from "./date-range-
|
|
11
|
-
import { S as ta, d as oa } from "./delay-
|
|
12
|
-
import { $ as sa, C as na, D as Sa, S as ma, a as ia } from "./dialog-content-
|
|
1
|
+
import "./animated-text-CRlnEvtJ.js";
|
|
2
|
+
import { F as C, H as D, b as d, S as g, a as w, r as b } from "./area.component-CRk-Eoq4.js";
|
|
3
|
+
import "./autocomplete-BYVrh34v.js";
|
|
4
|
+
import { $ as M, H as T, q as I, S as A, f as N, c as v, g as R, d as E, e as F, h as H, a as B, b as $, j as L, l as O, m as k, n as G, k as Y, o as j, p as V, W, s as z, i as P, t as _ } from "./avatar-CZJwWLSE.js";
|
|
5
|
+
import "./spinner-fGK3FMoM.js";
|
|
6
|
+
import { S as K, a as J } from "./icon-button-DpxC8WQP.js";
|
|
7
|
+
import { S as U } from "./checkbox-2zE3U2CA.js";
|
|
8
|
+
import "./chips-DBx_2dFJ.js";
|
|
9
|
+
import { S as Z } from "./payment-card-form-xPdGrSUi.js";
|
|
10
|
+
import { S as ea } from "./date-range-sbuFYvFc.js";
|
|
11
|
+
import { S as ta, d as oa } from "./delay-B1vg8_Gp.js";
|
|
12
|
+
import { $ as sa, C as na, D as Sa, S as ma, a as ia } from "./dialog-content-H5JNHI4z.js";
|
|
13
13
|
import { c as ha, f as pa, r as la } from "./ripple-BumgqsDT.js";
|
|
14
|
-
import "./divider-
|
|
15
|
-
import { S as xa, a as Ca } from "./dropdown-content-
|
|
16
|
-
import { S as da, a as ga } from "./timezone-
|
|
17
|
-
import "./form-
|
|
18
|
-
import "./icon-
|
|
19
|
-
import "./input-
|
|
20
|
-
import { S as ba, c as ua, a as Ma, b as Ta } from "./flex-
|
|
21
|
-
import { L as Aa, a as Na, S as va } from "./list-
|
|
22
|
-
import "./menu-
|
|
23
|
-
import { $ as Ea, N as Fa, S as Ha, a as Ba } from "./notification-service-
|
|
24
|
-
import "./option-
|
|
25
|
-
import { a as La, R as Oa } from "./radio-button-
|
|
14
|
+
import "./divider-BxeCR4pP.js";
|
|
15
|
+
import { S as xa, a as Ca } from "./dropdown-content-QrlJDJj9.js";
|
|
16
|
+
import { S as da, a as ga } from "./timezone-UKEAXQcC.js";
|
|
17
|
+
import "./form-DfCknx7Y.js";
|
|
18
|
+
import "./icon-BmJGenTZ.js";
|
|
19
|
+
import "./input-DnEvTRuh.js";
|
|
20
|
+
import { S as ba, c as ua, a as Ma, b as Ta } from "./flex-DT3XHFSb.js";
|
|
21
|
+
import { L as Aa, a as Na, S as va } from "./list-CPRV9D4J.js";
|
|
22
|
+
import "./menu-DZtTU6cT.js";
|
|
23
|
+
import { $ as Ea, N as Fa, S as Ha, a as Ba } from "./notification-service-jcW6LcD9.js";
|
|
24
|
+
import "./option-XmhVdbQ0.js";
|
|
25
|
+
import { a as La, R as Oa } from "./radio-button-fAQpF9XC.js";
|
|
26
26
|
import { mutationObserver as Ga } from "./rxjs-utils.js";
|
|
27
27
|
import "rxjs";
|
|
28
28
|
import "./index-CuY8m6ta.js";
|
|
29
|
-
import { S as ja } from "./select-
|
|
30
|
-
import { S as Wa, b as za, a as Pa, s as _a } from "./sheet-
|
|
31
|
-
import { S as Ka, a as Ja } from "./slider-
|
|
32
|
-
import { S as Ua, a as Xa, b as Za, s as ae } from "./schmancy-steps-container-
|
|
29
|
+
import { S as ja } from "./select-ujdAxZ6K.js";
|
|
30
|
+
import { S as Wa, b as za, a as Pa, s as _a } from "./sheet-CX5mgzlz.js";
|
|
31
|
+
import { S as Ka, a as Ja } from "./slider-C4cTmjLY.js";
|
|
32
|
+
import { S as Ua, a as Xa, b as Za, s as ae } from "./schmancy-steps-container-Cd6wx804.js";
|
|
33
33
|
import { B as re, I as te, L as oe, M as ce, S as se, a as ne, b as Se, d as me, c as ie } from "./context-object-CISes2bD.js";
|
|
34
34
|
import { p as he, a as pe, v as le, G as fe, c as xe, E as Ce, z as De, C as de, B as ge, x as we, w as be, y as ue, D as Me, F as Te, u as Ie, A as Ae, b as Ne, r as ve, d as Re, q as Ee, f as Fe, g as He, i as Be, j as $e, k as Le, l as Oe, o as ke, h as Ge, n as Ye, m as je, e as Ve, s as We, t as ze } from "./selector-hook-B6uqLA-J.js";
|
|
35
|
-
import { a as _e, S as qe } from "./surface-
|
|
36
|
-
import { a as Je, S as Qe } from "./table-
|
|
37
|
-
import "./tabs-compatibility-
|
|
38
|
-
import "./textarea-
|
|
39
|
-
import { S as Xe, f as Ze, t as ar } from "./theme.component-
|
|
35
|
+
import { a as _e, S as qe } from "./surface-BgYWVNyL.js";
|
|
36
|
+
import { a as Je, S as Qe } from "./table-COmozyPk.js";
|
|
37
|
+
import "./tabs-compatibility-BdcN_IDz.js";
|
|
38
|
+
import "./textarea-CztnQryA.js";
|
|
39
|
+
import { S as Xe, f as Ze, t as ar } from "./theme.component-DkFe9fpE.js";
|
|
40
40
|
import { S as rr } from "./theme.interface-C5Kj6WjD.js";
|
|
41
|
-
import "./theme-button-
|
|
42
|
-
import { S as or, t as cr } from "./tooltip-
|
|
43
|
-
import { S as nr } from "./tree-
|
|
41
|
+
import "./theme-button-DaEkh8la.js";
|
|
42
|
+
import { S as or, t as cr } from "./tooltip-CmvJQPh0.js";
|
|
43
|
+
import { S as nr } from "./tree-BEYMdPfY.js";
|
|
44
44
|
import { SchmancyEvents as mr } from "./types.js";
|
|
45
|
-
import { T as yr } from "./typewriter-
|
|
46
|
-
import { S as pr } from "./typography-
|
|
45
|
+
import { T as yr } from "./typewriter-CFYwWJfp.js";
|
|
46
|
+
import { S as pr } from "./typography-C8sf8eaH.js";
|
|
47
47
|
import { i as fr } from "./intersection-CJxzz8c-.js";
|
|
48
48
|
export {
|
|
49
49
|
sa as $dialog,
|
|
@@ -6,7 +6,7 @@ import { when as $ } from "lit/directives/when.js";
|
|
|
6
6
|
import { fromEvent as d, map as x, takeUntil as m, distinctUntilChanged as w, filter as g } from "rxjs";
|
|
7
7
|
import "lit/directives/class-map.js";
|
|
8
8
|
import "lit/directives/style-map.js";
|
|
9
|
-
import { T as z } from "./tailwind.mixin-
|
|
9
|
+
import { T as z } from "./tailwind.mixin-D-kkSKp-.js";
|
|
10
10
|
import { c as b } from "./ripple-BumgqsDT.js";
|
|
11
11
|
import { S as c } from "./theme.interface-C5Kj6WjD.js";
|
|
12
12
|
const I = ":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}input:focus-visible{outline:none!important}input{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}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes onAutoFillStart{}input:-webkit-autofill{animation-name:onAutoFillStart}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--schmancy-sys-color-surface-highest) inset!important;-webkit-text-fill-color:var(--schmancy-sys-color-surface-on)!important;transition:background-color 5000s ease-in-out 0s}@-moz-document url-prefix(){input:-moz-autofill,input:-moz-autofill:focus{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}}input:autofill,input:autofill:hover,input:autofill:focus,input:autofill:active{background-color:var(--schmancy-sys-color-surface-highest)!important;color:var(--schmancy-sys-color-surface-on)!important}";
|
|
@@ -387,4 +387,4 @@ let o = class extends z(I) {
|
|
|
387
387
|
}
|
|
388
388
|
};
|
|
389
389
|
o._idCounter = 0, o.formAssociated = !0, o.shadowRootOptions = { ...k.shadowRootOptions, delegatesFocus: !0 }, n([i({ reflect: !0 })], o.prototype, "id", 2), n([i({ type: String })], o.prototype, "label", 2), n([i({ reflect: !0 })], o.prototype, "type", 2), n([i()], o.prototype, "name", 2), n([i()], o.prototype, "placeholder", 2), n([i({ type: String, reflect: !0 })], o.prototype, "value", 2), n([i({ type: String, reflect: !0 })], o.prototype, "pattern", 2), n([i({ type: Boolean, reflect: !0 })], o.prototype, "required", 2), n([i({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), n([i({ type: Boolean, reflect: !0 })], o.prototype, "readonly", 2), n([i({ type: Boolean, reflect: !0 })], o.prototype, "clickable", 2), n([i({ type: Boolean, reflect: !0 })], o.prototype, "spellcheck", 2), n([i({ type: String, reflect: !0 })], o.prototype, "align", 2), n([i()], o.prototype, "inputmode", 2), n([i({ type: Number })], o.prototype, "minlength", 2), n([i({ type: Number })], o.prototype, "maxlength", 2), n([i()], o.prototype, "min", 2), n([i()], o.prototype, "max", 2), n([i({ type: Number, reflect: !0 })], o.prototype, "step", 2), n([i({ type: Boolean })], o.prototype, "autofocus", 2), n([i({ type: String, reflect: !0 })], o.prototype, "autocomplete", 2), n([i({ type: Number, reflect: !0 })], o.prototype, "tabIndex", 2), n([i()], o.prototype, "hint", 2), n([i({ type: Boolean, reflect: !0 })], o.prototype, "error", 2), n([R("input")], o.prototype, "inputElement", 2), o = n([V("schmancy-input")], o);
|
|
390
|
-
//# sourceMappingURL=input-
|
|
390
|
+
//# sourceMappingURL=input-DnEvTRuh.js.map
|