@mhmo91/schmancy 0.5.34 → 0.5.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/content-drawer.md +114 -140
- package/ai/navigation-bar.md +30 -4
- package/ai/navigation-rail.md +72 -0
- package/ai/theme.md +218 -789
- package/dist/ai/content-drawer.md +114 -140
- package/dist/ai/navigation-bar.md +30 -4
- package/dist/ai/navigation-rail.md +72 -0
- package/dist/ai/theme.md +218 -789
- package/dist/{animated-text-COvhr8E3.js → animated-text-BEAHZetl.js} +4 -3
- package/dist/{animated-text-COvhr8E3.js.map → animated-text-BEAHZetl.js.map} +1 -1
- package/dist/{animated-text-BZUrBdvN.cjs → animated-text-ChV1GUee.cjs} +2 -2
- package/dist/{animated-text-BZUrBdvN.cjs.map → animated-text-ChV1GUee.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-BHtBHWVt.js → area.component-R4KQInpP.js} +4 -3
- package/dist/{area.component-BHtBHWVt.js.map → area.component-R4KQInpP.js.map} +1 -1
- package/dist/area.component-cxxQIhCN.cjs +12 -0
- package/dist/{area.component-Ch2Eaa4i.cjs.map → area.component-cxxQIhCN.cjs.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-CenwFcT1.cjs → autocomplete-Cq_NzrBX.cjs} +2 -2
- package/dist/{autocomplete-CenwFcT1.cjs.map → autocomplete-Cq_NzrBX.cjs.map} +1 -1
- package/dist/{autocomplete-9RkU9LmA.js → autocomplete-DKYBmt2q.js} +18 -18
- package/dist/{autocomplete-9RkU9LmA.js.map → autocomplete-DKYBmt2q.js.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-DnYQquLU.js → avatar-DJ7qYc6-.js} +163 -152
- package/dist/avatar-DJ7qYc6-.js.map +1 -0
- package/dist/avatar-DbUCDe1w.cjs +306 -0
- package/dist/avatar-DbUCDe1w.cjs.map +1 -0
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/boat-BBFE1yJY.js +276 -0
- package/dist/boat-BBFE1yJY.js.map +1 -0
- package/dist/boat-BSYtwy1W.cjs +78 -0
- package/dist/boat-BSYtwy1W.cjs.map +1 -0
- package/dist/boat.cjs +1 -1
- package/dist/boat.js +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-8djp_8NK.cjs → checkbox-BBJqucMb.cjs} +2 -2
- package/dist/{checkbox-8djp_8NK.cjs.map → checkbox-BBJqucMb.cjs.map} +1 -1
- package/dist/{checkbox-D6-WQeEk.js → checkbox-geD1IIHh.js} +3 -2
- package/dist/{checkbox-D6-WQeEk.js.map → checkbox-geD1IIHh.js.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +2 -2
- package/dist/code-highlight.cjs +1 -1
- package/dist/code-highlight.js +1 -1
- package/dist/{code-preview-BFoEmN8y.cjs → code-preview-CR3U6wXD.cjs} +5 -5
- package/dist/{code-preview-BFoEmN8y.cjs.map → code-preview-CR3U6wXD.cjs.map} +1 -1
- package/dist/{code-preview-Z02-2suM.js → code-preview-D2ZpTZ7C.js} +8 -8
- package/dist/{code-preview-Z02-2suM.js.map → code-preview-D2ZpTZ7C.js.map} +1 -1
- package/dist/components.cjs +1 -1
- package/dist/components.js +1 -1
- package/dist/content-drawer.cjs +1 -1
- package/dist/content-drawer.js +1 -1
- package/dist/context-create-CA907mdD.cjs +2 -0
- package/dist/context-create-CA907mdD.cjs.map +1 -0
- package/dist/{context-object-BE1o2XB3.js → context-create-DCiujzV2.js} +262 -212
- package/dist/context-create-DCiujzV2.js.map +1 -0
- package/dist/{date-range-DoCtnpW6.cjs → date-range-DkSLcajW.cjs} +2 -2
- package/dist/{date-range-DoCtnpW6.cjs.map → date-range-DkSLcajW.cjs.map} +1 -1
- package/dist/{date-range-kFnTrnHN.js → date-range-NB6Q02hz.js} +141 -140
- package/dist/{date-range-kFnTrnHN.js.map → date-range-NB6Q02hz.js.map} +1 -1
- package/dist/date-range-inline-C8InUZoD.cjs +44 -0
- package/dist/{date-range-inline-DNr7C5X-.cjs.map → date-range-inline-C8InUZoD.cjs.map} +1 -1
- package/dist/{date-range-inline-BXeX6T7R.js → date-range-inline-DXBR0Ocx.js} +8 -7
- package/dist/{date-range-inline-BXeX6T7R.js.map → date-range-inline-DXBR0Ocx.js.map} +1 -1
- package/dist/date-range-inline.cjs +1 -1
- package/dist/date-range-inline.js +1 -1
- package/dist/date-range.cjs +1 -1
- package/dist/date-range.js +1 -1
- package/dist/{delay-CrdOikhP.cjs → delay-B4IPKZEn.cjs} +2 -2
- package/dist/{delay-CrdOikhP.cjs.map → delay-B4IPKZEn.cjs.map} +1 -1
- package/dist/{delay-Cz-9rZxi.js → delay-DsOC-uuq.js} +2 -2
- package/dist/{delay-Cz-9rZxi.js.map → delay-DsOC-uuq.js.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{details-CsqhGMjL.cjs → details-7pcQWJF9.cjs} +2 -2
- package/dist/{details-CsqhGMjL.cjs.map → details-7pcQWJF9.cjs.map} +1 -1
- package/dist/{details-DeBtsJlp.js → details-D6Vq36lN.js} +3 -2
- package/dist/{details-DeBtsJlp.js.map → details-D6Vq36lN.js.map} +1 -1
- package/dist/details.cjs +1 -1
- package/dist/details.js +1 -1
- package/dist/{dialog-content-BzSQoM2J.cjs → dialog-content-BC--KBf7.cjs} +2 -2
- package/dist/{dialog-content-BzSQoM2J.cjs.map → dialog-content-BC--KBf7.cjs.map} +1 -1
- package/dist/{dialog-content-DTKdAF_l.js → dialog-content-XoKxxGTv.js} +4 -4
- package/dist/{dialog-content-DTKdAF_l.js.map → dialog-content-XoKxxGTv.js.map} +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/discovery.cjs +2 -0
- package/dist/discovery.cjs.map +1 -0
- package/dist/discovery.js +6 -0
- package/dist/discovery.js.map +1 -0
- package/dist/discovery.service-BbYjU5x8.js +21 -0
- package/dist/discovery.service-BbYjU5x8.js.map +1 -0
- package/dist/discovery.service-BpGCuXPd.cjs +2 -0
- package/dist/discovery.service-BpGCuXPd.cjs.map +1 -0
- package/dist/divider-55yUklFI.cjs +2 -0
- package/dist/{divider-CNxOc8ep.cjs.map → divider-55yUklFI.cjs.map} +1 -1
- package/dist/{divider-7iyyEd8k.js → divider-JaB5FtmR.js} +4 -3
- package/dist/{divider-7iyyEd8k.js.map → divider-JaB5FtmR.js.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-De0OkNoq.cjs → dropdown-content-C2nxdAFA.cjs} +2 -2
- package/dist/{dropdown-content-De0OkNoq.cjs.map → dropdown-content-C2nxdAFA.cjs.map} +1 -1
- package/dist/{dropdown-content-_GMpqsNq.js → dropdown-content-Qzt-B1FB.js} +4 -3
- package/dist/{dropdown-content-_GMpqsNq.js.map → dropdown-content-Qzt-B1FB.js.map} +1 -1
- package/dist/dropdown.cjs +1 -1
- package/dist/dropdown.js +1 -1
- package/dist/{email-recipients-DS01C3V3.cjs → email-recipients-7reIxhmF.cjs} +2 -2
- package/dist/{email-recipients-DS01C3V3.cjs.map → email-recipients-7reIxhmF.cjs.map} +1 -1
- package/dist/{email-recipients-CPZlUiRR.js → email-recipients-C3TfQU2c.js} +6 -5
- package/dist/{email-recipients-CPZlUiRR.js.map → email-recipients-C3TfQU2c.js.map} +1 -1
- package/dist/extra.cjs +1 -1
- package/dist/extra.js +1 -1
- package/dist/{flex-CHf9Gc5V.cjs → flex-1y7FNRpS.cjs} +2 -2
- package/dist/{flex-CHf9Gc5V.cjs.map → flex-1y7FNRpS.cjs.map} +1 -1
- package/dist/{flex-BeSoRNTu.js → flex-DauT7n0E.js} +3 -2
- package/dist/{flex-BeSoRNTu.js.map → flex-DauT7n0E.js.map} +1 -1
- package/dist/{form-DNeKagke.js → form-DqA7DfNR.js} +3 -2
- package/dist/{form-DNeKagke.js.map → form-DqA7DfNR.js.map} +1 -1
- package/dist/form-Xg8jZsBF.cjs +2 -0
- package/dist/{form-DzDksPgv.cjs.map → form-Xg8jZsBF.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{formField.mixin-D5YAYIS1.cjs → formField.mixin-BnSYnYXQ.cjs} +2 -2
- package/dist/{formField.mixin-D5YAYIS1.cjs.map → formField.mixin-BnSYnYXQ.cjs.map} +1 -1
- package/dist/{formField.mixin-BNj75WQ4.js → formField.mixin-YvrrvL_A.js} +2 -2
- package/dist/{formField.mixin-BNj75WQ4.js.map → formField.mixin-YvrrvL_A.js.map} +1 -1
- package/dist/{icon-DebIySqv.cjs → icon-BFYUD00J.cjs} +3 -3
- package/dist/{icon-DebIySqv.cjs.map → icon-BFYUD00J.cjs.map} +1 -1
- package/dist/{icon-CCMpTJTp.js → icon-BtdeB2JT.js} +9 -9
- package/dist/{icon-CCMpTJTp.js.map → icon-BtdeB2JT.js.map} +1 -1
- package/dist/{icon-button-DwnnW2oj.cjs → icon-button-B-uxvO86.cjs} +2 -2
- package/dist/{icon-button-DwnnW2oj.cjs.map → icon-button-B-uxvO86.cjs.map} +1 -1
- package/dist/{icon-button-D6DH52j4.js → icon-button-DwL4WnDE.js} +4 -3
- package/dist/{icon-button-D6DH52j4.js.map → icon-button-DwL4WnDE.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 +187 -182
- package/dist/index.js.map +1 -1
- package/dist/{input-DtHPCCyd.js → input-CuOmXLVJ.js} +4 -3
- package/dist/{input-DtHPCCyd.js.map → input-CuOmXLVJ.js.map} +1 -1
- package/dist/input-PoerIsqx.cjs +51 -0
- package/dist/{input-C2Vz-51i.cjs.map → input-PoerIsqx.cjs.map} +1 -1
- package/dist/{input-chip-B7ANrtLF.cjs → input-chip-BlmZB-cO.cjs} +2 -2
- package/dist/{input-chip-B7ANrtLF.cjs.map → input-chip-BlmZB-cO.cjs.map} +1 -1
- package/dist/{input-chip-DbIvSyvP.js → input-chip-CcNElytP.js} +2 -2
- package/dist/{input-chip-DbIvSyvP.js.map → input-chip-CcNElytP.js.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-BH8OJ3Rv.cjs → list-BJjW-iAW.cjs} +2 -2
- package/dist/{list-BH8OJ3Rv.cjs.map → list-BJjW-iAW.cjs.map} +1 -1
- package/dist/{list-BBo0--_Q.js → list-Bou3BRYQ.js} +3 -2
- package/dist/{list-BBo0--_Q.js.map → list-Bou3BRYQ.js.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-CzF0mNQd.js → litElement.mixin-Bkdw4DeE.js} +2 -2
- package/dist/{litElement.mixin-CzF0mNQd.js.map → litElement.mixin-Bkdw4DeE.js.map} +1 -1
- package/dist/{litElement.mixin-LplXbzd8.cjs → litElement.mixin-Di-HgRnn.cjs} +2 -2
- package/dist/{litElement.mixin-LplXbzd8.cjs.map → litElement.mixin-Di-HgRnn.cjs.map} +1 -1
- package/dist/mailbox.cjs +1 -1
- package/dist/mailbox.js +1 -1
- package/dist/{map-C7lxYU4A.cjs → map-CXNKwo__.cjs} +2 -2
- package/dist/{map-C7lxYU4A.cjs.map → map-CXNKwo__.cjs.map} +1 -1
- package/dist/{map-DeiCBxMP.js → map-bUVyL7jN.js} +19 -19
- package/dist/{map-DeiCBxMP.js.map → map-bUVyL7jN.js.map} +1 -1
- package/dist/map.cjs +1 -1
- package/dist/map.js +1 -1
- package/dist/{media-CsYVcfaX.cjs → media-8D6oDv1e.cjs} +6 -6
- package/dist/{media-CsYVcfaX.cjs.map → media-8D6oDv1e.cjs.map} +1 -1
- package/dist/{media-CEnaqjig.js → media-CF1lpFAm.js} +9 -8
- package/dist/{media-CEnaqjig.js.map → media-CF1lpFAm.js.map} +1 -1
- package/dist/{menu-Boqsyfmh.cjs → menu-B8Ad1OVm.cjs} +2 -2
- package/dist/{menu-Boqsyfmh.cjs.map → menu-B8Ad1OVm.cjs.map} +1 -1
- package/dist/{menu-wtkHGlyc.js → menu-C9mJa_ck.js} +4 -3
- package/dist/{menu-wtkHGlyc.js.map → menu-C9mJa_ck.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/mixins/baseElement.ts +33 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/navigation-bar.cjs +1 -1
- package/dist/navigation-bar.js +1 -1
- package/dist/{navigation-rail-6ONc-XE-.cjs → navigation-rail-CAgKSJh4.cjs} +14 -11
- package/dist/navigation-rail-CAgKSJh4.cjs.map +1 -0
- package/dist/{navigation-rail-D-lK9oVd.js → navigation-rail-Dh3B6B0L.js} +43 -31
- package/dist/navigation-rail-Dh3B6B0L.js.map +1 -0
- package/dist/navigation-rail.cjs +1 -1
- package/dist/navigation-rail.js +1 -1
- package/dist/{notification-service-ZiGUSd63.js → notification-service-IBQJTcmw.js} +7 -6
- package/dist/{notification-service-ZiGUSd63.js.map → notification-service-IBQJTcmw.js.map} +1 -1
- package/dist/{notification-service-9HXSKWcw.cjs → notification-service-L82ozhd0.cjs} +2 -2
- package/dist/{notification-service-9HXSKWcw.cjs.map → notification-service-L82ozhd0.cjs.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +2 -2
- package/dist/{notify-W-NrP0cC.cjs → notify-AIKWEjDG.cjs} +2 -2
- package/dist/{notify-W-NrP0cC.cjs.map → notify-AIKWEjDG.cjs.map} +1 -1
- package/dist/{notify-DbfX6Z2P.js → notify-CtxRmxjL.js} +2 -2
- package/dist/{notify-DbfX6Z2P.js.map → notify-CtxRmxjL.js.map} +1 -1
- package/dist/{option-D2bxihLu.cjs → option-D5OW1kDk.cjs} +2 -2
- package/dist/{option-D2bxihLu.cjs.map → option-D5OW1kDk.cjs.map} +1 -1
- package/dist/{option-BFlWiCu0.js → option-DHGTgRBn.js} +11 -10
- package/dist/{option-BFlWiCu0.js.map → option-DHGTgRBn.js.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/payment-card-form-CHS_s_Fk.cjs +74 -0
- package/dist/{payment-card-form--v94EhJF.cjs.map → payment-card-form-CHS_s_Fk.cjs.map} +1 -1
- package/dist/{payment-card-form-DLRNX9NX.js → payment-card-form-wj2JWoyn.js} +4 -3
- package/dist/{payment-card-form-DLRNX9NX.js.map → payment-card-form-wj2JWoyn.js.map} +1 -1
- package/dist/{progress-CjkD8QBy.cjs → progress-CP4R_l3i.cjs} +2 -2
- package/dist/{progress-CjkD8QBy.cjs.map → progress-CP4R_l3i.cjs.map} +1 -1
- package/dist/{progress-BYohUvYO.js → progress-ZrDv_k3Z.js} +10 -9
- package/dist/{progress-BYohUvYO.js.map → progress-ZrDv_k3Z.js.map} +1 -1
- package/dist/progress.cjs +1 -1
- package/dist/progress.js +1 -1
- package/dist/{radio-button-CGmGOAil.cjs → radio-button-BXP_yPjS.cjs} +2 -2
- package/dist/{radio-button-CGmGOAil.cjs.map → radio-button-BXP_yPjS.cjs.map} +1 -1
- package/dist/{radio-button-BlxeCjdq.js → radio-button-D0pVoIe-.js} +4 -3
- package/dist/{radio-button-BlxeCjdq.js.map → radio-button-D0pVoIe-.js.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-CydL78yk.cjs → schmancy-steps-container-BSv1aURP.cjs} +2 -2
- package/dist/{schmancy-steps-container-CydL78yk.cjs.map → schmancy-steps-container-BSv1aURP.cjs.map} +1 -1
- package/dist/{schmancy-steps-container-BtAHCm73.js → schmancy-steps-container-vjioa19k.js} +2 -2
- package/dist/{schmancy-steps-container-BtAHCm73.js.map → schmancy-steps-container-vjioa19k.js.map} +1 -1
- package/dist/{select-CrB02cIO.cjs → select-DZ-Cy-lg.cjs} +2 -2
- package/dist/{select-CrB02cIO.cjs.map → select-DZ-Cy-lg.cjs.map} +1 -1
- package/dist/{select-BiN334GN.js → select-SgSe22qC.js} +13 -13
- package/dist/{select-BiN334GN.js.map → select-SgSe22qC.js.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/selector-hook-BWMY8npH.cjs +2 -0
- package/dist/selector-hook-BWMY8npH.cjs.map +1 -0
- package/dist/selector-hook-CKeyK4K-.js +313 -0
- package/dist/selector-hook-CKeyK4K-.js.map +1 -0
- package/dist/{sheet-sgVoRMi1.cjs → sheet-CNMKrulQ.cjs} +2 -2
- package/dist/{sheet-sgVoRMi1.cjs.map → sheet-CNMKrulQ.cjs.map} +1 -1
- package/dist/{sheet-DpJv4DRi.js → sheet-CevNG0tZ.js} +4 -3
- package/dist/{sheet-DpJv4DRi.js.map → sheet-CevNG0tZ.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +1 -1
- package/dist/{slider-Dd1L6oYm.cjs → slider-BSxJatG-.cjs} +4 -4
- package/dist/{slider-Dd1L6oYm.cjs.map → slider-BSxJatG-.cjs.map} +1 -1
- package/dist/{slider-D7qdxfvX.js → slider-DIRocNv8.js} +9 -9
- package/dist/{slider-D7qdxfvX.js.map → slider-DIRocNv8.js.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-CaXU45TV.cjs → spinner-Cx54uto8.cjs} +2 -2
- package/dist/{spinner-CaXU45TV.cjs.map → spinner-Cx54uto8.cjs.map} +1 -1
- package/dist/{spinner-XN4W5ihQ.js → spinner-DZcG-AtO.js} +3 -2
- package/dist/{spinner-XN4W5ihQ.js.map → spinner-DZcG-AtO.js.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/store.cjs +1 -1
- package/dist/store.js +26 -26
- package/dist/{suggestion-chip-CdhoATv9.js → suggestion-chip-DADIje6B.js} +3 -3
- package/dist/{suggestion-chip-CdhoATv9.js.map → suggestion-chip-DADIje6B.js.map} +1 -1
- package/dist/{suggestion-chip-PI24Hc3s.cjs → suggestion-chip-ssmmc0q6.cjs} +2 -2
- package/dist/{suggestion-chip-PI24Hc3s.cjs.map → suggestion-chip-ssmmc0q6.cjs.map} +1 -1
- package/dist/{surface-CKrYJ58l.js → surface-_cS9Ehk0.js} +2 -2
- package/dist/{surface-CKrYJ58l.js.map → surface-_cS9Ehk0.js.map} +1 -1
- package/dist/{surface-Ax6I7ldp.cjs → surface-ix9qOb7a.cjs} +2 -2
- package/dist/{surface-Ax6I7ldp.cjs.map → surface-ix9qOb7a.cjs.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-CP6_NkPm.js → table-Bi2ftsJe.js} +2 -2
- package/dist/{table-CP6_NkPm.js.map → table-Bi2ftsJe.js.map} +1 -1
- package/dist/{table-BlwUyf_4.cjs → table-DSEK3bMb.cjs} +2 -2
- package/dist/{table-BlwUyf_4.cjs.map → table-DSEK3bMb.cjs.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-CX0cIu_Y.cjs → tabs-compatibility-BE2Q3rig.cjs} +4 -4
- package/dist/{tabs-compatibility-CX0cIu_Y.cjs.map → tabs-compatibility-BE2Q3rig.cjs.map} +1 -1
- package/dist/{tabs-compatibility-7QKuXX4i.js → tabs-compatibility-DA3RIq35.js} +7 -6
- package/dist/{tabs-compatibility-7QKuXX4i.js.map → tabs-compatibility-DA3RIq35.js.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/tailwind.mixin-CvQn8Ynb.cjs +2 -0
- package/dist/tailwind.mixin-CvQn8Ynb.cjs.map +1 -0
- package/dist/tailwind.mixin-DGLcZhRp.js +57 -0
- package/dist/tailwind.mixin-DGLcZhRp.js.map +1 -0
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-DHrDn-O6.js → textarea-CBb2CzKu.js} +3 -2
- package/dist/{textarea-DHrDn-O6.js.map → textarea-CBb2CzKu.js.map} +1 -1
- package/dist/textarea-ClgK_mP6.cjs +44 -0
- package/dist/{textarea-qLA0vP78.cjs.map → textarea-ClgK_mP6.cjs.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/theme-button-Dhp3ozyB.cjs +9 -0
- package/dist/{theme-button-D7fBEUGf.cjs.map → theme-button-Dhp3ozyB.cjs.map} +1 -1
- package/dist/{theme-button-BEUsbH5m.js → theme-button-Z_xWXMaf.js} +6 -5
- package/dist/{theme-button-BEUsbH5m.js.map → theme-button-Z_xWXMaf.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-ByGua01V.js → theme.controls-BtaZcM7z.js} +367 -238
- package/dist/theme.controls-BtaZcM7z.js.map +1 -0
- package/dist/theme.controls-C_zAMJgA.cjs +67 -0
- package/dist/theme.controls-C_zAMJgA.cjs.map +1 -0
- package/dist/theme.js +13 -11
- package/dist/{timezone-BpDMR26D.js → timezone-CZ0gCI2P.js} +10 -9
- package/dist/{timezone-BpDMR26D.js.map → timezone-CZ0gCI2P.js.map} +1 -1
- package/dist/{timezone-Bw4EXBt7.cjs → timezone-DucGbWcE.cjs} +2 -2
- package/dist/{timezone-Bw4EXBt7.cjs.map → timezone-DucGbWcE.cjs.map} +1 -1
- package/dist/{tooltip-Dhs4HL3A.cjs → tooltip-BSWp7Mmz.cjs} +2 -2
- package/dist/{tooltip-Dhs4HL3A.cjs.map → tooltip-BSWp7Mmz.cjs.map} +1 -1
- package/dist/{tooltip-B1jynZOH.js → tooltip-BSppSqZM.js} +2 -2
- package/dist/{tooltip-B1jynZOH.js.map → tooltip-BSppSqZM.js.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-D-ezei_U.cjs → tree-DL71EUih.cjs} +4 -4
- package/dist/{tree-D-ezei_U.cjs.map → tree-DL71EUih.cjs.map} +1 -1
- package/dist/{tree-BH1qCJ_U.js → tree-dEse6eMH.js} +3 -2
- package/dist/{tree-BH1qCJ_U.js.map → tree-dEse6eMH.js.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/typewriter-B1Au4MRO.cjs +9 -0
- package/dist/{typewriter-CtPh4Pyj.cjs.map → typewriter-B1Au4MRO.cjs.map} +1 -1
- package/dist/{typewriter-DQbpNPtY.js → typewriter-DBvUYzpl.js} +5 -4
- package/dist/{typewriter-DQbpNPtY.js.map → typewriter-DBvUYzpl.js.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-BrIaOYmC.cjs → typography-3gXQvLXN.cjs} +2 -2
- package/dist/{typography-BrIaOYmC.cjs.map → typography-3gXQvLXN.cjs.map} +1 -1
- package/dist/{typography-D71cmr0R.js → typography-iOtjgSkI.js} +2 -2
- package/dist/{typography-D71cmr0R.js.map → typography-iOtjgSkI.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/types/mixins/baseElement.d.ts +2 -1
- package/types/src/boat/boat.d.ts +10 -5
- package/types/src/discovery/discovery.service.d.ts +17 -0
- package/types/src/discovery/index.d.ts +1 -0
- package/types/src/index.d.ts +1 -0
- package/types/src/navigation-bar/navigation-bar.d.ts +19 -2
- package/types/src/navigation-rail/navigation-rail.d.ts +13 -0
- package/types/src/theme/index.d.ts +1 -0
- package/types/src/theme/theme.controls.d.ts +27 -0
- package/types/src/theme/theme.service.d.ts +58 -2
- package/dist/area.component-Ch2Eaa4i.cjs +0 -12
- package/dist/avatar-DZMY4ePP.cjs +0 -303
- package/dist/avatar-DZMY4ePP.cjs.map +0 -1
- package/dist/avatar-DnYQquLU.js.map +0 -1
- package/dist/boat-CUsJXaLf.js +0 -240
- package/dist/boat-CUsJXaLf.js.map +0 -1
- package/dist/boat-Dfx9-P8c.cjs +0 -83
- package/dist/boat-Dfx9-P8c.cjs.map +0 -1
- package/dist/context-object-BE1o2XB3.js.map +0 -1
- package/dist/context-object-DA9DM9QJ.cjs +0 -2
- package/dist/context-object-DA9DM9QJ.cjs.map +0 -1
- package/dist/date-range-inline-DNr7C5X-.cjs +0 -44
- package/dist/divider-CNxOc8ep.cjs +0 -2
- package/dist/form-DzDksPgv.cjs +0 -2
- package/dist/input-C2Vz-51i.cjs +0 -51
- package/dist/navigation-rail-6ONc-XE-.cjs.map +0 -1
- package/dist/navigation-rail-D-lK9oVd.js.map +0 -1
- package/dist/payment-card-form--v94EhJF.cjs +0 -74
- package/dist/selector-hook-DOsvFxG2.js +0 -364
- package/dist/selector-hook-DOsvFxG2.js.map +0 -1
- package/dist/selector-hook-DQ9zoDM4.cjs +0 -2
- package/dist/selector-hook-DQ9zoDM4.cjs.map +0 -1
- package/dist/tailwind.mixin-BjDGMGbj.js +0 -43
- package/dist/tailwind.mixin-BjDGMGbj.js.map +0 -1
- package/dist/tailwind.mixin-ClfV2_Nh.cjs +0 -2
- package/dist/tailwind.mixin-ClfV2_Nh.cjs.map +0 -1
- package/dist/textarea-qLA0vP78.cjs +0 -44
- package/dist/theme-button-D7fBEUGf.cjs +0 -9
- package/dist/theme.component-ByGua01V.js.map +0 -1
- package/dist/theme.component-CQ1trrZB.cjs +0 -3
- package/dist/theme.component-CQ1trrZB.cjs.map +0 -1
- package/dist/typewriter-CtPh4Pyj.cjs +0 -9
|
@@ -4,6 +4,7 @@ declare const SchmancyNavigationBar_base: import("../../mixins").Constructor<Cus
|
|
|
4
4
|
*
|
|
5
5
|
* A horizontal navigation component following Material Design 3 specifications.
|
|
6
6
|
* Navigation bars provide access to between 3-7 primary destinations, fixed at the bottom of the viewport.
|
|
7
|
+
* Automatically hides in fullscreen mode when triggered via schmancyTheme.next({ fullscreen: true }).
|
|
7
8
|
*
|
|
8
9
|
* @element schmancy-navigation-bar
|
|
9
10
|
* @slot - Default slot for navigation bar items
|
|
@@ -51,7 +52,15 @@ export declare class SchmancyNavigationBar extends SchmancyNavigationBar_base {
|
|
|
51
52
|
/**
|
|
52
53
|
* Whether the navigation bar is hidden due to scrolling
|
|
53
54
|
*/
|
|
54
|
-
private
|
|
55
|
+
private isHiddenByScroll;
|
|
56
|
+
/**
|
|
57
|
+
* Whether the navigation bar is hidden due to fullscreen mode
|
|
58
|
+
*/
|
|
59
|
+
private isFullscreen;
|
|
60
|
+
/**
|
|
61
|
+
* Get all navigation bar items from the slot
|
|
62
|
+
*/
|
|
63
|
+
private getItems;
|
|
55
64
|
/**
|
|
56
65
|
* Minimum scroll threshold before triggering hide/show
|
|
57
66
|
*/
|
|
@@ -61,7 +70,6 @@ export declare class SchmancyNavigationBar extends SchmancyNavigationBar_base {
|
|
|
61
70
|
* Set up RxJS-based scroll listener
|
|
62
71
|
*/
|
|
63
72
|
private setupScrollListener;
|
|
64
|
-
disconnectedCallback(): void;
|
|
65
73
|
/**
|
|
66
74
|
* Handle item click events
|
|
67
75
|
*/
|
|
@@ -78,6 +86,15 @@ export declare class SchmancyNavigationBar extends SchmancyNavigationBar_base {
|
|
|
78
86
|
* Update the list of navigation items
|
|
79
87
|
*/
|
|
80
88
|
private updateItems;
|
|
89
|
+
/**
|
|
90
|
+
* Add a boat item to the navigation bar
|
|
91
|
+
* @param config Configuration for the boat item
|
|
92
|
+
*/
|
|
93
|
+
addBoatItem(config: {
|
|
94
|
+
id: string;
|
|
95
|
+
title: string;
|
|
96
|
+
icon?: string;
|
|
97
|
+
}): void;
|
|
81
98
|
/**
|
|
82
99
|
* Update active states on all items
|
|
83
100
|
*/
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { PropertyValues } from 'lit';
|
|
2
|
+
import { SchmancyNavigationRailItem } from './navigation-rail-item';
|
|
2
3
|
export type NavigateEvent = CustomEvent<string>;
|
|
3
4
|
export type NavigationRailMenuClickEvent = CustomEvent<void>;
|
|
4
5
|
export type NavigationRailFabClickEvent = CustomEvent<void>;
|
|
@@ -12,6 +13,7 @@ declare const SchmancyNavigationRail_base: CustomElementConstructor & import("@m
|
|
|
12
13
|
*
|
|
13
14
|
* A Material Design 3 vertical navigation component positioned on the left side of an application.
|
|
14
15
|
* Navigation rails provide access to between 3-7 primary destinations with a compact footprint.
|
|
16
|
+
* Automatically hides in fullscreen mode when triggered via schmancyTheme.next({ fullscreen: true }).
|
|
15
17
|
*
|
|
16
18
|
* @element schmancy-navigation-rail
|
|
17
19
|
* @slot fab - Slot for a floating action button at the top
|
|
@@ -86,6 +88,7 @@ export declare class SchmancyNavigationRail extends SchmancyNavigationRail_base
|
|
|
86
88
|
*/
|
|
87
89
|
expanded: boolean;
|
|
88
90
|
private focusedIndex;
|
|
91
|
+
private isFullscreen;
|
|
89
92
|
private allElements;
|
|
90
93
|
private get navigationItems();
|
|
91
94
|
connectedCallback(): void;
|
|
@@ -101,6 +104,16 @@ export declare class SchmancyNavigationRail extends SchmancyNavigationRail_base
|
|
|
101
104
|
* Programmatically collapse the navigation rail
|
|
102
105
|
*/
|
|
103
106
|
collapse(): void;
|
|
107
|
+
/**
|
|
108
|
+
* Add a boat item to the navigation rail
|
|
109
|
+
* @param config Configuration for the boat item
|
|
110
|
+
* @returns The created navigation rail item element
|
|
111
|
+
*/
|
|
112
|
+
addBoatItem(config: {
|
|
113
|
+
id: string;
|
|
114
|
+
title: string;
|
|
115
|
+
icon?: string;
|
|
116
|
+
}): SchmancyNavigationRailItem;
|
|
104
117
|
/**
|
|
105
118
|
* Toggle the navigation rail between expanded and collapsed states
|
|
106
119
|
*/
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
interface ColorPreset {
|
|
2
|
+
name: string;
|
|
3
|
+
value: string;
|
|
4
|
+
category?: 'primary' | 'secondary' | 'accent';
|
|
5
|
+
}
|
|
6
|
+
declare const ThemeControls_base: CustomElementConstructor & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
|
|
7
|
+
export declare class ThemeControls extends ThemeControls_base {
|
|
8
|
+
private currentScheme;
|
|
9
|
+
private currentColor;
|
|
10
|
+
resolvedScheme: 'dark' | 'light';
|
|
11
|
+
customColors?: ColorPreset[];
|
|
12
|
+
private colorInput$;
|
|
13
|
+
private get presetColors();
|
|
14
|
+
connectedCallback(): void;
|
|
15
|
+
private setScheme;
|
|
16
|
+
private setColor;
|
|
17
|
+
private handleColorInput;
|
|
18
|
+
private randomColor;
|
|
19
|
+
private triggerColorPicker;
|
|
20
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
21
|
+
}
|
|
22
|
+
declare global {
|
|
23
|
+
interface HTMLElementTagNameMap {
|
|
24
|
+
'schmancy-theme-controls': ThemeControls;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
export {};
|
|
@@ -34,10 +34,9 @@ import type { TSchmancyTheme } from './theme.interface';
|
|
|
34
34
|
*/
|
|
35
35
|
declare class ThemeService {
|
|
36
36
|
private static instance;
|
|
37
|
-
private _scheme$;
|
|
38
|
-
private _color$;
|
|
39
37
|
private _theme$;
|
|
40
38
|
private _themeComponent$;
|
|
39
|
+
private _fullscreen$;
|
|
41
40
|
readonly scheme$: Observable<"auto" | "dark" | "light">;
|
|
42
41
|
readonly color$: Observable<string>;
|
|
43
42
|
readonly theme$: Observable<Partial<{
|
|
@@ -323,10 +322,12 @@ declare class ThemeService {
|
|
|
323
322
|
};
|
|
324
323
|
}>>;
|
|
325
324
|
readonly themeComponent$: Observable<SchmancyThemeComponent>;
|
|
325
|
+
readonly fullscreen$: Observable<boolean>;
|
|
326
326
|
get scheme(): 'dark' | 'light' | 'auto';
|
|
327
327
|
get color(): string;
|
|
328
328
|
get theme(): Partial<TSchmancyTheme>;
|
|
329
329
|
get themeComponent(): SchmancyThemeComponent | null;
|
|
330
|
+
get fullscreen(): boolean;
|
|
330
331
|
readonly resolvedScheme$: Observable<"dark" | "light">;
|
|
331
332
|
constructor();
|
|
332
333
|
/**
|
|
@@ -468,6 +469,60 @@ declare class ThemeService {
|
|
|
468
469
|
* ```
|
|
469
470
|
*/
|
|
470
471
|
watchCSSVariable(variableName: string): Observable<string>;
|
|
472
|
+
/**
|
|
473
|
+
* Set the fullscreen state for the application.
|
|
474
|
+
* This emits a custom event that navigation components can listen to.
|
|
475
|
+
*
|
|
476
|
+
* @param {boolean} value - Whether fullscreen mode is active
|
|
477
|
+
*
|
|
478
|
+
* @example
|
|
479
|
+
* ```typescript
|
|
480
|
+
* // Enter fullscreen mode
|
|
481
|
+
* theme.setFullscreen(true)
|
|
482
|
+
*
|
|
483
|
+
* // Exit fullscreen mode
|
|
484
|
+
* theme.setFullscreen(false)
|
|
485
|
+
* ```
|
|
486
|
+
*/
|
|
487
|
+
setFullscreen(value: boolean): void;
|
|
488
|
+
/**
|
|
489
|
+
* Toggle fullscreen mode.
|
|
490
|
+
*
|
|
491
|
+
* @example
|
|
492
|
+
* ```typescript
|
|
493
|
+
* // Toggle fullscreen mode on button click
|
|
494
|
+
* button.addEventListener('click', () => {
|
|
495
|
+
* theme.toggleFullscreen()
|
|
496
|
+
* })
|
|
497
|
+
* ```
|
|
498
|
+
*/
|
|
499
|
+
toggleFullscreen(): void;
|
|
500
|
+
/**
|
|
501
|
+
* Convenience method to update theme state including fullscreen.
|
|
502
|
+
* Can be called with next() like syntax for familiarity.
|
|
503
|
+
*
|
|
504
|
+
* @param {Object} values - Theme values to update
|
|
505
|
+
* @param {boolean} [values.fullscreen] - Fullscreen state
|
|
506
|
+
* @param {'dark' | 'light' | 'auto'} [values.scheme] - Color scheme
|
|
507
|
+
* @param {string} [values.color] - Primary color
|
|
508
|
+
*
|
|
509
|
+
* @example
|
|
510
|
+
* ```typescript
|
|
511
|
+
* // Set fullscreen mode
|
|
512
|
+
* theme.next({ fullscreen: true })
|
|
513
|
+
*
|
|
514
|
+
* // Update multiple values
|
|
515
|
+
* theme.next({
|
|
516
|
+
* fullscreen: true,
|
|
517
|
+
* scheme: 'dark'
|
|
518
|
+
* })
|
|
519
|
+
* ```
|
|
520
|
+
*/
|
|
521
|
+
next(values: {
|
|
522
|
+
fullscreen?: boolean;
|
|
523
|
+
scheme?: 'dark' | 'light' | 'auto';
|
|
524
|
+
color?: string;
|
|
525
|
+
}): void;
|
|
471
526
|
/**
|
|
472
527
|
* Get the singleton instance of ThemeService.
|
|
473
528
|
*
|
|
@@ -478,4 +533,5 @@ declare class ThemeService {
|
|
|
478
533
|
static getInstance(): ThemeService;
|
|
479
534
|
}
|
|
480
535
|
export declare const theme: ThemeService;
|
|
536
|
+
export declare const schmancyTheme: ThemeService;
|
|
481
537
|
export default theme;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";const s=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("lit/decorators.js");require("./tailwind.mixin-ClfV2_Nh.cjs");const A=require("./litElement.mixin-LplXbzd8.cjs"),b=require("lit"),R=new s.Subject,j="FINDING_MORTIES",C="HERE_RICKY",O=new WeakMap;class f{constructor(){this.prettyURL=!1,this.mode="HISTORY",this.request=new s.ReplaySubject(1),this.current=new Map,this.$current=new s.ReplaySubject(1),this.enableHistoryMode=!0,this.findingMortiesEvent=new CustomEvent(j),this.disposed=!1,this.isProcessingPopstate=!1,this.$current.next(this.current),this.$current.subscribe(t=>{this.disposed||t.forEach((e,r)=>{this.getOrCreateAreaSubject(r).next(e)})}),this.initializeFromBrowserState(),typeof window<"u"&&(this.unloadSubscription=s.fromEvent(window,"unload").subscribe(()=>{this.dispose()}))}get areaSubjects(){let t=O.get(this);return t||(t=new Map,O.set(this,t)),t}initializeFromBrowserState(){try{const t=history.state;t&&t.schmancyAreas&&(Object.entries(t.schmancyAreas).forEach(([e,r])=>{this.current.set(e,r)}),this.$current.next(this.current))}catch{}}getOrCreateAreaSubject(t){let e=this.areaSubjects.get(t);if(!e||e.closed){e=new s.ReplaySubject(1),this.areaSubjects.set(t,e);const r=this.current.get(t);r&&e.next({...r,state:r.state||{},params:r.params||{},props:r.props||{}})}return e}on(t,e=!1){if(!t)throw new Error("Area name is required");const r=this.getOrCreateAreaSubject(t).asObservable().pipe(s.distinctUntilChanged((i,n)=>i.component===n.component&&JSON.stringify(i.state)===JSON.stringify(n.state)&&JSON.stringify(i.params)===JSON.stringify(n.params)),s.shareReplay(1));return e?r.pipe(s.skip(1)):r}all(t=!1){const e=this.$current.asObservable().pipe(s.shareReplay(1));return t?e.pipe(s.skip(1)):e}getState(t){if(!t)throw new Error("Area name is required");return this.on(t).pipe(s.map(e=>e.state),s.filter(e=>e!=null),s.distinctUntilChanged((e,r)=>JSON.stringify(e)===JSON.stringify(r)),s.map(e=>e),s.catchError(e=>s.EMPTY))}params(t){if(!t)throw new Error("Area name is required");return this.on(t).pipe(s.map(e=>e.params),s.filter(e=>e!=null),s.distinctUntilChanged((e,r)=>JSON.stringify(e)===JSON.stringify(r)),s.map(e=>e),s.catchError(e=>s.EMPTY))}param(t,e){if(!t||!e)throw new Error("Area name and key are required");return this.params(t).pipe(s.map(r=>r[e]),s.filter(r=>r!==void 0),s.distinctUntilChanged(),s.map(r=>r),s.catchError(r=>s.EMPTY))}props(t){if(!t)throw new Error("Area name is required");return this.on(t).pipe(s.map(e=>e.props),s.filter(e=>e!=null),s.distinctUntilChanged((e,r)=>JSON.stringify(e)===JSON.stringify(r)),s.map(e=>e),s.catchError(e=>s.EMPTY))}prop(t,e){if(!t||!e)throw new Error("Area name and key are required");return this.props(t).pipe(s.map(r=>r[e]),s.filter(r=>r!==void 0),s.distinctUntilChanged(),s.map(r=>r),s.catchError(r=>s.EMPTY))}find(){return s.zip([s.fromEvent(window,C).pipe(s.map(t=>t.detail),s.bufferTime(0)),s.of(1).pipe(s.tap(()=>window.dispatchEvent(this.findingMortiesEvent)))]).pipe(s.map(([t])=>t),s.timeout(1),s.catchError(()=>s.EMPTY))}push(t){if(!t.area)throw new Error("Area is required for route action");if(this.isProcessingPopstate)return;const e={...t,state:t.state||{},params:t.params||{},props:t.props||{},_source:"programmatic"};this.enableHistoryMode&&R.next(e),this.request.next(e),this.dispatchAreaEvent(e.area,e)}_updateFromBrowser(t){const e={...t,state:t.state||{},params:t.params||{},props:t.props||{},_source:"browser"};this.isProcessingPopstate=!0,this.request.next(e),this.isProcessingPopstate=!1}_updateBrowserHistory(t,e,r,i){if(this.enableHistoryMode)try{const n=history.state||{},o=n.schmancyAreas||{},h={component:e.component,area:e.area};e.state&&Object.keys(e.state).length>0&&(h.state=e.state),e.params&&Object.keys(e.params).length>0&&(h.params=e.params),e.props&&Object.keys(e.props).length>0&&(h.props=e.props),o[t]=h;const c={...n,schmancyAreas:o},l=this.createCleanURL(o,i);r==="replace"||r==="pop"?history.replaceState(c,"",l):r!=="push"&&r||history.pushState(c,"",l)}catch{}}createCleanURL(t,e){const r=location.pathname,i=r.split("/");let n="/";const o=i[i.length-1];o&&(o.includes("{")||o.includes("%7B"))?(i.pop(),n=i.join("/")||"/"):n=r,n==="/"||n.endsWith("/")||(n+="/");let h="";if(e!==!0){const c=new URLSearchParams(location.search);Array.isArray(e)&&e.forEach(l=>c.delete(l)),h=c.toString(),h=h?`?${h}`:""}if(this.prettyURL){const c=t.main;if(c){let l=n==="/"?`/${c.component}`:`${n}${c.component}`;const S=new URLSearchParams(h);c.params&&Object.entries(c.params).forEach(([d,E])=>{typeof E!="string"&&typeof E!="number"||S.set(d,String(E))});const p=S.toString();return l+(p?`?${p}`:"")}}try{const c={};if(Object.entries(t).forEach(([S,p])=>{const d={component:p.component};p.state&&Object.keys(p.state).length>0&&(d.state=p.state),p.params&&Object.keys(p.params).length>0&&(d.params=p.params),p.props&&Object.keys(p.props).length>0&&(d.props=p.props),c[S]=d}),Object.keys(c).length===0)return`${n==="/"?"":n.replace(/\/$/,"")}${h}`;const l=encodeURIComponent(JSON.stringify(c));return`${n==="/"?"":n.replace(/\/$/,"")}/${l}${h}`}catch{return location.pathname}}restoreFromBrowserState(t){try{if(t&&t.schmancyAreas)return t.schmancyAreas}catch{}return this.parseStateFromURL()}parseStateFromURL(){const t=location.pathname.split("/").pop();if(!t)return{};try{const e=decodeURIComponent(t),r=JSON.parse(e);if(typeof r=="object"&&r!==null)return r}catch{}return{}}dispatchAreaEvent(t,e){const r=new CustomEvent(`schmancy-area-${t}-changed`,{detail:{area:t,component:e.component,state:e.state,params:e.params,props:e.props,historyStrategy:e.historyStrategy},bubbles:!0,composed:!0});window.dispatchEvent(r)}pop(t){if(!t)throw new Error("Area name is required");const e=this.areaSubjects.get(t);if(e&&!e.closed&&e.next({component:null,state:{},area:t,params:{},props:{}}),this.request.next({area:t,component:null,state:{},params:{},props:{},historyStrategy:"silent",_source:"programmatic"}),this.current.delete(t),this.$current.next(this.current),this.enableHistoryMode)try{const r=history.state||{},i={...r.schmancyAreas||{}};delete i[t];const n={...r,schmancyAreas:i},o=this.createCleanURL(i);history.replaceState(n,"",o)}catch{}}clear(){if(this.areaSubjects.forEach(t=>t.complete()),this.areaSubjects.clear(),this.current.clear(),this.$current.next(this.current),this.enableHistoryMode){const t=this.createCleanURL({});history.replaceState({schmancyAreas:{}},"",t)}}dispose(){this.disposed||(this.disposed=!0,this.unloadSubscription&&(this.unloadSubscription.unsubscribe(),this.unloadSubscription=void 0),this.areaSubjects.forEach(t=>t.complete()),this.areaSubjects.clear(),this.request.complete(),this.$current.complete(),R.complete(),this.current.clear(),O.delete(this))}static getInstance(){return f.instance||(f.instance=new f),f.instance}get state(){try{const t=history.state;if(t&&t.schmancyAreas)return t.schmancyAreas}catch{}return this.parseStateFromURL()}hasArea(t){return this.current.has(t)}getActiveAreas(){return Array.from(this.current.keys())}getRoute(t){return this.current.get(t)}}const y=f.getInstance();var v=Object.defineProperty,M=Object.getOwnPropertyDescriptor,g=(a,t,e,r)=>{for(var i,n=r>1?void 0:r?M(t,e):t,o=a.length-1;o>=0;o--)(i=a[o])&&(n=(r?i(t,e,n):i(n))||n);return r&&n&&v(t,e,n),n};exports.SchmancyRoute=class extends A.$LitElement(b.css`
|
|
2
|
-
:host {
|
|
3
|
-
display: none;
|
|
4
|
-
}
|
|
5
|
-
`){constructor(){super(...arguments),this.exact=!1}getConfig(){return{when:this.when,component:this.component,exact:this.exact,guard:this.guard}}render(){return b.html``}},g([u.property({type:String})],exports.SchmancyRoute.prototype,"when",2),g([u.property({type:Object})],exports.SchmancyRoute.prototype,"component",2),g([u.property({type:Boolean})],exports.SchmancyRoute.prototype,"exact",2),g([u.property({type:Object})],exports.SchmancyRoute.prototype,"guard",2),exports.SchmancyRoute=g([u.customElement("schmancy-route")],exports.SchmancyRoute);var m=(a=>(a.push="push",a.replace="replace",a.pop="pop",a.silent="silent",a))(m||{}),$=Object.defineProperty,N=Object.getOwnPropertyDescriptor,w=(a,t,e,r)=>{for(var i,n=r>1?void 0:r?N(t,e):t,o=a.length-1;o>=0;o--)(i=a[o])&&(n=(r?i(t,e,n):i(n))||n);return r&&n&&$(t,e,n),n};exports.SchmancyArea=class extends A.$LitElement(b.css`
|
|
6
|
-
:host {
|
|
7
|
-
position: relative;
|
|
8
|
-
display: block;
|
|
9
|
-
inset: 0;
|
|
10
|
-
}
|
|
11
|
-
`){firstUpdated(){if(!this.name)throw new Error("Area name is required");s.merge(y.request.pipe(s.filter(({area:a})=>a===this.name)),s.of(null).pipe(s.take(1),s.map(()=>{const a=location.pathname,t=a.split("/").pop()||"";if(t&&(t.includes("{")||t.includes("%7B")))try{const r=JSON.parse(decodeURIComponent(t));if(r[this.name])return{area:this.name,component:r[this.name].component,state:r[this.name].state||{},params:r[this.name].params||{},historyStrategy:m.replace}}catch{}const e=a.split("/").filter(Boolean).find(r=>this.routes?.some(i=>i.when===r));return e?{area:this.name,component:e,state:{},params:{},historyStrategy:m.silent}:this.default?{area:this.name,component:this.default,state:{},params:{},historyStrategy:m.silent}:null})),s.fromEvent(window,"popstate").pipe(s.map(()=>{if(history.state?.schmancyAreas?.[this.name]){const r=history.state.schmancyAreas[this.name];return{area:this.name,component:r.component,state:r.state||{},params:r.params||{},historyStrategy:m.pop}}const a=location.pathname,t=a.split("/").pop()||"";if(t&&(t.includes("{")||t.includes("%7B")))try{const r=JSON.parse(decodeURIComponent(t));if(r[this.name])return{area:this.name,component:r[this.name].component,state:r[this.name].state||{},params:r[this.name].params||{},historyStrategy:m.replace}}catch{}const e=a.split("/").filter(Boolean).find(r=>this.routes?.some(i=>i.when===r));return e?{area:this.name,component:e,state:{},params:{},historyStrategy:m.silent}:this.default?{area:this.name,component:this.default,state:{},params:{},historyStrategy:m.silent}:null}))).pipe(s.filter(a=>a!==null),s.map(a=>{let t,e=a.component;if(typeof e=="string"&&this.routes)t=this.routes.find(r=>r.when===e),t&&(e=t.component);else if(typeof e=="function"&&this.routes)t=this.routes.find(r=>r.component===e);else if(e instanceof HTMLElement&&this.routes){const r=e.tagName.toLowerCase();t=this.routes.find(i=>i.when===r)}return{...a,component:e,matchedRoute:t}}),s.switchMap(a=>a.matchedRoute?.guard?a.matchedRoute.guard.pipe(s.switchMap(t=>{if(t===!0)return s.of(a);const e=new CustomEvent("redirect",{detail:{blockedRoute:a.matchedRoute?.when||"unknown",area:this.name,params:a.params||{},state:a.state||{},redirectTarget:typeof t=="object"?t:void 0},bubbles:!0,composed:!0});return a.matchedRoute.dispatchEvent(e),s.EMPTY})):s.of(a)),s.switchMap(async a=>{let t=a.component;if(typeof t=="function"&&("preload"in t||"_promise"in t||"_module"in t))try{t=(await t()).default}catch{return{...a,component:null}}return{...a,component:t}}),s.map(a=>{let t="";const e=a.component;e&&e!==""?typeof e=="string"?t=e:e instanceof HTMLElement?t=e.tagName.toLowerCase():typeof e=="function"&&(t=e.name||"CustomElement"):t="null";const r=`${t}${JSON.stringify(a.params)}${JSON.stringify(a.state)}`;return{...a,key:r,tagName:t}}),s.distinctUntilChanged((a,t)=>a.key===t.key),s.map(a=>{let t=null;const e=a.component;if(e&&e!==""){if(typeof e=="string")try{t=document.createElement(e)}catch{}else if(e instanceof HTMLElement)t=e;else if(typeof e=="function")try{t=new e}catch{}}else t=null;return t&&(a.params&&Object.assign(t,a.params),a.props&&Object.assign(t,a.props),a.state&&(t.state=a.state)),{element:t,route:a}}),s.shareReplay(1),s.tap(({element:a,route:t})=>this.swapComponents(a,t)),s.catchError(a=>s.EMPTY),s.takeUntil(this.disconnecting)).subscribe()}swapComponents(a,t){const e=Array.from(this.children).find(i=>!(i instanceof exports.SchmancyRoute));if(!a)return void e?.remove();e?e.animate([{opacity:1},{opacity:0}],{duration:150,easing:"ease-out"}).onfinish=()=>{e.remove(),this.appendChild(a),a.animate([{opacity:0},{opacity:1}],{duration:150,easing:"ease-in"})}:(this.appendChild(a),a.animate([{opacity:0},{opacity:1}],{duration:100,easing:"ease-in"}));const r={component:a.tagName.toLowerCase(),state:t.state||{},area:this.name,params:t.params||{}};y.current.set(this.name,r),y.$current.next(y.current),y.enableHistoryMode&&y._updateBrowserHistory(this.name,r,t.historyStrategy||m.push,t.clearQueryParams)}disconnectedCallback(){super.disconnectedCallback()}render(){return b.html`<slot></slot>`}},w([u.property()],exports.SchmancyArea.prototype,"name",2),w([u.property()],exports.SchmancyArea.prototype,"default",2),w([u.queryAssignedElements({selector:"schmancy-route",flatten:!0})],exports.SchmancyArea.prototype,"routes",2),exports.SchmancyArea=w([u.customElement("schmancy-area")],exports.SchmancyArea),exports.FINDING_MORTIES=j,exports.HERE_RICKY=C,exports.HISTORY_STRATEGY=m,exports.area=y,exports.routerHistory=R;
|
|
12
|
-
//# sourceMappingURL=area.component-Ch2Eaa4i.cjs.map
|
package/dist/avatar-DZMY4ePP.cjs
DELETED
|
@@ -1,303 +0,0 @@
|
|
|
1
|
-
"use strict";const l=require("lit"),o=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-BZUrBdvN.cjs");const I=require("./area.component-Ch2Eaa4i.cjs");require("./autocomplete-CenwFcT1.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const N=require("./tailwind.mixin-ClfV2_Nh.cjs"),g=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js"),require("./boat-Dfx9-P8c.cjs"),require("./spinner-CaXU45TV.cjs"),require("./icon-button-DwnnW2oj.cjs"),require("./media-CsYVcfaX.cjs"),require("./checkbox-8djp_8NK.cjs"),require("./suggestion-chip-PI24Hc3s.cjs"),require("./input-chip-B7ANrtLF.cjs"),require("./code-preview-BFoEmN8y.cjs"),require("./payment-card-form--v94EhJF.cjs");const y=require("./types.cjs"),p=require("./provide-BxZ2kn_p.cjs"),w=require("./litElement.mixin-LplXbzd8.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-DoCtnpW6.cjs"),require("./date-range-inline-DNr7C5X-.cjs"),require("./delay-CrdOikhP.cjs"),require("./details-CsqhGMjL.cjs"),require("./dialog-content-BzSQoM2J.cjs"),require("./dialog-service-Bdaxn2t0.cjs"),require("./divider-CNxOc8ep.cjs"),require("./dropdown-content-De0OkNoq.cjs"),require("./timezone-Bw4EXBt7.cjs"),require("./form-DzDksPgv.cjs"),require("./icon-DebIySqv.cjs"),require("./input-C2Vz-51i.cjs"),require("./flex-CHf9Gc5V.cjs"),require("./list-BH8OJ3Rv.cjs"),require("./email-recipients-DS01C3V3.cjs"),require("./map-C7lxYU4A.cjs"),require("./menu-Boqsyfmh.cjs");const j=require("lit/directives/when.js");require("./navigation-rail-6ONc-XE-.cjs"),require("./notification-service-9HXSKWcw.cjs"),require("./option-D2bxihLu.cjs"),require("./progress-CjkD8QBy.cjs"),require("./radio-button-CGmGOAil.cjs"),require("./index-CCi1otmh.cjs"),require("./select-CrB02cIO.cjs"),require("./sheet-sgVoRMi1.cjs");const W=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-Dd1L6oYm.cjs"),require("./schmancy-steps-container-CydL78yk.cjs"),require("./context-object-DA9DM9QJ.cjs");const d=require("rxjs/operators");require("./surface-Ax6I7ldp.cjs"),require("./table-BlwUyf_4.cjs"),require("./tabs-compatibility-CX0cIu_Y.cjs"),require("./textarea-qLA0vP78.cjs"),require("./theme.component-CQ1trrZB.cjs"),require("./theme-button-D7fBEUGf.cjs"),require("./tooltip-Dhs4HL3A.cjs"),require("./tree-D-ezei_U.cjs"),require("./typewriter-CtPh4Pyj.cjs"),require("./typography-BrIaOYmC.cjs");const a=require("./theme.interface-BMeNadVb.cjs");var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,v=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?F(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Y(t,i,r),r};exports.SchmancyBadgeV2=class extends N.TailwindElement(l.css`
|
|
2
|
-
:host {
|
|
3
|
-
display: inline-flex;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
/* Enhanced pulse animation for better attention-getting */
|
|
7
|
-
@keyframes elegant-pulse {
|
|
8
|
-
0%, 100% {
|
|
9
|
-
opacity: 1;
|
|
10
|
-
}
|
|
11
|
-
50% {
|
|
12
|
-
opacity: 0.85;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.animate-pulse {
|
|
17
|
-
animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
|
18
|
-
}
|
|
19
|
-
`){constructor(){super(...arguments),this.color="primary",this.size="md",this.shape="pill",this.outlined=!1,this.icon="",this.pulse=!1}getSizeClasses(){switch(this.size){case"xs":return"text-xs py-0.75 px-1.5 gap-0.5 leading-none";case"sm":return"text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none";case"lg":return"text-base py-2 px-4 gap-1 tracking-wide";default:return"text-sm py-1.5 px-3 gap-0.5"}}getShapeClasses(){switch(this.shape){case"square":return"rounded";case"rounded":return"rounded-md";default:return"rounded-full"}}getIconSize(){switch(this.size){case"xs":return"11px";case"sm":return"13px";case"lg":return"18px";default:return"15px"}}getExoticStyles(){const e={};return this.size==="lg"&&(e.letterSpacing="0.03em",e.fontWeight="500"),this.size==="sm"&&(e.letterSpacing="0.02em"),e}getColorStyles(){return{primary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.primary.container} 92%, ${a.SchmancyTheme.sys.color.primary.default} 8%)`,text:this.outlined?a.SchmancyTheme.sys.color.primary.default:a.SchmancyTheme.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.primary.default} 90%, ${a.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.secondary.container} 95%, ${a.SchmancyTheme.sys.color.secondary.default} 5%)`,text:this.outlined?a.SchmancyTheme.sys.color.secondary.default:a.SchmancyTheme.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.secondary.default} 85%, ${a.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.container} 94%, ${a.SchmancyTheme.sys.color.tertiary.default} 6%)`,text:this.outlined?a.SchmancyTheme.sys.color.tertiary.default:a.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.default} 88%, ${a.SchmancyTheme.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.success.container} 90%, ${a.SchmancyTheme.sys.color.success.default} 10%)`,text:this.outlined?a.SchmancyTheme.sys.color.success.default:a.SchmancyTheme.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.success.default} 85%, ${a.SchmancyTheme.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.container} 85%, ${a.SchmancyTheme.sys.color.tertiary.default} 15%)`,text:this.outlined?a.SchmancyTheme.sys.color.tertiary.default:a.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.tertiary.default} 90%, ${a.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.error.container} 92%, ${a.SchmancyTheme.sys.color.error.default} 8%)`,text:this.outlined?a.SchmancyTheme.sys.color.error.default:a.SchmancyTheme.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.error.default} 88%, ${a.SchmancyTheme.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?"transparent":`color-mix(in srgb, ${a.SchmancyTheme.sys.color.surface.high} 95%, ${a.SchmancyTheme.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.surface.on} 95%, ${a.SchmancyTheme.sys.color.surface.default} 5%)`:a.SchmancyTheme.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${a.SchmancyTheme.sys.color.outline} 85%, ${a.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0}}[this.color]}render(){const e=this.getSizeClasses(),t=this.getShapeClasses(),i=this.getColorStyles(),s=this.getIconSize(),c=this.getExoticStyles(),r={"inline-flex items-center justify-center font-medium":!0,"transition-all duration-200 ease-in-out":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size==="sm",shadow:!this.outlined&&this.size==="md","shadow-md":!this.outlined&&this.size==="lg","hover:brightness-95 hover:-translate-y-px":this.outlined,"hover:brightness-[0.98]":!this.outlined},h={borderColor:i.border,...this.outlined?{backdropFilter:"blur(4px)"}:{},...this.size!=="lg"||this.outlined?{}:{boxShadow:"0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)"},...c};return l.html`
|
|
20
|
-
<div
|
|
21
|
-
part="badge"
|
|
22
|
-
class="${this.classMap(r)}"
|
|
23
|
-
style="${this.styleMap(h)}"
|
|
24
|
-
${g.color({bgColor:i.bg,color:i.text})}
|
|
25
|
-
>
|
|
26
|
-
<!-- Icon slot or named icon -->
|
|
27
|
-
<slot name="icon">
|
|
28
|
-
${this.icon?l.html`
|
|
29
|
-
<div part="icon" class="flex-shrink-0 flex items-center justify-center leading-none">
|
|
30
|
-
<schmancy-icon .size=${s} class="flex items-center justify-center">${this.icon}</schmancy-icon>
|
|
31
|
-
</div>
|
|
32
|
-
`:""}
|
|
33
|
-
</slot>
|
|
34
|
-
|
|
35
|
-
<!-- Content with proper spacing from icon -->
|
|
36
|
-
<div part="content" class="flex items-center leading-none tracking-[0.01em] ${this.icon?"ml-[0.38em]":""}">
|
|
37
|
-
<slot></slot>
|
|
38
|
-
</div>
|
|
39
|
-
</div>
|
|
40
|
-
`}},v([o.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"color",2),v([o.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"size",2),v([o.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"shape",2),v([o.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"outlined",2),v([o.property({type:String})],exports.SchmancyBadgeV2.prototype,"icon",2),v([o.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"pulse",2),exports.SchmancyBadgeV2=v([o.customElement("schmancy-badge")],exports.SchmancyBadgeV2),exports.ScBadgeV2=class extends exports.SchmancyBadgeV2{},exports.ScBadgeV2=v([o.customElement("sch-badge")],exports.ScBadgeV2);const G=new class{constructor(){this.$drawer=new n.Subject,this.lastComponent=null,this.$drawer.pipe().subscribe(e=>{e.action==="dismiss"?e.ref.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerToggle,{detail:{state:"close"},bubbles:!0,composed:!0})):e.action==="render"?(e.ref.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:e.component,title:e.title},bubbles:!0,composed:!0}))):e.action==="push"&&this.handlePush(e.ref,e.component)})}dimiss(e){this.$drawer.next({action:"dismiss",ref:e})}render(e,t,i){e.dispatchEvent(new CustomEvent("custom-event")),this.$drawer.next({action:"render",ref:e,component:t,title:i})}async handlePush(e,t){let i;if(typeof t=="string")i=document.createElement(t);else if(t instanceof HTMLElement)i=t;else{if(typeof t!="function")return;try{const s=await t();s&&typeof s=="object"&&"default"in s?i=new s.default:i=s instanceof HTMLElement?s:new s}catch{return}}this.lastComponent===i&&"requestUpdate"in i&&i.requestUpdate(),this.lastComponent=i,e.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:i},bubbles:!0,composed:!0}))}push(e){this.$drawer.next({action:"push",ref:window,component:e})}},O=p.n("push"),P=p.n("close"),L=p.n(Math.floor(Math.random()*Date.now()).toString()),M=p.n("100%"),z=p.n({});var J=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,S=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?Q(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&J(t,i,r),r};exports.SchmancyContentDrawer=class extends w.$LitElement(l.css`
|
|
41
|
-
:host {
|
|
42
|
-
position: relative;
|
|
43
|
-
inset: 0;
|
|
44
|
-
display: block;
|
|
45
|
-
overflow: hidden;
|
|
46
|
-
}
|
|
47
|
-
`){constructor(){super(...arguments),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight="100%"}firstUpdated(){n.merge(n.fromEvent(window,"resize"),n.fromEvent(window,y.SchmancyEvents.ContentDrawerResize)).pipe(n.startWith(!0),n.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),n.map(e=>e>=this.minWidth.main+this.minWidth.sheet),n.debounceTime(100),n.tap(()=>{this.maxHeight=window.innerHeight-this.getOffsetTop(this)-32+"px",this.style.setProperty("max-height",this.maxHeight)}),n.distinctUntilChanged(),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,y.SchmancyEvents.ContentDrawerToggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.takeUntil(this.disconnecting)).subscribe(e=>{this.open=e}),n.fromEvent(window,"schmancy-content-drawer-render").pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail),n.takeUntil(this.disconnecting)).subscribe(({component:e,title:t})=>{this.mode==="push"?(I.area.push({area:this.schmancyContentDrawerID,component:"empty",historyStrategy:"silent"}),I.area.push({area:this.schmancyContentDrawerID,component:e,historyStrategy:"silent"})):(this.mode="overlay")&&W.sheet.open({component:e,uid:this.schmancyContentDrawerID,title:t})})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?l.html`
|
|
48
|
-
<schmancy-grid
|
|
49
|
-
cols=${this.mode==="overlay"?"1fr":"auto 1fr"}
|
|
50
|
-
rows="1fr"
|
|
51
|
-
flow="col"
|
|
52
|
-
justify="stretch"
|
|
53
|
-
align="stretch"
|
|
54
|
-
>
|
|
55
|
-
<slot></slot>
|
|
56
|
-
</schmancy-grid>
|
|
57
|
-
`:l.nothing}},S([p.e({context:z})],exports.SchmancyContentDrawer.prototype,"minWidth",2),S([p.e({context:P}),o.property()],exports.SchmancyContentDrawer.prototype,"open",2),S([p.e({context:O}),o.state()],exports.SchmancyContentDrawer.prototype,"mode",2),S([p.e({context:L})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),S([p.e({context:M})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),S([o.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=S([o.customElement("schmancy-content-drawer")],exports.SchmancyContentDrawer);var Z=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,$=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ee(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&Z(t,i,r),r};exports.SchmancyContentDrawerMain=class extends w.$LitElement(l.css`
|
|
58
|
-
:host {
|
|
59
|
-
display: block;
|
|
60
|
-
overflow: hidden;
|
|
61
|
-
}
|
|
62
|
-
`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.main=this.minWidth:this.minWidth=this.drawerMinWidth.main}update(e){super.update(e),e.has("minWidth")&&this.minWidth&&(this.drawerMinWidth.main=this.minWidth,this.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0})))}render(){const e={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return l.html`
|
|
63
|
-
<section class="relative inset-0 h-full">
|
|
64
|
-
<schmancy-grid
|
|
65
|
-
class="h-full relative overflow-scroll"
|
|
66
|
-
cols="${this.mode==="push"?"auto 1fr":"1fr"}"
|
|
67
|
-
rows="1fr"
|
|
68
|
-
flow="col"
|
|
69
|
-
align="stretch"
|
|
70
|
-
justify="stretch"
|
|
71
|
-
>
|
|
72
|
-
<section style=${this.styleMap(e)}>
|
|
73
|
-
<slot></slot>
|
|
74
|
-
</section>
|
|
75
|
-
</schmancy-grid>
|
|
76
|
-
${j.when(this.mode==="push",()=>l.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
|
|
77
|
-
</section>
|
|
78
|
-
`}},$([o.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),$([m.c({context:z,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),$([m.c({context:O,subscribe:!0}),o.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),$([m.c({context:M,subscribe:!0}),o.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=$([o.customElement("schmancy-content-drawer-main")],exports.SchmancyContentDrawerMain);var te=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,u=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ie(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&te(t,i,r),r};exports.SchmancyContentDrawerSheet=class extends w.$LitElement(l.css`
|
|
79
|
-
:host {
|
|
80
|
-
overflow: scroll;
|
|
81
|
-
}
|
|
82
|
-
`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.sheet=this.minWidth:this.minWidth=this.drawerMinWidth.sheet}updated(e){super.updated(e),e.has("minWidth")&&this.minWidth?(this.drawerMinWidth.sheet=this.minWidth,this.dispatchEvent(new CustomEvent(y.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0}))):(e.has("state")||e.has("mode"))&&(this.mode==="overlay"?this.state==="close"?this.closeAll():this.state:this.mode==="push"&&(W.sheet.dismiss(this.schmancyContentDrawerID),this.state==="close"?this.closeAll():this.state==="open"&&this.open()))}open(){this.mode==="overlay"?this.sheet.style.position="fixed":this.sheet.style.position="relative",this.sheet.style.display="block",this.sheet.animate([{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"})}closeAll(){n.merge(n.from(this.closeModalSheet()),n.from(this.closeSheet())).pipe(n.takeUntil(this.disconnecting)).subscribe()}closeModalSheet(){return n.of(!0).pipe(n.tap(()=>W.sheet.dismiss(this.schmancyContentDrawerID)))}closeSheet(){return new n.Observable(e=>{this.sheet.animate([{opacity:1,transform:"translateX(0%)"},{opacity:1,transform:"translateX(100%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"}).onfinish=()=>{this.sheet.style.display="none",e.next(),e.complete()}})}render(){const e={block:this.mode==="push","absolute z-50":this.mode==="overlay","opacity-1":this.mode==="overlay"&&this.state==="open"},t={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return l.html`
|
|
83
|
-
<section id="sheet" class="${this.classMap(e)}" style=${this.styleMap(t)}>
|
|
84
|
-
<schmancy-area name="${this.schmancyContentDrawerID}">
|
|
85
|
-
<slot name="placeholder"></slot>
|
|
86
|
-
</schmancy-area>
|
|
87
|
-
</section>
|
|
88
|
-
`}},u([o.property({type:Number})],exports.SchmancyContentDrawerSheet.prototype,"minWidth",2),u([m.c({context:O,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),u([m.c({context:P,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),u([m.c({context:L})],exports.SchmancyContentDrawerSheet.prototype,"schmancyContentDrawerID",2),u([o.query("#sheet")],exports.SchmancyContentDrawerSheet.prototype,"sheet",2),u([o.queryAssignedElements({flatten:!0,slot:void 0})],exports.SchmancyContentDrawerSheet.prototype,"defaultSlot",2),u([m.c({context:z,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),u([m.c({context:M,subscribe:!0}),o.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=u([o.customElement("schmancy-content-drawer-sheet")],exports.SchmancyContentDrawerSheet);const X=new class{constructor(){this.$drawer=new n.Subject,this.$drawer.pipe(n.debounceTime(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:"open"},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))})}open(e){this.$drawer.next({self:e,state:!0})}close(e){this.$drawer.next({self:e,state:!1})}},re=X,B=p.n("push"),A=p.n("close");var se=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,T=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ne(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&se(t,i,r),r};exports.SchmancyDrawerAppbar=class extends N.TailwindElement(l.css`
|
|
89
|
-
:host {
|
|
90
|
-
display: block;
|
|
91
|
-
}
|
|
92
|
-
`){constructor(){super(...arguments),this.toggler=!0}render(){const e={"block left-3 z-50":this.sidebarMode==="overlay",hidden:this.sidebarMode==="push"},t={"block z-50":!0,"grid gap-2 items-center":!0,"grid-cols-[auto_1fr]":this.sidebarMode==="overlay"&&this.toggler,"grid-cols-1":!(this.sidebarMode==="overlay"&&this.toggler)};return l.html`
|
|
93
|
-
<div class=${this.classMap(t)}>
|
|
94
|
-
${j.when(this.sidebarMode==="overlay"&&this.toggler,()=>l.html`<slot name="toggler">
|
|
95
|
-
<div class="${this.classMap(e)}">
|
|
96
|
-
<schmancy-icon-button
|
|
97
|
-
@click=${()=>{this.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:this.sidebarOpen==="open"?"close":"open"},bubbles:!0,composed:!0}))}}
|
|
98
|
-
>
|
|
99
|
-
${j.when(this.sidebarOpen==="close",()=>l.html`menu`,()=>l.html`menu_open`)}
|
|
100
|
-
</schmancy-icon-button>
|
|
101
|
-
</div>
|
|
102
|
-
</slot>`)}
|
|
103
|
-
|
|
104
|
-
<slot> </slot>
|
|
105
|
-
</div>
|
|
106
|
-
`}},T([m.c({context:B,subscribe:!0}),o.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarMode",2),T([m.c({context:A,subscribe:!0}),o.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarOpen",2),T([o.property({type:Boolean})],exports.SchmancyDrawerAppbar.prototype,"toggler",2),exports.SchmancyDrawerAppbar=T([o.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var ae=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends w.$LitElement(l.css`
|
|
107
|
-
:host {
|
|
108
|
-
display: block;
|
|
109
|
-
position: relative;
|
|
110
|
-
inset: 0;
|
|
111
|
-
overflow-y: auto;
|
|
112
|
-
}
|
|
113
|
-
`){connectedCallback(){super.connectedCallback(),n.fromEvent(this,"scroll").pipe(n.takeUntil(this.disconnecting)).subscribe(e=>{this.parentElement.dispatchEvent(new CustomEvent("scroll",{detail:e,bubbles:!0,composed:!0}))})}render(){return l.html` <slot></slot> `}},exports.SchmancyNavigationDrawerContent=((e,t,i,s)=>{for(var c,r=s>1?void 0:s?ae(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=c(r)||r);return r})([o.customElement("schmancy-nav-drawer-content")],exports.SchmancyNavigationDrawerContent);var oe=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,D=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ce(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&oe(t,i,r),r};exports.SchmancyNavigationDrawer=class extends w.$LitElement(l.css`
|
|
114
|
-
:host {
|
|
115
|
-
display: flex;
|
|
116
|
-
flex-grow: 1;
|
|
117
|
-
overflow: hidden;
|
|
118
|
-
/* Initially hide the component until it’s ready */
|
|
119
|
-
visibility: hidden;
|
|
120
|
-
}
|
|
121
|
-
/* Once the component is ready, remove the hidden style */
|
|
122
|
-
:host([data-ready]) {
|
|
123
|
-
visibility: visible;
|
|
124
|
-
}
|
|
125
|
-
`){constructor(){super(...arguments),this.fullscreen=!1,this.breakpoint="md",this._initialized=!1}firstUpdated(){this.updateState(window.innerWidth),this._initialized=!0,this.setAttribute("data-ready",""),n.fromEvent(window,"resize").pipe(n.map(e=>e.target.innerWidth),n.map(e=>e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),n.distinctUntilChanged(),n.debounceTime(100),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,y.SchmancyEvents.NavDrawer_toggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.distinctUntilChanged(),n.takeUntil(this.disconnecting),n.debounceTime(10)).subscribe(e=>{this.mode==="push"&&e==="close"||(this.open=e)})}updateState(e){const t=e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint];this.mode=t?"push":"overlay",this.open=t?"open":"close"}render(){return this._initialized?l.html`
|
|
126
|
-
<schmancy-grid
|
|
127
|
-
cols=${this.fullscreen?"1fr":"auto 1fr"}
|
|
128
|
-
rows="1fr"
|
|
129
|
-
flow="col"
|
|
130
|
-
justify="stretch"
|
|
131
|
-
align="stretch"
|
|
132
|
-
${g.fullHeight()}
|
|
133
|
-
>
|
|
134
|
-
<slot></slot>
|
|
135
|
-
</schmancy-grid>
|
|
136
|
-
`:l.nothing}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},D([o.property({type:Boolean})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),D([o.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),D([p.e({context:B}),o.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),D([p.e({context:A}),o.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),D([o.state()],exports.SchmancyNavigationDrawer.prototype,"_initialized",2),exports.SchmancyNavigationDrawer=D([o.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var he=Object.defineProperty,le=Object.getOwnPropertyDescriptor,x=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?le(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&he(t,i,r),r};const k="cubic-bezier(0.5, 0.01, 0.25, 1)";exports.SchmancyNavigationDrawerSidebar=class extends w.$LitElement(){constructor(){super(...arguments),this.width="220px",this._initialized=!1}firstUpdated(){this.mode==="overlay"?this.drawerState==="close"?(this.nav.style.transform="translateX(-100%)",this.overlay.style.display="none"):this.drawerState==="open"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="block",this.overlay.style.opacity="0.4"):this.mode==="push"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="none"),this._initialized=!0}updated(e){this._initialized&&(e.has("drawerState")||e.has("mode"))&&(this.mode==="overlay"?this.drawerState==="open"?this.nav.style.transform!=="translateX(0)"&&(this.openOverlay(),this.showNavDrawer()):this.drawerState==="close"&&this.nav.style.transform!=="translateX(-100%)"&&(this.hideNavDrawer(),this.closeOverlay()):this.mode==="push"&&(this.nav.style.transform!=="translateX(0)"&&this.showNavDrawer(),this.overlay.style.display!=="none"&&this.closeOverlay()))}openOverlay(){this.overlay.style.display="block",this.overlay.animate([{opacity:0},{opacity:.4}],{duration:200,easing:k,fill:"forwards"})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:k,fill:"forwards"}).onfinish=()=>{this.overlay.style.display="none"}}showNavDrawer(){this.nav.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],{duration:200,easing:k,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(0)"}}hideNavDrawer(){this.nav.animate([{transform:"translateX(0)"},{transform:"translateX(-100%)"}],{duration:200,easing:k,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(-100%)"}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(y.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))}render(){const e={"p-2 max-w-[360px] w-fit h-full overflow-auto":!0,block:this.mode==="push","fixed inset-0 z-50":this.mode==="overlay"},t={width:this.width};return l.html`
|
|
137
|
-
<nav
|
|
138
|
-
style=${this.styleMap(t)}
|
|
139
|
-
class="${this.classMap({...e})}"
|
|
140
|
-
${g.color({bgColor:a.SchmancyTheme.sys.color.surface.container})}
|
|
141
|
-
>
|
|
142
|
-
<slot></slot>
|
|
143
|
-
</nav>
|
|
144
|
-
<div
|
|
145
|
-
id="overlay"
|
|
146
|
-
${g.color({bgColor:a.SchmancyTheme.sys.color.scrim})}
|
|
147
|
-
@click=${this.handleOverlayClick}
|
|
148
|
-
class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
|
|
149
|
-
></div>
|
|
150
|
-
`}},x([m.c({context:B,subscribe:!0}),o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),x([m.c({context:A,subscribe:!0}),o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),x([o.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),x([o.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),x([o.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),x([o.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=x([o.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);var de=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,f=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?pe(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&de(t,i,r),r};exports.SchmancyNavigationBarItem=class extends N.TailwindElement(l.css`
|
|
151
|
-
:host {
|
|
152
|
-
display: flex;
|
|
153
|
-
flex: 1;
|
|
154
|
-
min-width: 48px;
|
|
155
|
-
max-width: 168px;
|
|
156
|
-
user-select: none;
|
|
157
|
-
-webkit-tap-highlight-color: transparent;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
:host([disabled]) {
|
|
161
|
-
pointer-events: none;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
button {
|
|
165
|
-
font-family: inherit;
|
|
166
|
-
border: none;
|
|
167
|
-
background: none;
|
|
168
|
-
width: 100%;
|
|
169
|
-
padding: 0;
|
|
170
|
-
margin: 0;
|
|
171
|
-
text-align: center;
|
|
172
|
-
color: inherit;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
button:focus {
|
|
176
|
-
outline: none;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
button:focus-visible {
|
|
180
|
-
outline: 2px solid var(--focus-color);
|
|
181
|
-
outline-offset: 2px;
|
|
182
|
-
border-radius: 8px;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
/* Ripple animation */
|
|
186
|
-
@keyframes ripple {
|
|
187
|
-
to {
|
|
188
|
-
transform: scale(4);
|
|
189
|
-
opacity: 0;
|
|
190
|
-
}
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
.ripple-effect {
|
|
194
|
-
position: absolute;
|
|
195
|
-
border-radius: 50%;
|
|
196
|
-
width: 20px;
|
|
197
|
-
height: 20px;
|
|
198
|
-
background-color: currentColor;
|
|
199
|
-
opacity: 0.25;
|
|
200
|
-
animation: ripple 0.6s ease-out;
|
|
201
|
-
pointer-events: none;
|
|
202
|
-
}
|
|
203
|
-
`){constructor(){super(...arguments),this.icon="",this.label="",this.badge="",this.active$=new n.BehaviorSubject(!1),this.disabled=!1,this.hideLabels=!1,this.ripples=[],this.addRippleEffect=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector(".w-16.h-8");if(t){const i=t.getBoundingClientRect(),s={x:e.clientX-i.left,y:e.clientY-i.top,id:Date.now()};this.ripples=[...this.ripples,s],n.timer(600).pipe(d.tap(()=>{this.ripples=this.ripples.filter(c=>c.id!==s.id)}),d.takeUntil(this.disconnecting)).subscribe()}},this.handleClick=e=>{if(this.disabled)return e.preventDefault(),void e.stopPropagation();this.addRippleEffect(e)},this.handleKeyDown=e=>{this.disabled||e.key!=="Enter"&&e.key!==" "||e.preventDefault()}}get active(){return this.active$.value}set active(e){this.active$.next(e)}setActive(e){this.active=e}connectedCallback(){super.connectedCallback(),this.active$.pipe(d.takeUntil(this.disconnecting)).subscribe(()=>{this.requestUpdate()}),this.setupNavigationStream()}setupNavigationStream(){const e=this.shadowRoot?.querySelector("button");if(!e)return;const t=n.fromEvent(e,"click").pipe(d.filter(()=>!this.disabled)),i=n.fromEvent(e,"keydown").pipe(d.filter(()=>!this.disabled),d.filter(s=>s.key==="Enter"||s.key===" "),d.tap(s=>s.preventDefault()));n.merge(t,i).pipe(d.tap(()=>{this.dispatchEvent(new CustomEvent("bar-item-click",{detail:{icon:this.icon,label:this.label,active:this.active},bubbles:!0,composed:!0}))}),d.takeUntil(this.disconnecting)).subscribe()}formatBadge(e){const t=Number(e);return isNaN(t)?e.slice(0,3):t>99?"99+":String(t)}firstUpdated(){this.setupNavigationStream()}render(){const e=this.querySelector("[slot]")||this.textContent?.trim()&&!this.label,t=this.badge?this.formatBadge(this.badge):"",i=t&&t!=="0",s=this.querySelector('[slot="icon"]'),c={"relative flex flex-col items-center justify-center":!0,"flex-1 min-w-[48px] max-w-[168px]":!0,"py-2 px-1 cursor-pointer":!this.disabled,"transition-all duration-200":!0,"hover:bg-surface-container-high":!this.disabled&&!this.active,"cursor-not-allowed opacity-38":this.disabled,"outline-none":!0,"focus-visible:outline-2 focus-visible:outline-offset-2":!0},r={"w-16 h-8 rounded-2xl":!0,"flex items-center justify-center":!0,"transition-all duration-200":!0,"bg-secondary-container":this.active,"group-hover:bg-surface-container-highest":!this.active&&!this.disabled,"relative overflow-hidden":!0},h={"absolute top-0 right-3":!0,"min-w-[6px] h-1.5":!i,"min-w-[16px] h-4":i,"rounded-full":!i,"rounded-lg":i,"flex items-center justify-center":i,"px-1":i,"transition-all duration-200":!0,"z-10":!0},V=this.active?{color:a.SchmancyTheme.sys.color.secondary.onContainer}:{color:a.SchmancyTheme.sys.color.surface.onVariant},K={"--focus-color":a.SchmancyTheme.sys.color.primary.default};return l.html`
|
|
204
|
-
<button
|
|
205
|
-
type="button"
|
|
206
|
-
class=${this.classMap(c)}
|
|
207
|
-
@click=${this.handleClick}
|
|
208
|
-
@keydown=${this.handleKeyDown}
|
|
209
|
-
?disabled=${this.disabled}
|
|
210
|
-
aria-pressed=${this.active}
|
|
211
|
-
aria-label=${this.label||"Navigation item"}
|
|
212
|
-
style=${this.styleMap({...K,"outline-color":"var(--focus-color)"})}
|
|
213
|
-
${g.color(V)}
|
|
214
|
-
>
|
|
215
|
-
<!-- Icon with indicator background -->
|
|
216
|
-
<div class=${this.classMap(r)}>
|
|
217
|
-
<!-- Ripple effects -->
|
|
218
|
-
${this.ripples.map(U=>l.html`
|
|
219
|
-
<span
|
|
220
|
-
class="ripple-effect"
|
|
221
|
-
style=${this.styleMap({left:`${U.x}px`,top:`${U.y}px`,transform:"translate(-50%, -50%)"})}
|
|
222
|
-
></span>
|
|
223
|
-
`)}
|
|
224
|
-
|
|
225
|
-
${s?l.html`<slot name="icon"></slot>`:this.icon?l.html`
|
|
226
|
-
<schmancy-icon
|
|
227
|
-
.fill=${this.active?1:0}
|
|
228
|
-
class="relative z-10 flex items-center justify-center transition-all duration-200"
|
|
229
|
-
style="--schmancy-icon-size: 24px;"
|
|
230
|
-
aria-hidden="true"
|
|
231
|
-
>
|
|
232
|
-
${this.icon}
|
|
233
|
-
</schmancy-icon>
|
|
234
|
-
`:e?l.html`<slot></slot>`:""}
|
|
235
|
-
</div>
|
|
236
|
-
|
|
237
|
-
<!-- Label below icon -->
|
|
238
|
-
${!this.hideLabels&&this.label?l.html`
|
|
239
|
-
<span class=${this.classMap({"text-xs font-medium leading-4 mt-1":!0,"text-center max-w-full":!0,"overflow-hidden text-ellipsis whitespace-nowrap":!0,"transition-all duration-200":!0})}>${this.label}</span>
|
|
240
|
-
`:""}
|
|
241
|
-
|
|
242
|
-
<!-- Badge -->
|
|
243
|
-
${i?l.html`
|
|
244
|
-
<span
|
|
245
|
-
class=${this.classMap(h)}
|
|
246
|
-
aria-label="${t} notifications"
|
|
247
|
-
${g.color({bgColor:a.SchmancyTheme.sys.color.error.default,color:a.SchmancyTheme.sys.color.error.on})}
|
|
248
|
-
>
|
|
249
|
-
<span class="text-[10px] font-medium leading-none">${t}</span>
|
|
250
|
-
</span>
|
|
251
|
-
`:this.badge?l.html`
|
|
252
|
-
<span
|
|
253
|
-
class=${this.classMap(h)}
|
|
254
|
-
aria-label="Has notifications"
|
|
255
|
-
${g.color({bgColor:a.SchmancyTheme.sys.color.error.default})}
|
|
256
|
-
></span>
|
|
257
|
-
`:""}
|
|
258
|
-
</button>
|
|
259
|
-
`}},f([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"icon",2),f([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"label",2),f([o.property({type:String})],exports.SchmancyNavigationBarItem.prototype,"badge",2),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"active",1),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"disabled",2),f([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBarItem.prototype,"hideLabels",2),f([o.state()],exports.SchmancyNavigationBarItem.prototype,"ripples",2),exports.SchmancyNavigationBarItem=f([o.customElement("schmancy-navigation-bar-item")],exports.SchmancyNavigationBarItem);var me=Object.defineProperty,ye=Object.getOwnPropertyDescriptor,C=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ye(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&me(t,i,r),r};exports.SchmancyNavigationBar=class extends N.TailwindElement(l.css`
|
|
260
|
-
:host {
|
|
261
|
-
display: block;
|
|
262
|
-
position: fixed;
|
|
263
|
-
bottom: 0;
|
|
264
|
-
left: 0;
|
|
265
|
-
right: 0;
|
|
266
|
-
z-index: 10;
|
|
267
|
-
transition: transform 0.3s ease-in-out;
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
:host([hide-on-scroll]) {
|
|
271
|
-
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
/* Support 3-7 items with equal distribution */
|
|
275
|
-
::slotted(schmancy-navigation-bar-item) {
|
|
276
|
-
flex: 1;
|
|
277
|
-
max-width: 168px; /* Prevent items from being too wide */
|
|
278
|
-
}
|
|
279
|
-
|
|
280
|
-
/* Accessibility focus indicators */
|
|
281
|
-
:host(:focus-within) {
|
|
282
|
-
outline: 2px solid var(--schmancy-sys-color-primary);
|
|
283
|
-
outline-offset: -2px;
|
|
284
|
-
}
|
|
285
|
-
`){constructor(){super(...arguments),this.activeIndex$=new n.BehaviorSubject(-1),this.hideLabels=!1,this.elevation=2,this.hideOnScroll=!1,this.focusedIndex=-1,this.isHidden=!1,this.SCROLL_THRESHOLD=10,this.handleItemClick=e=>{const t=this.querySelectorAll("schmancy-navigation-bar-item"),i=e.target,s=Array.from(t).indexOf(i);if(s!==-1&&this.activeIndex!==s){const c=this.activeIndex;this.activeIndex=s,this.dispatchEvent(new CustomEvent("navigation-change",{detail:{oldIndex:c,newIndex:s,item:i},bubbles:!0,composed:!0}))}},this.handleKeyDown=e=>{const t=Array.from(this.querySelectorAll("schmancy-navigation-bar-item")),i=this.focusedIndex===-1?this.activeIndex:this.focusedIndex;switch(e.key){case"ArrowLeft":e.preventDefault(),i>0&&this.focusItem(i-1);break;case"ArrowRight":e.preventDefault(),i<t.length-1&&this.focusItem(i+1);break;case"Home":e.preventDefault(),this.focusItem(0);break;case"End":e.preventDefault(),this.focusItem(t.length-1);break;case"Enter":case" ":e.preventDefault(),this.focusedIndex!==-1&&t[this.focusedIndex]?.click()}}}get activeIndex(){return this.activeIndex$.value}set activeIndex(e){this.activeIndex$.next(e)}connectedCallback(){super.connectedCallback(),this.addEventListener("bar-item-click",this.handleItemClick),this.addEventListener("keydown",this.handleKeyDown),this.activeIndex$.pipe(d.takeUntil(this.disconnecting)).subscribe(e=>{this.updateActiveStates(e)}),this.hideOnScroll&&this.setupScrollListener(),this.updateItems()}setupScrollListener(){n.fromEvent(window,"scroll").pipe(d.throttleTime(100),d.map(()=>window.scrollY),d.pairwise(),d.filter(([e,t])=>Math.abs(t-e)>this.SCROLL_THRESHOLD),d.tap(([e,t])=>{const i=t<e;t>e&&!this.isHidden?this.isHidden=!0:i&&this.isHidden&&(this.isHidden=!1),t<=this.SCROLL_THRESHOLD&&(this.isHidden=!1)}),d.takeUntil(this.disconnecting)).subscribe()}disconnectedCallback(){this.removeEventListener("bar-item-click",this.handleItemClick),this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}focusItem(e){const t=this.querySelectorAll("schmancy-navigation-bar-item");t[e]&&(this.focusedIndex=e,t[e].focus())}updateItems(){const e=this.shadowRoot?.querySelector("slot");if(e){const t=()=>{this.updateActiveStates(this.activeIndex)};e.addEventListener("slotchange",t),t()}}updateActiveStates(e){this.querySelectorAll("schmancy-navigation-bar-item").forEach((t,i)=>{const s=t;s.setActive?s.setActive(i===e):s.active=i===e,s.hideLabels=this.hideLabels,t.tabIndex=i===e?0:-1})}updated(e){super.updated(e),e.has("hideLabels")&&this.updateActiveStates(this.activeIndex),e.has("hideOnScroll")&&(this.hideOnScroll&&!e.get("hideOnScroll")?this.setupScrollListener():this.hideOnScroll||(this.isHidden=!1))}render(){const e={"h-20":!0,"fixed bottom-0 left-0 right-0":!0,"flex items-center justify-around":!0,"px-2 py-3 box-border":!0,"transition-all duration-200 ease-in-out":!0,"shadow-none":this.elevation===0,"shadow-sm":this.elevation===1,"shadow-md":this.elevation===2,"shadow-lg":this.elevation===3,"shadow-xl":this.elevation===4,"shadow-2xl":this.elevation===5},t=this.isHidden?"translateY(100%)":"translateY(0)";return l.html`
|
|
286
|
-
<nav
|
|
287
|
-
class=${this.classMap(e)}
|
|
288
|
-
role="navigation"
|
|
289
|
-
aria-label="Main navigation"
|
|
290
|
-
aria-hidden=${this.isHidden}
|
|
291
|
-
style="transform: ${t};"
|
|
292
|
-
${g.color({bgColor:a.SchmancyTheme.sys.color.surface.container,color:a.SchmancyTheme.sys.color.surface.on})}
|
|
293
|
-
>
|
|
294
|
-
<slot></slot>
|
|
295
|
-
</nav>
|
|
296
|
-
`}},C([o.property({type:Number})],exports.SchmancyNavigationBar.prototype,"activeIndex",1),C([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideLabels",2),C([o.property({type:Number,reflect:!0})],exports.SchmancyNavigationBar.prototype,"elevation",2),C([o.property({type:Boolean,reflect:!0})],exports.SchmancyNavigationBar.prototype,"hideOnScroll",2),C([o.state()],exports.SchmancyNavigationBar.prototype,"focusedIndex",2),C([o.state()],exports.SchmancyNavigationBar.prototype,"isHidden",2),exports.SchmancyNavigationBar=C([o.customElement("schmancy-navigation-bar")],exports.SchmancyNavigationBar);const H="whereAreYouRicky",R="hereMorty",E=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,R).pipe(n.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),n.map(t=>t.detail.component),n.take(1)),n.of(e).pipe(n.tap(()=>{window.dispatchEvent(new CustomEvent(H,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(n.map(([t])=>t),n.timeout(0)),this.flip=e=>{const{from:t,to:i}=e,s=i.element.style.zIndex;i.element.style.transformOrigin="top left",i.element.style.setProperty("visibility","visible"),i.element.style.zIndex="1000";const c=[{transform:`translate(${t.rect.left-i.rect.left}px, ${t.rect.top-i.rect.top}px) scale(${t.rect.width/i.rect.width}, ${t.rect.height/i.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];i.element.animate(c,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{i.element.style.zIndex=s,i.element.style.transformOrigin=""}},this.flipRequests.pipe(n.bufferTime(1),n.map(e=>e.map(({from:t,to:i,host:s},c)=>({from:t,to:i,host:s,i:c}))),n.concatMap(e=>n.zip(e.map(t=>n.of(this.flip(t)))))).subscribe()}};function _(e){return n.interval(50).pipe(d.map(()=>e.getBoundingClientRect()),d.distinctUntilChanged((t,i)=>t.width===i.width&&t.height===i.height&&t.top===i.top&&t.right===i.right&&t.bottom===i.bottom&&t.left===i.left),d.take(1))}var ue=Object.defineProperty,be=Object.getOwnPropertyDescriptor,q=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?be(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&ue(t,i,r),r};exports.SchmancyTeleportation=class extends w.$LitElement(l.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),n.merge(n.fromEvent(window,I.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent(I.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,H).pipe(n.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(R,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(n.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){n.of(E.activeTeleportations.get(this.id)).pipe(n.filter(e=>!!e),n.takeUntil(this.disconnecting),n.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),_(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:t=>{E.activeTeleportations.set(this.id,t),E.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),_(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{E.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return l.html`<slot></slot>`}},q([o.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),q([o.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),q([o.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=q([o.customElement("schmancy-teleport")],exports.SchmancyTeleportation);var ge=Object.defineProperty,ve=Object.getOwnPropertyDescriptor,b=(e,t,i,s)=>{for(var c,r=s>1?void 0:s?ve(t,i):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(s?c(t,i,r):c(r))||r);return s&&r&&ge(t,i,r),r};exports.SchmancyAvatar=class extends w.$LitElement(){constructor(){super(...arguments),this.initials="",this.src="",this.icon="",this.size="md",this.color="primary",this.shape="circle",this.bordered=!1,this.status="none"}render(){let e;e=this.src?l.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?l.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?l.html`<schmancy-icon>${this.icon}</schmancy-icon>`:l.html`<schmancy-icon>person</schmancy-icon>`;const t={"relative flex items-center justify-center overflow-hidden":!0,[{xs:"w-6 h-6 text-xs",sm:"w-8 h-8 text-sm",md:"w-10 h-10 text-base",lg:"w-12 h-12 text-lg",xl:"w-16 h-16 text-xl"}[this.size]]:!0,[{circle:"rounded-full",square:"rounded-md"}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},i=this.getColorAttributes();return l.html`
|
|
297
|
-
<div class="${this.classMap(t)}" ${i}>
|
|
298
|
-
${e} ${this.status!=="none"?this.renderStatusIndicator():""}
|
|
299
|
-
</div>
|
|
300
|
-
`}getColorAttributes(){const e={primary:{bgColor:a.SchmancyTheme.sys.color.primary.container,color:a.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:a.SchmancyTheme.sys.color.secondary.container,color:a.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:a.SchmancyTheme.sys.color.tertiary.container,color:a.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:a.SchmancyTheme.sys.color.success.container,color:a.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:a.SchmancyTheme.sys.color.error.container,color:a.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:a.SchmancyTheme.sys.color.surface.container,color:a.SchmancyTheme.sys.color.surface.on}};return g.color(e[this.color])}renderStatusIndicator(){const e={online:a.SchmancyTheme.sys.color.success.default,offline:a.SchmancyTheme.sys.color.surface.onVariant,busy:a.SchmancyTheme.sys.color.error.default,away:a.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return l.html`
|
|
301
|
-
<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
|
|
302
|
-
`}},b([o.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),b([o.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),b([o.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=b([o.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=re,exports.HereMorty=R,exports.SchmancyContentDrawerID=L,exports.SchmancyContentDrawerMaxHeight=M,exports.SchmancyContentDrawerMinWidth=z,exports.SchmancyContentDrawerSheetMode=O,exports.SchmancyContentDrawerSheetState=P,exports.SchmancyDrawerNavbarMode=B,exports.SchmancyDrawerNavbarState=A,exports.WhereAreYouRicky=H,exports.schmancyContentDrawer=G,exports.schmancyNavDrawer=X,exports.teleport=E;
|
|
303
|
-
//# sourceMappingURL=avatar-DZMY4ePP.cjs.map
|