@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
|
@@ -1,132 +1,135 @@
|
|
|
1
|
-
import { n as
|
|
2
|
-
import { T as
|
|
3
|
-
import { unsafeCSS as
|
|
4
|
-
import { property as
|
|
5
|
-
import { BehaviorSubject as
|
|
6
|
-
import { a as
|
|
1
|
+
import { n as Xe, e as er } from "./provide-tcktw8xB.js";
|
|
2
|
+
import { T as rr } from "./tailwind.mixin-DGLcZhRp.js";
|
|
3
|
+
import { unsafeCSS as tr, html as Pe } from "lit";
|
|
4
|
+
import { property as de, customElement as ze, state as ve } from "lit/decorators.js";
|
|
5
|
+
import { BehaviorSubject as we, map as te, distinctUntilChanged as Q, shareReplay as oe, switchMap as Me, Observable as Ne, of as _e, fromEvent as Ce, takeUntil as W, timer as Ee, defaultIfEmpty as $e, tap as ee, combineLatest as or, debounceTime as je, Subject as nr } from "rxjs";
|
|
6
|
+
import { a as De, T as Ue } from "./theme.events-CPSLaOlR.js";
|
|
7
|
+
import { $ as ar } from "./litElement.mixin-Bkdw4DeE.js";
|
|
8
|
+
import { c as cr } from "./context-create-DCiujzV2.js";
|
|
9
|
+
import "rxjs/operators";
|
|
7
10
|
function z(r) {
|
|
8
11
|
return r < 0 ? -1 : r === 0 ? 0 : 1;
|
|
9
12
|
}
|
|
10
|
-
function
|
|
13
|
+
function ye(r, e, t) {
|
|
11
14
|
return (1 - t) * r + t * e;
|
|
12
15
|
}
|
|
13
|
-
function
|
|
16
|
+
function be(r, e, t) {
|
|
14
17
|
return t < r ? r : t > e ? e : t;
|
|
15
18
|
}
|
|
16
|
-
function
|
|
19
|
+
function Se(r) {
|
|
17
20
|
return (r %= 360) < 0 && (r += 360), r;
|
|
18
21
|
}
|
|
19
|
-
function
|
|
22
|
+
function Fe(r, e) {
|
|
20
23
|
return [r[0] * e[0][0] + r[1] * e[0][1] + r[2] * e[0][2], r[0] * e[1][0] + r[1] * e[1][1] + r[2] * e[1][2], r[0] * e[2][0] + r[1] * e[2][1] + r[2] * e[2][2]];
|
|
21
24
|
}
|
|
22
|
-
const
|
|
23
|
-
function
|
|
25
|
+
const sr = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]], ir = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]], lr = [95.047, 100, 108.883];
|
|
26
|
+
function Le(r, e, t) {
|
|
24
27
|
return (255 << 24 | (255 & r) << 16 | (255 & e) << 8 | 255 & t) >>> 0;
|
|
25
28
|
}
|
|
26
|
-
function Oe(r) {
|
|
27
|
-
return Se(Q(r[0]), Q(r[1]), Q(r[2]));
|
|
28
|
-
}
|
|
29
29
|
function Re(r) {
|
|
30
|
+
return Le(re(r[0]), re(r[1]), re(r[2]));
|
|
31
|
+
}
|
|
32
|
+
function qe(r) {
|
|
30
33
|
return r >> 16 & 255;
|
|
31
34
|
}
|
|
32
|
-
function
|
|
35
|
+
function Ye(r) {
|
|
33
36
|
return r >> 8 & 255;
|
|
34
37
|
}
|
|
35
|
-
function
|
|
38
|
+
function Je(r) {
|
|
36
39
|
return 255 & r;
|
|
37
40
|
}
|
|
38
|
-
function
|
|
41
|
+
function Te(r) {
|
|
39
42
|
const e = function(t) {
|
|
40
|
-
return
|
|
43
|
+
return Fe([ie(qe(t)), ie(Ye(t)), ie(Je(t))], sr);
|
|
41
44
|
}(r)[1];
|
|
42
|
-
return 116 *
|
|
45
|
+
return 116 * Ge(e / 100) - 16;
|
|
43
46
|
}
|
|
44
|
-
function
|
|
47
|
+
function Z(r) {
|
|
45
48
|
return 100 * function(e) {
|
|
46
|
-
const t = 0.008856451679035631, o = 24389 / 27,
|
|
47
|
-
return
|
|
49
|
+
const t = 0.008856451679035631, o = 24389 / 27, n = e * e * e;
|
|
50
|
+
return n > t ? n : (116 * e - 16) / o;
|
|
48
51
|
}((r + 16) / 116);
|
|
49
52
|
}
|
|
50
|
-
function
|
|
51
|
-
return 116 *
|
|
53
|
+
function Ie(r) {
|
|
54
|
+
return 116 * Ge(r / 100) - 16;
|
|
52
55
|
}
|
|
53
|
-
function
|
|
56
|
+
function ie(r) {
|
|
54
57
|
const e = r / 255;
|
|
55
58
|
return e <= 0.040449936 ? e / 12.92 * 100 : 100 * Math.pow((e + 0.055) / 1.055, 2.4);
|
|
56
59
|
}
|
|
57
|
-
function
|
|
60
|
+
function re(r) {
|
|
58
61
|
const e = r / 100;
|
|
59
62
|
let t = 0;
|
|
60
|
-
return t = e <= 31308e-7 ? 12.92 * e : 1.055 * Math.pow(e, 1 / 2.4) - 0.055, o = 0,
|
|
61
|
-
var o,
|
|
63
|
+
return t = e <= 31308e-7 ? 12.92 * e : 1.055 * Math.pow(e, 1 / 2.4) - 0.055, o = 0, n = 255, (a = Math.round(255 * t)) < o ? o : a > n ? n : a;
|
|
64
|
+
var o, n, a;
|
|
62
65
|
}
|
|
63
|
-
function
|
|
66
|
+
function Ge(r) {
|
|
64
67
|
return r > 216 / 24389 ? Math.pow(r, 1 / 3) : (903.2962962962963 * r + 16) / 116;
|
|
65
68
|
}
|
|
66
69
|
class q {
|
|
67
70
|
static make(e = /* @__PURE__ */ function() {
|
|
68
|
-
return
|
|
69
|
-
}(), t = 200 / Math.PI *
|
|
70
|
-
const s = e, i = 0.401288 * s[0] + 0.650173 * s[1] + -0.051461 * s[2], m = -0.250268 * s[0] + 1.204414 * s[1] + 0.045854 * s[2], h = -2079e-6 * s[0] + 0.048952 * s[1] + 0.953127 * s[2], u = 0.8 +
|
|
71
|
-
let x =
|
|
71
|
+
return lr;
|
|
72
|
+
}(), t = 200 / Math.PI * Z(50) / 100, o = 50, n = 2, a = !1) {
|
|
73
|
+
const s = e, i = 0.401288 * s[0] + 0.650173 * s[1] + -0.051461 * s[2], m = -0.250268 * s[0] + 1.204414 * s[1] + 0.045854 * s[2], h = -2079e-6 * s[0] + 0.048952 * s[1] + 0.953127 * s[2], u = 0.8 + n / 10, k = u >= 0.9 ? ye(0.59, 0.69, 10 * (u - 0.9)) : ye(0.525, 0.59, 10 * (u - 0.8));
|
|
74
|
+
let x = a ? 1 : u * (1 - 1 / 3.6 * Math.exp((-t - 42) / 92));
|
|
72
75
|
x = x > 1 ? 1 : x < 0 ? 0 : x;
|
|
73
|
-
const l = u, g = [x * (100 / i) + 1 - x, x * (100 / m) + 1 - x, x * (100 / h) + 1 - x],
|
|
74
|
-
return new q(A, (2 * I[0] + I[1] + 0.05 * I[2]) *
|
|
76
|
+
const l = u, g = [x * (100 / i) + 1 - x, x * (100 / m) + 1 - x, x * (100 / h) + 1 - x], w = 1 / (5 * t + 1), P = w * w * w * w, F = 1 - P, C = P * t + 0.1 * F * F * Math.cbrt(5 * t), A = Z(o) / e[1], b = 1.48 + Math.sqrt(A), v = 0.725 / Math.pow(A, 0.2), B = v, D = [Math.pow(C * g[0] * i / 100, 0.42), Math.pow(C * g[1] * m / 100, 0.42), Math.pow(C * g[2] * h / 100, 0.42)], I = [400 * D[0] / (D[0] + 27.13), 400 * D[1] / (D[1] + 27.13), 400 * D[2] / (D[2] + 27.13)];
|
|
77
|
+
return new q(A, (2 * I[0] + I[1] + 0.05 * I[2]) * v, v, B, k, l, g, C, Math.pow(C, 0.25), b);
|
|
75
78
|
}
|
|
76
|
-
constructor(e, t, o,
|
|
77
|
-
this.n = e, this.aw = t, this.nbb = o, this.ncb =
|
|
79
|
+
constructor(e, t, o, n, a, s, i, m, h, u) {
|
|
80
|
+
this.n = e, this.aw = t, this.nbb = o, this.ncb = n, this.c = a, this.nc = s, this.rgbD = i, this.fl = m, this.fLRoot = h, this.z = u;
|
|
78
81
|
}
|
|
79
82
|
}
|
|
80
83
|
q.DEFAULT = q.make();
|
|
81
84
|
class O {
|
|
82
|
-
constructor(e, t, o,
|
|
83
|
-
this.hue = e, this.chroma = t, this.j = o, this.q =
|
|
85
|
+
constructor(e, t, o, n, a, s, i, m, h) {
|
|
86
|
+
this.hue = e, this.chroma = t, this.j = o, this.q = n, this.m = a, this.s = s, this.jstar = i, this.astar = m, this.bstar = h;
|
|
84
87
|
}
|
|
85
88
|
distance(e) {
|
|
86
|
-
const t = this.jstar - e.jstar, o = this.astar - e.astar,
|
|
87
|
-
return 1.41 * Math.pow(
|
|
89
|
+
const t = this.jstar - e.jstar, o = this.astar - e.astar, n = this.bstar - e.bstar, a = Math.sqrt(t * t + o * o + n * n);
|
|
90
|
+
return 1.41 * Math.pow(a, 0.63);
|
|
88
91
|
}
|
|
89
92
|
static fromInt(e) {
|
|
90
93
|
return O.fromIntInViewingConditions(e, q.DEFAULT);
|
|
91
94
|
}
|
|
92
95
|
static fromIntInViewingConditions(e, t) {
|
|
93
|
-
const o = (65280 & e) >> 8,
|
|
94
|
-
return new O(_,
|
|
96
|
+
const o = (65280 & e) >> 8, n = 255 & e, a = ie((16711680 & e) >> 16), s = ie(o), i = ie(n), m = 0.41233895 * a + 0.35762064 * s + 0.18051042 * i, h = 0.2126 * a + 0.7152 * s + 0.0722 * i, u = 0.01932141 * a + 0.11916382 * s + 0.95034478 * i, k = 0.401288 * m + 0.650173 * h - 0.051461 * u, x = -0.250268 * m + 1.204414 * h + 0.045854 * u, l = -2079e-6 * m + 0.048952 * h + 0.953127 * u, g = t.rgbD[0] * k, w = t.rgbD[1] * x, P = t.rgbD[2] * l, F = Math.pow(t.fl * Math.abs(g) / 100, 0.42), C = Math.pow(t.fl * Math.abs(w) / 100, 0.42), A = Math.pow(t.fl * Math.abs(P) / 100, 0.42), b = 400 * z(g) * F / (F + 27.13), v = 400 * z(w) * C / (C + 27.13), B = 400 * z(P) * A / (A + 27.13), D = (11 * b + -12 * v + B) / 11, I = (b + v - 2 * B) / 9, T = (20 * b + 20 * v + 21 * B) / 20, fe = (40 * b + 20 * v + B) / 20, N = 180 * Math.atan2(I, D) / Math.PI, _ = N < 0 ? N + 360 : N >= 360 ? N - 360 : N, Y = _ * Math.PI / 180, R = fe * t.nbb, j = 100 * Math.pow(R / t.aw, t.c * t.z), le = 4 / t.c * Math.sqrt(j / 100) * (t.aw + 4) * t.fLRoot, he = _ < 20.14 ? _ + 360 : _, ge = 5e4 / 13 * (0.25 * (Math.cos(he * Math.PI / 180 + 2) + 3.8)) * t.nc * t.ncb * Math.sqrt(D * D + I * I) / (T + 0.305), ke = Math.pow(ge, 0.9) * Math.pow(1.64 - Math.pow(0.29, t.n), 0.73), xe = ke * Math.sqrt(j / 100), Oe = xe * t.fLRoot, Ke = 50 * Math.sqrt(ke * t.c / (t.aw + 4)), Qe = (1 + 100 * 7e-3) * j / (1 + 7e-3 * j), Ae = 1 / 0.0228 * Math.log(1 + 0.0228 * Oe), We = Ae * Math.cos(Y), Ze = Ae * Math.sin(Y);
|
|
97
|
+
return new O(_, xe, j, le, Oe, Ke, Qe, We, Ze);
|
|
95
98
|
}
|
|
96
99
|
static fromJch(e, t, o) {
|
|
97
100
|
return O.fromJchInViewingConditions(e, t, o, q.DEFAULT);
|
|
98
101
|
}
|
|
99
|
-
static fromJchInViewingConditions(e, t, o,
|
|
100
|
-
const
|
|
101
|
-
return new O(o, t, e,
|
|
102
|
+
static fromJchInViewingConditions(e, t, o, n) {
|
|
103
|
+
const a = 4 / n.c * Math.sqrt(e / 100) * (n.aw + 4) * n.fLRoot, s = t * n.fLRoot, i = t / Math.sqrt(e / 100), m = 50 * Math.sqrt(i * n.c / (n.aw + 4)), h = o * Math.PI / 180, u = (1 + 100 * 7e-3) * e / (1 + 7e-3 * e), k = 1 / 0.0228 * Math.log(1 + 0.0228 * s), x = k * Math.cos(h), l = k * Math.sin(h);
|
|
104
|
+
return new O(o, t, e, a, s, m, u, x, l);
|
|
102
105
|
}
|
|
103
106
|
static fromUcs(e, t, o) {
|
|
104
107
|
return O.fromUcsInViewingConditions(e, t, o, q.DEFAULT);
|
|
105
108
|
}
|
|
106
|
-
static fromUcsInViewingConditions(e, t, o,
|
|
107
|
-
const
|
|
108
|
-
let h = Math.atan2(s,
|
|
109
|
+
static fromUcsInViewingConditions(e, t, o, n) {
|
|
110
|
+
const a = t, s = o, i = Math.sqrt(a * a + s * s), m = (Math.exp(0.0228 * i) - 1) / 0.0228 / n.fLRoot;
|
|
111
|
+
let h = Math.atan2(s, a) * (180 / Math.PI);
|
|
109
112
|
h < 0 && (h += 360);
|
|
110
113
|
const u = e / (1 - 7e-3 * (e - 100));
|
|
111
|
-
return O.fromJchInViewingConditions(u, m, h,
|
|
114
|
+
return O.fromJchInViewingConditions(u, m, h, n);
|
|
112
115
|
}
|
|
113
116
|
toInt() {
|
|
114
117
|
return this.viewed(q.DEFAULT);
|
|
115
118
|
}
|
|
116
119
|
viewed(e) {
|
|
117
|
-
const t = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), o = Math.pow(t / Math.pow(1.64 - Math.pow(0.29, e.n), 0.73), 1 / 0.9),
|
|
118
|
-
return function(
|
|
119
|
-
const
|
|
120
|
-
return
|
|
121
|
-
}(1.86206786 * D - 1.01125463 * I + 0.14918677 *
|
|
120
|
+
const t = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), o = Math.pow(t / Math.pow(1.64 - Math.pow(0.29, e.n), 0.73), 1 / 0.9), n = this.hue * Math.PI / 180, a = 0.25 * (Math.cos(n + 2) + 3.8), s = e.aw * Math.pow(this.j / 100, 1 / e.c / e.z), i = a * (5e4 / 13) * e.nc * e.ncb, m = s / e.nbb, h = Math.sin(n), u = Math.cos(n), k = 23 * (m + 0.305) * o / (23 * i + 11 * o * u + 108 * o * h), x = k * u, l = k * h, g = (460 * m + 451 * x + 288 * l) / 1403, w = (460 * m - 891 * x - 261 * l) / 1403, P = (460 * m - 220 * x - 6300 * l) / 1403, F = Math.max(0, 27.13 * Math.abs(g) / (400 - Math.abs(g))), C = z(g) * (100 / e.fl) * Math.pow(F, 1 / 0.42), A = Math.max(0, 27.13 * Math.abs(w) / (400 - Math.abs(w))), b = z(w) * (100 / e.fl) * Math.pow(A, 1 / 0.42), v = Math.max(0, 27.13 * Math.abs(P) / (400 - Math.abs(P))), B = z(P) * (100 / e.fl) * Math.pow(v, 1 / 0.42), D = C / e.rgbD[0], I = b / e.rgbD[1], T = B / e.rgbD[2];
|
|
121
|
+
return function(N, _, Y) {
|
|
122
|
+
const R = ir, j = R[0][0] * N + R[0][1] * _ + R[0][2] * Y, le = R[1][0] * N + R[1][1] * _ + R[1][2] * Y, he = R[2][0] * N + R[2][1] * _ + R[2][2] * Y;
|
|
123
|
+
return Le(re(j), re(le), re(he));
|
|
124
|
+
}(1.86206786 * D - 1.01125463 * I + 0.14918677 * T, 0.38752654 * D + 0.62144744 * I - 897398e-8 * T, -0.0158415 * D - 0.03412294 * I + 1.04996444 * T);
|
|
122
125
|
}
|
|
123
|
-
static fromXyzInViewingConditions(e, t, o,
|
|
124
|
-
const
|
|
125
|
-
return new O(
|
|
126
|
+
static fromXyzInViewingConditions(e, t, o, n) {
|
|
127
|
+
const a = 0.401288 * e + 0.650173 * t - 0.051461 * o, s = -0.250268 * e + 1.204414 * t + 0.045854 * o, i = -2079e-6 * e + 0.048952 * t + 0.953127 * o, m = n.rgbD[0] * a, h = n.rgbD[1] * s, u = n.rgbD[2] * i, k = Math.pow(n.fl * Math.abs(m) / 100, 0.42), x = Math.pow(n.fl * Math.abs(h) / 100, 0.42), l = Math.pow(n.fl * Math.abs(u) / 100, 0.42), g = 400 * z(m) * k / (k + 27.13), w = 400 * z(h) * x / (x + 27.13), P = 400 * z(u) * l / (l + 27.13), F = (11 * g + -12 * w + P) / 11, C = (g + w - 2 * P) / 9, A = (20 * g + 20 * w + 21 * P) / 20, b = (40 * g + 20 * w + P) / 20, v = 180 * Math.atan2(C, F) / Math.PI, B = v < 0 ? v + 360 : v >= 360 ? v - 360 : v, D = B * Math.PI / 180, I = b * n.nbb, T = 100 * Math.pow(I / n.aw, n.c * n.z), fe = 4 / n.c * Math.sqrt(T / 100) * (n.aw + 4) * n.fLRoot, N = B < 20.14 ? B + 360 : B, _ = 5e4 / 13 * (1 / 4 * (Math.cos(N * Math.PI / 180 + 2) + 3.8)) * n.nc * n.ncb * Math.sqrt(F * F + C * C) / (A + 0.305), Y = Math.pow(_, 0.9) * Math.pow(1.64 - Math.pow(0.29, n.n), 0.73), R = Y * Math.sqrt(T / 100), j = R * n.fLRoot, le = 50 * Math.sqrt(Y * n.c / (n.aw + 4)), he = (1 + 100 * 7e-3) * T / (1 + 7e-3 * T), ge = Math.log(1 + 0.0228 * j) / 0.0228, ke = ge * Math.cos(D), xe = ge * Math.sin(D);
|
|
128
|
+
return new O(B, R, T, fe, j, le, he, ke, xe);
|
|
126
129
|
}
|
|
127
130
|
xyzInViewingConditions(e) {
|
|
128
|
-
const t = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), o = Math.pow(t / Math.pow(1.64 - Math.pow(0.29, e.n), 0.73), 1 / 0.9),
|
|
129
|
-
return [1.86206786 * D - 1.01125463 * I + 0.14918677 *
|
|
131
|
+
const t = this.chroma === 0 || this.j === 0 ? 0 : this.chroma / Math.sqrt(this.j / 100), o = Math.pow(t / Math.pow(1.64 - Math.pow(0.29, e.n), 0.73), 1 / 0.9), n = this.hue * Math.PI / 180, a = 0.25 * (Math.cos(n + 2) + 3.8), s = e.aw * Math.pow(this.j / 100, 1 / e.c / e.z), i = a * (5e4 / 13) * e.nc * e.ncb, m = s / e.nbb, h = Math.sin(n), u = Math.cos(n), k = 23 * (m + 0.305) * o / (23 * i + 11 * o * u + 108 * o * h), x = k * u, l = k * h, g = (460 * m + 451 * x + 288 * l) / 1403, w = (460 * m - 891 * x - 261 * l) / 1403, P = (460 * m - 220 * x - 6300 * l) / 1403, F = Math.max(0, 27.13 * Math.abs(g) / (400 - Math.abs(g))), C = z(g) * (100 / e.fl) * Math.pow(F, 1 / 0.42), A = Math.max(0, 27.13 * Math.abs(w) / (400 - Math.abs(w))), b = z(w) * (100 / e.fl) * Math.pow(A, 1 / 0.42), v = Math.max(0, 27.13 * Math.abs(P) / (400 - Math.abs(P))), B = z(P) * (100 / e.fl) * Math.pow(v, 1 / 0.42), D = C / e.rgbD[0], I = b / e.rgbD[1], T = B / e.rgbD[2];
|
|
132
|
+
return [1.86206786 * D - 1.01125463 * I + 0.14918677 * T, 0.38752654 * D + 0.62144744 * I - 897398e-8 * T, -0.0158415 * D - 0.03412294 * I + 1.04996444 * T];
|
|
130
133
|
}
|
|
131
134
|
}
|
|
132
135
|
class p {
|
|
@@ -143,7 +146,7 @@ class p {
|
|
|
143
146
|
return 400 * z(e) * t / (t + 27.13);
|
|
144
147
|
}
|
|
145
148
|
static hueOf(e) {
|
|
146
|
-
const t =
|
|
149
|
+
const t = Fe(e, p.SCALED_DISCOUNT_FROM_LINRGB), o = p.chromaticAdaptation(t[0]), n = p.chromaticAdaptation(t[1]), a = p.chromaticAdaptation(t[2]), s = (11 * o + -12 * n + a) / 11, i = (o + n - 2 * a) / 9;
|
|
147
150
|
return Math.atan2(i, s);
|
|
148
151
|
}
|
|
149
152
|
static areInCyclicOrder(e, t, o) {
|
|
@@ -155,37 +158,37 @@ class p {
|
|
|
155
158
|
static lerpPoint(e, t, o) {
|
|
156
159
|
return [e[0] + (o[0] - e[0]) * t, e[1] + (o[1] - e[1]) * t, e[2] + (o[2] - e[2]) * t];
|
|
157
160
|
}
|
|
158
|
-
static setCoordinate(e, t, o,
|
|
159
|
-
const
|
|
160
|
-
return p.lerpPoint(e,
|
|
161
|
+
static setCoordinate(e, t, o, n) {
|
|
162
|
+
const a = p.intercept(e[n], t, o[n]);
|
|
163
|
+
return p.lerpPoint(e, a, o);
|
|
161
164
|
}
|
|
162
165
|
static isBounded(e) {
|
|
163
166
|
return 0 <= e && e <= 100;
|
|
164
167
|
}
|
|
165
168
|
static nthVertex(e, t) {
|
|
166
|
-
const o = p.Y_FROM_LINRGB[0],
|
|
169
|
+
const o = p.Y_FROM_LINRGB[0], n = p.Y_FROM_LINRGB[1], a = p.Y_FROM_LINRGB[2], s = t % 4 <= 1 ? 0 : 100, i = t % 2 == 0 ? 0 : 100;
|
|
167
170
|
if (t < 4) {
|
|
168
|
-
const m = s, h = i, u = (e - m *
|
|
171
|
+
const m = s, h = i, u = (e - m * n - h * a) / o;
|
|
169
172
|
return p.isBounded(u) ? [u, m, h] : [-1, -1, -1];
|
|
170
173
|
}
|
|
171
174
|
if (t < 8) {
|
|
172
|
-
const m = s, h = i, u = (e - h * o - m *
|
|
175
|
+
const m = s, h = i, u = (e - h * o - m * a) / n;
|
|
173
176
|
return p.isBounded(u) ? [h, u, m] : [-1, -1, -1];
|
|
174
177
|
}
|
|
175
178
|
{
|
|
176
|
-
const m = s, h = i, u = (e - m * o - h *
|
|
179
|
+
const m = s, h = i, u = (e - m * o - h * n) / a;
|
|
177
180
|
return p.isBounded(u) ? [m, h, u] : [-1, -1, -1];
|
|
178
181
|
}
|
|
179
182
|
}
|
|
180
183
|
static bisectToSegment(e, t) {
|
|
181
|
-
let o = [-1, -1, -1],
|
|
184
|
+
let o = [-1, -1, -1], n = o, a = 0, s = 0, i = !1, m = !0;
|
|
182
185
|
for (let h = 0; h < 12; h++) {
|
|
183
186
|
const u = p.nthVertex(e, h);
|
|
184
187
|
if (u[0] < 0) continue;
|
|
185
188
|
const k = p.hueOf(u);
|
|
186
|
-
i ? (m || p.areInCyclicOrder(
|
|
189
|
+
i ? (m || p.areInCyclicOrder(a, k, s)) && (m = !1, p.areInCyclicOrder(a, t, k) ? (n = u, s = k) : (o = u, a = k)) : (o = u, n = u, a = k, s = k, i = !0);
|
|
187
190
|
}
|
|
188
|
-
return [o,
|
|
191
|
+
return [o, n];
|
|
189
192
|
}
|
|
190
193
|
static midpoint(e, t) {
|
|
191
194
|
return [(e[0] + t[0]) / 2, (e[1] + t[1]) / 2, (e[2] + t[2]) / 2];
|
|
@@ -198,41 +201,41 @@ class p {
|
|
|
198
201
|
}
|
|
199
202
|
static bisectToLimit(e, t) {
|
|
200
203
|
const o = p.bisectToSegment(e, t);
|
|
201
|
-
let
|
|
202
|
-
for (let i = 0; i < 3; i++) if (
|
|
204
|
+
let n = o[0], a = p.hueOf(n), s = o[1];
|
|
205
|
+
for (let i = 0; i < 3; i++) if (n[i] !== s[i]) {
|
|
203
206
|
let m = -1, h = 255;
|
|
204
|
-
|
|
207
|
+
n[i] < s[i] ? (m = p.criticalPlaneBelow(p.trueDelinearized(n[i])), h = p.criticalPlaneAbove(p.trueDelinearized(s[i]))) : (m = p.criticalPlaneAbove(p.trueDelinearized(n[i])), h = p.criticalPlaneBelow(p.trueDelinearized(s[i])));
|
|
205
208
|
for (let u = 0; u < 8 && !(Math.abs(h - m) <= 1); u++) {
|
|
206
|
-
const k = Math.floor((m + h) / 2), x = p.CRITICAL_PLANES[k], l = p.setCoordinate(
|
|
207
|
-
p.areInCyclicOrder(
|
|
209
|
+
const k = Math.floor((m + h) / 2), x = p.CRITICAL_PLANES[k], l = p.setCoordinate(n, x, s, i), g = p.hueOf(l);
|
|
210
|
+
p.areInCyclicOrder(a, t, g) ? (s = l, h = k) : (n = l, a = g, m = k);
|
|
208
211
|
}
|
|
209
212
|
}
|
|
210
|
-
return p.midpoint(
|
|
213
|
+
return p.midpoint(n, s);
|
|
211
214
|
}
|
|
212
215
|
static inverseChromaticAdaptation(e) {
|
|
213
216
|
const t = Math.abs(e), o = Math.max(0, 27.13 * t / (400 - t));
|
|
214
217
|
return z(e) * Math.pow(o, 1 / 0.42);
|
|
215
218
|
}
|
|
216
219
|
static findResultByJ(e, t, o) {
|
|
217
|
-
let
|
|
218
|
-
const
|
|
220
|
+
let n = 11 * Math.sqrt(o);
|
|
221
|
+
const a = q.DEFAULT, s = 1 / Math.pow(1.64 - Math.pow(0.29, a.n), 0.73), i = 0.25 * (Math.cos(e + 2) + 3.8) * (5e4 / 13) * a.nc * a.ncb, m = Math.sin(e), h = Math.cos(e);
|
|
219
222
|
for (let u = 0; u < 5; u++) {
|
|
220
|
-
const k =
|
|
221
|
-
if (
|
|
222
|
-
const
|
|
223
|
-
if (
|
|
224
|
-
if (u === 4 || Math.abs(
|
|
225
|
-
|
|
223
|
+
const k = n / 100, x = t === 0 || n === 0 ? 0 : t / Math.sqrt(k), l = Math.pow(x * s, 1 / 0.9), g = a.aw * Math.pow(k, 1 / a.c / a.z) / a.nbb, w = 23 * (g + 0.305) * l / (23 * i + 11 * l * h + 108 * l * m), P = w * h, F = w * m, C = (460 * g + 451 * P + 288 * F) / 1403, A = (460 * g - 891 * P - 261 * F) / 1403, b = (460 * g - 220 * P - 6300 * F) / 1403, v = Fe([p.inverseChromaticAdaptation(C), p.inverseChromaticAdaptation(A), p.inverseChromaticAdaptation(b)], p.LINRGB_FROM_SCALED_DISCOUNT);
|
|
224
|
+
if (v[0] < 0 || v[1] < 0 || v[2] < 0) return 0;
|
|
225
|
+
const B = p.Y_FROM_LINRGB[0], D = p.Y_FROM_LINRGB[1], I = p.Y_FROM_LINRGB[2], T = B * v[0] + D * v[1] + I * v[2];
|
|
226
|
+
if (T <= 0) return 0;
|
|
227
|
+
if (u === 4 || Math.abs(T - o) < 2e-3) return v[0] > 100.01 || v[1] > 100.01 || v[2] > 100.01 ? 0 : Re(v);
|
|
228
|
+
n -= (T - o) * n / (2 * T);
|
|
226
229
|
}
|
|
227
230
|
return 0;
|
|
228
231
|
}
|
|
229
232
|
static solveToInt(e, t, o) {
|
|
230
233
|
if (t < 1e-4 || o < 1e-4 || o > 99.9999) return function(i) {
|
|
231
|
-
const m =
|
|
232
|
-
return
|
|
234
|
+
const m = re(Z(i));
|
|
235
|
+
return Le(m, m, m);
|
|
233
236
|
}(o);
|
|
234
|
-
const
|
|
235
|
-
return s !== 0 ? s :
|
|
237
|
+
const n = (e = Se(e)) / 180 * Math.PI, a = Z(o), s = p.findResultByJ(n, t, a);
|
|
238
|
+
return s !== 0 ? s : Re(p.bisectToLimit(a, n));
|
|
236
239
|
}
|
|
237
240
|
static solveToCam(e, t, o) {
|
|
238
241
|
return O.fromInt(p.solveToInt(e, t, o));
|
|
@@ -270,37 +273,37 @@ class L {
|
|
|
270
273
|
constructor(e) {
|
|
271
274
|
this.argb = e;
|
|
272
275
|
const t = O.fromInt(e);
|
|
273
|
-
this.internalHue = t.hue, this.internalChroma = t.chroma, this.internalTone =
|
|
276
|
+
this.internalHue = t.hue, this.internalChroma = t.chroma, this.internalTone = Te(e), this.argb = e;
|
|
274
277
|
}
|
|
275
278
|
setInternalState(e) {
|
|
276
279
|
const t = O.fromInt(e);
|
|
277
|
-
this.internalHue = t.hue, this.internalChroma = t.chroma, this.internalTone =
|
|
280
|
+
this.internalHue = t.hue, this.internalChroma = t.chroma, this.internalTone = Te(e), this.argb = e;
|
|
278
281
|
}
|
|
279
282
|
inViewingConditions(e) {
|
|
280
283
|
const t = O.fromInt(this.toInt()).xyzInViewingConditions(e), o = O.fromXyzInViewingConditions(t[0], t[1], t[2], q.make());
|
|
281
|
-
return L.from(o.hue, o.chroma,
|
|
284
|
+
return L.from(o.hue, o.chroma, Ie(t[1]));
|
|
282
285
|
}
|
|
283
286
|
}
|
|
284
|
-
class
|
|
287
|
+
class Be {
|
|
285
288
|
static harmonize(e, t) {
|
|
286
|
-
const o = L.fromInt(e),
|
|
289
|
+
const o = L.fromInt(e), n = L.fromInt(t), a = (s = o.hue, i = n.hue, 180 - Math.abs(Math.abs(s - i) - 180));
|
|
287
290
|
var s, i;
|
|
288
|
-
const m = Math.min(0.5 *
|
|
291
|
+
const m = Math.min(0.5 * a, 15), h = Se(o.hue + m * (u = o.hue, Se(n.hue - u) <= 180 ? 1 : -1));
|
|
289
292
|
var u;
|
|
290
293
|
return L.from(h, o.chroma, o.tone).toInt();
|
|
291
294
|
}
|
|
292
295
|
static hctHue(e, t, o) {
|
|
293
|
-
const
|
|
294
|
-
return L.from(
|
|
296
|
+
const n = Be.cam16Ucs(e, t, o), a = O.fromInt(n), s = O.fromInt(e);
|
|
297
|
+
return L.from(a.hue, s.chroma, Te(e)).toInt();
|
|
295
298
|
}
|
|
296
299
|
static cam16Ucs(e, t, o) {
|
|
297
|
-
const
|
|
300
|
+
const n = O.fromInt(e), a = O.fromInt(t), s = n.jstar, i = n.astar, m = n.bstar, h = s + (a.jstar - s) * o, u = i + (a.astar - i) * o, k = m + (a.bstar - m) * o;
|
|
298
301
|
return O.fromUcs(h, u, k).toInt();
|
|
299
302
|
}
|
|
300
303
|
}
|
|
301
|
-
class
|
|
304
|
+
class V {
|
|
302
305
|
static ratioOfTones(e, t) {
|
|
303
|
-
return e =
|
|
306
|
+
return e = be(0, 100, e), t = be(0, 100, t), V.ratioOfYs(Z(e), Z(t));
|
|
304
307
|
}
|
|
305
308
|
static ratioOfYs(e, t) {
|
|
306
309
|
const o = e > t ? e : t;
|
|
@@ -308,44 +311,44 @@ class B {
|
|
|
308
311
|
}
|
|
309
312
|
static lighter(e, t) {
|
|
310
313
|
if (e < 0 || e > 100) return -1;
|
|
311
|
-
const o =
|
|
312
|
-
if (
|
|
313
|
-
const i =
|
|
314
|
+
const o = Z(e), n = t * (o + 5) - 5, a = V.ratioOfYs(n, o), s = Math.abs(a - t);
|
|
315
|
+
if (a < t && s > 0.04) return -1;
|
|
316
|
+
const i = Ie(n) + 0.4;
|
|
314
317
|
return i < 0 || i > 100 ? -1 : i;
|
|
315
318
|
}
|
|
316
319
|
static darker(e, t) {
|
|
317
320
|
if (e < 0 || e > 100) return -1;
|
|
318
|
-
const o =
|
|
319
|
-
if (
|
|
320
|
-
const i =
|
|
321
|
+
const o = Z(e), n = (o + 5) / t - 5, a = V.ratioOfYs(o, n), s = Math.abs(a - t);
|
|
322
|
+
if (a < t && s > 0.04) return -1;
|
|
323
|
+
const i = Ie(n) - 0.4;
|
|
321
324
|
return i < 0 || i > 100 ? -1 : i;
|
|
322
325
|
}
|
|
323
326
|
static lighterUnsafe(e, t) {
|
|
324
|
-
const o =
|
|
327
|
+
const o = V.lighter(e, t);
|
|
325
328
|
return o < 0 ? 100 : o;
|
|
326
329
|
}
|
|
327
330
|
static darkerUnsafe(e, t) {
|
|
328
|
-
const o =
|
|
331
|
+
const o = V.darker(e, t);
|
|
329
332
|
return o < 0 ? 0 : o;
|
|
330
333
|
}
|
|
331
334
|
}
|
|
332
|
-
class
|
|
335
|
+
class Ve {
|
|
333
336
|
static isDisliked(e) {
|
|
334
|
-
const t = Math.round(e.hue) >= 90 && Math.round(e.hue) <= 111, o = Math.round(e.chroma) > 16,
|
|
335
|
-
return t && o &&
|
|
337
|
+
const t = Math.round(e.hue) >= 90 && Math.round(e.hue) <= 111, o = Math.round(e.chroma) > 16, n = Math.round(e.tone) < 65;
|
|
338
|
+
return t && o && n;
|
|
336
339
|
}
|
|
337
340
|
static fixIfDisliked(e) {
|
|
338
|
-
return
|
|
341
|
+
return Ve.isDisliked(e) ? L.from(e.hue, e.chroma, 70) : e;
|
|
339
342
|
}
|
|
340
343
|
}
|
|
341
344
|
class d {
|
|
342
345
|
static fromPalette(e) {
|
|
343
346
|
return new d(e.name ?? "", e.palette, e.tone, e.isBackground ?? !1, e.background, e.secondBackground, e.contrastCurve, e.toneDeltaPair);
|
|
344
347
|
}
|
|
345
|
-
constructor(e, t, o,
|
|
346
|
-
if (this.name = e, this.palette = t, this.tone = o, this.isBackground =
|
|
347
|
-
if (!
|
|
348
|
-
if (
|
|
348
|
+
constructor(e, t, o, n, a, s, i, m) {
|
|
349
|
+
if (this.name = e, this.palette = t, this.tone = o, this.isBackground = n, this.background = a, this.secondBackground = s, this.contrastCurve = i, this.toneDeltaPair = m, this.hctCache = /* @__PURE__ */ new Map(), !a && s) throw new Error(`Color ${e} has secondBackgrounddefined, but background is not defined.`);
|
|
350
|
+
if (!a && i) throw new Error(`Color ${e} has contrastCurvedefined, but background is not defined.`);
|
|
351
|
+
if (a && !i) throw new Error(`Color ${e} has backgrounddefined, but contrastCurve is not defined.`);
|
|
349
352
|
}
|
|
350
353
|
getArgb(e) {
|
|
351
354
|
return this.getHct(e).toInt();
|
|
@@ -353,38 +356,38 @@ class d {
|
|
|
353
356
|
getHct(e) {
|
|
354
357
|
const t = this.hctCache.get(e);
|
|
355
358
|
if (t != null) return t;
|
|
356
|
-
const o = this.getTone(e),
|
|
357
|
-
return this.hctCache.size > 4 && this.hctCache.clear(), this.hctCache.set(e,
|
|
359
|
+
const o = this.getTone(e), n = this.palette(e).getHct(o);
|
|
360
|
+
return this.hctCache.size > 4 && this.hctCache.clear(), this.hctCache.set(e, n), n;
|
|
358
361
|
}
|
|
359
362
|
getTone(e) {
|
|
360
363
|
const t = e.contrastLevel < 0;
|
|
361
364
|
if (this.toneDeltaPair) {
|
|
362
|
-
const o = this.toneDeltaPair(e),
|
|
363
|
-
let C =
|
|
365
|
+
const o = this.toneDeltaPair(e), n = o.roleA, a = o.roleB, s = o.delta, i = o.polarity, m = o.stayTogether, h = this.background(e).getTone(e), u = i === "nearer" || i === "lighter" && !e.isDark || i === "darker" && e.isDark, k = u ? n : a, x = u ? a : n, l = this.name === k.name, g = e.isDark ? 1 : -1, w = k.contrastCurve.get(e.contrastLevel), P = x.contrastCurve.get(e.contrastLevel), F = k.tone(e);
|
|
366
|
+
let C = V.ratioOfTones(h, F) >= w ? F : d.foregroundTone(h, w);
|
|
364
367
|
const A = x.tone(e);
|
|
365
|
-
let b =
|
|
366
|
-
return t && (C = d.foregroundTone(h,
|
|
368
|
+
let b = V.ratioOfTones(h, A) >= P ? A : d.foregroundTone(h, P);
|
|
369
|
+
return t && (C = d.foregroundTone(h, w), b = d.foregroundTone(h, P)), (b - C) * g >= s || (b = be(0, 100, C + s * g), (b - C) * g >= s || (C = be(0, 100, b - s * g))), 50 <= C && C < 60 ? g > 0 ? (C = 60, b = Math.max(b, C + s * g)) : (C = 49, b = Math.min(b, C + s * g)) : 50 <= b && b < 60 && (m ? g > 0 ? (C = 60, b = Math.max(b, C + s * g)) : (C = 49, b = Math.min(b, C + s * g)) : b = g > 0 ? 60 : 49), l ? C : b;
|
|
367
370
|
}
|
|
368
371
|
{
|
|
369
372
|
let o = this.tone(e);
|
|
370
373
|
if (this.background == null) return o;
|
|
371
|
-
const
|
|
372
|
-
if (
|
|
374
|
+
const n = this.background(e).getTone(e), a = this.contrastCurve.get(e.contrastLevel);
|
|
375
|
+
if (V.ratioOfTones(n, o) >= a || (o = d.foregroundTone(n, a)), t && (o = d.foregroundTone(n, a)), this.isBackground && 50 <= o && o < 60 && (o = V.ratioOfTones(49, n) >= a ? 49 : 60), this.secondBackground) {
|
|
373
376
|
const [s, i] = [this.background, this.secondBackground], [m, h] = [s(e).getTone(e), i(e).getTone(e)], [u, k] = [Math.max(m, h), Math.min(m, h)];
|
|
374
|
-
if (
|
|
375
|
-
const x =
|
|
377
|
+
if (V.ratioOfTones(u, o) >= a && V.ratioOfTones(k, o) >= a) return o;
|
|
378
|
+
const x = V.lighter(u, a), l = V.darker(k, a), g = [];
|
|
376
379
|
return x !== -1 && g.push(x), l !== -1 && g.push(l), d.tonePrefersLightForeground(m) || d.tonePrefersLightForeground(h) ? x < 0 ? 100 : x : g.length === 1 ? g[0] : l < 0 ? 0 : l;
|
|
377
380
|
}
|
|
378
381
|
return o;
|
|
379
382
|
}
|
|
380
383
|
}
|
|
381
384
|
static foregroundTone(e, t) {
|
|
382
|
-
const o =
|
|
385
|
+
const o = V.lighterUnsafe(e, t), n = V.darkerUnsafe(e, t), a = V.ratioOfTones(o, e), s = V.ratioOfTones(n, e);
|
|
383
386
|
if (d.tonePrefersLightForeground(e)) {
|
|
384
|
-
const i = Math.abs(
|
|
385
|
-
return
|
|
387
|
+
const i = Math.abs(a - s) < 0.1 && a < t && s < t;
|
|
388
|
+
return a >= t || a >= s || i ? o : n;
|
|
386
389
|
}
|
|
387
|
-
return s >= t || s >=
|
|
390
|
+
return s >= t || s >= a ? n : o;
|
|
388
391
|
}
|
|
389
392
|
static tonePrefersLightForeground(e) {
|
|
390
393
|
return Math.round(e) < 60;
|
|
@@ -405,7 +408,7 @@ class M {
|
|
|
405
408
|
return new M(e.hue, e.chroma, e);
|
|
406
409
|
}
|
|
407
410
|
static fromHueAndChroma(e, t) {
|
|
408
|
-
const o = new
|
|
411
|
+
const o = new hr(e, t).create();
|
|
409
412
|
return new M(e, t, o);
|
|
410
413
|
}
|
|
411
414
|
constructor(e, t, o) {
|
|
@@ -419,20 +422,20 @@ class M {
|
|
|
419
422
|
return L.fromInt(this.tone(e));
|
|
420
423
|
}
|
|
421
424
|
}
|
|
422
|
-
class
|
|
425
|
+
class hr {
|
|
423
426
|
constructor(e, t) {
|
|
424
427
|
this.hue = e, this.requestedChroma = t, this.chromaCache = /* @__PURE__ */ new Map(), this.maxChromaValue = 200;
|
|
425
428
|
}
|
|
426
429
|
create() {
|
|
427
430
|
let e = 0, t = 100;
|
|
428
431
|
for (; e < t; ) {
|
|
429
|
-
const o = Math.floor((e + t) / 2),
|
|
432
|
+
const o = Math.floor((e + t) / 2), n = this.maxChroma(o) < this.maxChroma(o + 1);
|
|
430
433
|
if (this.maxChroma(o) >= this.requestedChroma - 0.01) if (Math.abs(e - 50) < Math.abs(t - 50)) t = o;
|
|
431
434
|
else {
|
|
432
435
|
if (e === o) return L.from(this.hue, this.requestedChroma, e);
|
|
433
436
|
e = o;
|
|
434
437
|
}
|
|
435
|
-
else
|
|
438
|
+
else n ? e = o + 1 : t = o;
|
|
436
439
|
}
|
|
437
440
|
return L.from(this.hue, this.requestedChroma, e);
|
|
438
441
|
}
|
|
@@ -443,41 +446,41 @@ class rr {
|
|
|
443
446
|
}
|
|
444
447
|
}
|
|
445
448
|
class f {
|
|
446
|
-
constructor(e, t, o,
|
|
447
|
-
this.low = e, this.normal = t, this.medium = o, this.high =
|
|
449
|
+
constructor(e, t, o, n) {
|
|
450
|
+
this.low = e, this.normal = t, this.medium = o, this.high = n;
|
|
448
451
|
}
|
|
449
452
|
get(e) {
|
|
450
|
-
return e <= -1 ? this.low : e < 0 ?
|
|
453
|
+
return e <= -1 ? this.low : e < 0 ? ye(this.low, this.normal, (e - -1) / 1) : e < 0.5 ? ye(this.normal, this.medium, (e - 0) / 0.5) : e < 1 ? ye(this.medium, this.high, (e - 0.5) / 0.5) : this.high;
|
|
451
454
|
}
|
|
452
455
|
}
|
|
453
|
-
class
|
|
454
|
-
constructor(e, t, o,
|
|
455
|
-
this.roleA = e, this.roleB = t, this.delta = o, this.polarity =
|
|
456
|
+
class H {
|
|
457
|
+
constructor(e, t, o, n, a) {
|
|
458
|
+
this.roleA = e, this.roleB = t, this.delta = o, this.polarity = n, this.stayTogether = a;
|
|
456
459
|
}
|
|
457
460
|
}
|
|
458
|
-
var
|
|
459
|
-
function
|
|
460
|
-
return r.variant ===
|
|
461
|
+
var pe;
|
|
462
|
+
function ne(r) {
|
|
463
|
+
return r.variant === pe.FIDELITY || r.variant === pe.CONTENT;
|
|
461
464
|
}
|
|
462
465
|
function S(r) {
|
|
463
|
-
return r.variant ===
|
|
466
|
+
return r.variant === pe.MONOCHROME;
|
|
464
467
|
}
|
|
465
468
|
(function(r) {
|
|
466
469
|
r[r.MONOCHROME = 0] = "MONOCHROME", r[r.NEUTRAL = 1] = "NEUTRAL", r[r.TONAL_SPOT = 2] = "TONAL_SPOT", r[r.VIBRANT = 3] = "VIBRANT", r[r.EXPRESSIVE = 4] = "EXPRESSIVE", r[r.FIDELITY = 5] = "FIDELITY", r[r.CONTENT = 6] = "CONTENT", r[r.RAINBOW = 7] = "RAINBOW", r[r.FRUIT_SALAD = 8] = "FRUIT_SALAD";
|
|
467
|
-
})(
|
|
470
|
+
})(pe || (pe = {}));
|
|
468
471
|
class c {
|
|
469
472
|
static highestSurface(e) {
|
|
470
473
|
return e.isDark ? c.surfaceBright : c.surfaceDim;
|
|
471
474
|
}
|
|
472
475
|
}
|
|
473
|
-
c.contentAccentToneDelta = 15, c.primaryPaletteKeyColor = d.fromPalette({ name: "primary_palette_key_color", palette: (r) => r.primaryPalette, tone: (r) => r.primaryPalette.keyColor.tone }), c.secondaryPaletteKeyColor = d.fromPalette({ name: "secondary_palette_key_color", palette: (r) => r.secondaryPalette, tone: (r) => r.secondaryPalette.keyColor.tone }), c.tertiaryPaletteKeyColor = d.fromPalette({ name: "tertiary_palette_key_color", palette: (r) => r.tertiaryPalette, tone: (r) => r.tertiaryPalette.keyColor.tone }), c.neutralPaletteKeyColor = d.fromPalette({ name: "neutral_palette_key_color", palette: (r) => r.neutralPalette, tone: (r) => r.neutralPalette.keyColor.tone }), c.neutralVariantPaletteKeyColor = d.fromPalette({ name: "neutral_variant_palette_key_color", palette: (r) => r.neutralVariantPalette, tone: (r) => r.neutralVariantPalette.keyColor.tone }), c.background = d.fromPalette({ name: "background", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : 98, isBackground: !0 }), c.onBackground = d.fromPalette({ name: "on_background", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 10, background: (r) => c.background, contrastCurve: new f(3, 3, 4.5, 7) }), c.surface = d.fromPalette({ name: "surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : 98, isBackground: !0 }), c.surfaceDim = d.fromPalette({ name: "surface_dim", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : new f(87, 87, 80, 75).get(r.contrastLevel), isBackground: !0 }), c.surfaceBright = d.fromPalette({ name: "surface_bright", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(24, 24, 29, 34).get(r.contrastLevel) : 98, isBackground: !0 }), c.surfaceContainerLowest = d.fromPalette({ name: "surface_container_lowest", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(4, 4, 2, 0).get(r.contrastLevel) : 100, isBackground: !0 }), c.surfaceContainerLow = d.fromPalette({ name: "surface_container_low", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(10, 10, 11, 12).get(r.contrastLevel) : new f(96, 96, 96, 95).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainer = d.fromPalette({ name: "surface_container", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(12, 12, 16, 20).get(r.contrastLevel) : new f(94, 94, 92, 90).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainerHigh = d.fromPalette({ name: "surface_container_high", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(17, 17, 21, 25).get(r.contrastLevel) : new f(92, 92, 88, 85).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainerHighest = d.fromPalette({ name: "surface_container_highest", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(22, 22, 26, 30).get(r.contrastLevel) : new f(90, 90, 84, 80).get(r.contrastLevel), isBackground: !0 }), c.onSurface = d.fromPalette({ name: "on_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 10, background: (r) => c.highestSurface(r), contrastCurve: new f(4.5, 7, 11, 21) }), c.surfaceVariant = d.fromPalette({ name: "surface_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 30 : 90, isBackground: !0 }), c.onSurfaceVariant = d.fromPalette({ name: "on_surface_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 80 : 30, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 11) }), c.inverseSurface = d.fromPalette({ name: "inverse_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 20 }), c.inverseOnSurface = d.fromPalette({ name: "inverse_on_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 20 : 95, background: (r) => c.inverseSurface, contrastCurve: new f(4.5, 7, 11, 21) }), c.outline = d.fromPalette({ name: "outline", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 60 : 50, background: (r) => c.highestSurface(r), contrastCurve: new f(1.5, 3, 4.5, 7) }), c.outlineVariant = d.fromPalette({ name: "outline_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 30 : 80, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5) }), c.shadow = d.fromPalette({ name: "shadow", palette: (r) => r.neutralPalette, tone: (r) => 0 }), c.scrim = d.fromPalette({ name: "scrim", palette: (r) => r.neutralPalette, tone: (r) => 0 }), c.surfaceTint = d.fromPalette({ name: "surface_tint", palette: (r) => r.primaryPalette, tone: (r) => r.isDark ? 80 : 40, isBackground: !0 }), c.primary = d.fromPalette({ name: "primary", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? r.isDark ? 100 : 0 : r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new
|
|
476
|
+
c.contentAccentToneDelta = 15, c.primaryPaletteKeyColor = d.fromPalette({ name: "primary_palette_key_color", palette: (r) => r.primaryPalette, tone: (r) => r.primaryPalette.keyColor.tone }), c.secondaryPaletteKeyColor = d.fromPalette({ name: "secondary_palette_key_color", palette: (r) => r.secondaryPalette, tone: (r) => r.secondaryPalette.keyColor.tone }), c.tertiaryPaletteKeyColor = d.fromPalette({ name: "tertiary_palette_key_color", palette: (r) => r.tertiaryPalette, tone: (r) => r.tertiaryPalette.keyColor.tone }), c.neutralPaletteKeyColor = d.fromPalette({ name: "neutral_palette_key_color", palette: (r) => r.neutralPalette, tone: (r) => r.neutralPalette.keyColor.tone }), c.neutralVariantPaletteKeyColor = d.fromPalette({ name: "neutral_variant_palette_key_color", palette: (r) => r.neutralVariantPalette, tone: (r) => r.neutralVariantPalette.keyColor.tone }), c.background = d.fromPalette({ name: "background", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : 98, isBackground: !0 }), c.onBackground = d.fromPalette({ name: "on_background", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 10, background: (r) => c.background, contrastCurve: new f(3, 3, 4.5, 7) }), c.surface = d.fromPalette({ name: "surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : 98, isBackground: !0 }), c.surfaceDim = d.fromPalette({ name: "surface_dim", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 6 : new f(87, 87, 80, 75).get(r.contrastLevel), isBackground: !0 }), c.surfaceBright = d.fromPalette({ name: "surface_bright", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(24, 24, 29, 34).get(r.contrastLevel) : 98, isBackground: !0 }), c.surfaceContainerLowest = d.fromPalette({ name: "surface_container_lowest", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(4, 4, 2, 0).get(r.contrastLevel) : 100, isBackground: !0 }), c.surfaceContainerLow = d.fromPalette({ name: "surface_container_low", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(10, 10, 11, 12).get(r.contrastLevel) : new f(96, 96, 96, 95).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainer = d.fromPalette({ name: "surface_container", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(12, 12, 16, 20).get(r.contrastLevel) : new f(94, 94, 92, 90).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainerHigh = d.fromPalette({ name: "surface_container_high", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(17, 17, 21, 25).get(r.contrastLevel) : new f(92, 92, 88, 85).get(r.contrastLevel), isBackground: !0 }), c.surfaceContainerHighest = d.fromPalette({ name: "surface_container_highest", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? new f(22, 22, 26, 30).get(r.contrastLevel) : new f(90, 90, 84, 80).get(r.contrastLevel), isBackground: !0 }), c.onSurface = d.fromPalette({ name: "on_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 10, background: (r) => c.highestSurface(r), contrastCurve: new f(4.5, 7, 11, 21) }), c.surfaceVariant = d.fromPalette({ name: "surface_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 30 : 90, isBackground: !0 }), c.onSurfaceVariant = d.fromPalette({ name: "on_surface_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 80 : 30, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 11) }), c.inverseSurface = d.fromPalette({ name: "inverse_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 90 : 20 }), c.inverseOnSurface = d.fromPalette({ name: "inverse_on_surface", palette: (r) => r.neutralPalette, tone: (r) => r.isDark ? 20 : 95, background: (r) => c.inverseSurface, contrastCurve: new f(4.5, 7, 11, 21) }), c.outline = d.fromPalette({ name: "outline", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 60 : 50, background: (r) => c.highestSurface(r), contrastCurve: new f(1.5, 3, 4.5, 7) }), c.outlineVariant = d.fromPalette({ name: "outline_variant", palette: (r) => r.neutralVariantPalette, tone: (r) => r.isDark ? 30 : 80, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5) }), c.shadow = d.fromPalette({ name: "shadow", palette: (r) => r.neutralPalette, tone: (r) => 0 }), c.scrim = d.fromPalette({ name: "scrim", palette: (r) => r.neutralPalette, tone: (r) => 0 }), c.surfaceTint = d.fromPalette({ name: "surface_tint", palette: (r) => r.primaryPalette, tone: (r) => r.isDark ? 80 : 40, isBackground: !0 }), c.primary = d.fromPalette({ name: "primary", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? r.isDark ? 100 : 0 : r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new H(c.primaryContainer, c.primary, 10, "nearer", !1) }), c.onPrimary = d.fromPalette({ name: "on_primary", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? r.isDark ? 10 : 90 : r.isDark ? 20 : 100, background: (r) => c.primary, contrastCurve: new f(4.5, 7, 11, 21) }), c.primaryContainer = d.fromPalette({ name: "primary_container", palette: (r) => r.primaryPalette, tone: (r) => ne(r) ? r.sourceColorHct.tone : S(r) ? r.isDark ? 85 : 25 : r.isDark ? 30 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.primaryContainer, c.primary, 10, "nearer", !1) }), c.onPrimaryContainer = d.fromPalette({ name: "on_primary_container", palette: (r) => r.primaryPalette, tone: (r) => ne(r) ? d.foregroundTone(c.primaryContainer.tone(r), 4.5) : S(r) ? r.isDark ? 0 : 100 : r.isDark ? 90 : 30, background: (r) => c.primaryContainer, contrastCurve: new f(3, 4.5, 7, 11) }), c.inversePrimary = d.fromPalette({ name: "inverse_primary", palette: (r) => r.primaryPalette, tone: (r) => r.isDark ? 40 : 80, background: (r) => c.inverseSurface, contrastCurve: new f(3, 4.5, 7, 7) }), c.secondary = d.fromPalette({ name: "secondary", palette: (r) => r.secondaryPalette, tone: (r) => r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new H(c.secondaryContainer, c.secondary, 10, "nearer", !1) }), c.onSecondary = d.fromPalette({ name: "on_secondary", palette: (r) => r.secondaryPalette, tone: (r) => S(r) ? r.isDark ? 10 : 100 : r.isDark ? 20 : 100, background: (r) => c.secondary, contrastCurve: new f(4.5, 7, 11, 21) }), c.secondaryContainer = d.fromPalette({ name: "secondary_container", palette: (r) => r.secondaryPalette, tone: (r) => {
|
|
474
477
|
const e = r.isDark ? 30 : 90;
|
|
475
|
-
return S(r) ? r.isDark ? 30 : 85 :
|
|
476
|
-
let s =
|
|
478
|
+
return S(r) ? r.isDark ? 30 : 85 : ne(r) ? function(t, o, n, a) {
|
|
479
|
+
let s = n, i = L.from(t, o, n);
|
|
477
480
|
if (i.chroma < o) {
|
|
478
481
|
let m = i.chroma;
|
|
479
482
|
for (; i.chroma < o; ) {
|
|
480
|
-
s +=
|
|
483
|
+
s += a ? -1 : 1;
|
|
481
484
|
const h = L.from(t, o, s);
|
|
482
485
|
if (m > h.chroma || Math.abs(h.chroma - o) < 0.4) break;
|
|
483
486
|
Math.abs(h.chroma - o) < Math.abs(i.chroma - o) && (i = h), m = Math.max(m, h.chroma);
|
|
@@ -485,12 +488,12 @@ c.contentAccentToneDelta = 15, c.primaryPaletteKeyColor = d.fromPalette({ name:
|
|
|
485
488
|
}
|
|
486
489
|
return s;
|
|
487
490
|
}(r.secondaryPalette.hue, r.secondaryPalette.chroma, e, !r.isDark) : e;
|
|
488
|
-
}, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new
|
|
491
|
+
}, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.secondaryContainer, c.secondary, 10, "nearer", !1) }), c.onSecondaryContainer = d.fromPalette({ name: "on_secondary_container", palette: (r) => r.secondaryPalette, tone: (r) => S(r) ? r.isDark ? 90 : 10 : ne(r) ? d.foregroundTone(c.secondaryContainer.tone(r), 4.5) : r.isDark ? 90 : 30, background: (r) => c.secondaryContainer, contrastCurve: new f(3, 4.5, 7, 11) }), c.tertiary = d.fromPalette({ name: "tertiary", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? r.isDark ? 90 : 25 : r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new H(c.tertiaryContainer, c.tertiary, 10, "nearer", !1) }), c.onTertiary = d.fromPalette({ name: "on_tertiary", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? r.isDark ? 10 : 90 : r.isDark ? 20 : 100, background: (r) => c.tertiary, contrastCurve: new f(4.5, 7, 11, 21) }), c.tertiaryContainer = d.fromPalette({ name: "tertiary_container", palette: (r) => r.tertiaryPalette, tone: (r) => {
|
|
489
492
|
if (S(r)) return r.isDark ? 60 : 49;
|
|
490
|
-
if (!
|
|
493
|
+
if (!ne(r)) return r.isDark ? 30 : 90;
|
|
491
494
|
const e = r.tertiaryPalette.getHct(r.sourceColorHct.tone);
|
|
492
|
-
return
|
|
493
|
-
}, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new
|
|
495
|
+
return Ve.fixIfDisliked(e).tone;
|
|
496
|
+
}, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.tertiaryContainer, c.tertiary, 10, "nearer", !1) }), c.onTertiaryContainer = d.fromPalette({ name: "on_tertiary_container", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? r.isDark ? 0 : 100 : ne(r) ? d.foregroundTone(c.tertiaryContainer.tone(r), 4.5) : r.isDark ? 90 : 30, background: (r) => c.tertiaryContainer, contrastCurve: new f(3, 4.5, 7, 11) }), c.error = d.fromPalette({ name: "error", palette: (r) => r.errorPalette, tone: (r) => r.isDark ? 80 : 40, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(3, 4.5, 7, 7), toneDeltaPair: (r) => new H(c.errorContainer, c.error, 10, "nearer", !1) }), c.onError = d.fromPalette({ name: "on_error", palette: (r) => r.errorPalette, tone: (r) => r.isDark ? 20 : 100, background: (r) => c.error, contrastCurve: new f(4.5, 7, 11, 21) }), c.errorContainer = d.fromPalette({ name: "error_container", palette: (r) => r.errorPalette, tone: (r) => r.isDark ? 30 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.errorContainer, c.error, 10, "nearer", !1) }), c.onErrorContainer = d.fromPalette({ name: "on_error_container", palette: (r) => r.errorPalette, tone: (r) => S(r) ? r.isDark ? 90 : 10 : r.isDark ? 90 : 30, background: (r) => c.errorContainer, contrastCurve: new f(3, 4.5, 7, 11) }), c.primaryFixed = d.fromPalette({ name: "primary_fixed", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? 40 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.primaryFixed, c.primaryFixedDim, 10, "lighter", !0) }), c.primaryFixedDim = d.fromPalette({ name: "primary_fixed_dim", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? 30 : 80, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.primaryFixed, c.primaryFixedDim, 10, "lighter", !0) }), c.onPrimaryFixed = d.fromPalette({ name: "on_primary_fixed", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? 100 : 10, background: (r) => c.primaryFixedDim, secondBackground: (r) => c.primaryFixed, contrastCurve: new f(4.5, 7, 11, 21) }), c.onPrimaryFixedVariant = d.fromPalette({ name: "on_primary_fixed_variant", palette: (r) => r.primaryPalette, tone: (r) => S(r) ? 90 : 30, background: (r) => c.primaryFixedDim, secondBackground: (r) => c.primaryFixed, contrastCurve: new f(3, 4.5, 7, 11) }), c.secondaryFixed = d.fromPalette({ name: "secondary_fixed", palette: (r) => r.secondaryPalette, tone: (r) => S(r) ? 80 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.secondaryFixed, c.secondaryFixedDim, 10, "lighter", !0) }), c.secondaryFixedDim = d.fromPalette({ name: "secondary_fixed_dim", palette: (r) => r.secondaryPalette, tone: (r) => S(r) ? 70 : 80, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.secondaryFixed, c.secondaryFixedDim, 10, "lighter", !0) }), c.onSecondaryFixed = d.fromPalette({ name: "on_secondary_fixed", palette: (r) => r.secondaryPalette, tone: (r) => 10, background: (r) => c.secondaryFixedDim, secondBackground: (r) => c.secondaryFixed, contrastCurve: new f(4.5, 7, 11, 21) }), c.onSecondaryFixedVariant = d.fromPalette({ name: "on_secondary_fixed_variant", palette: (r) => r.secondaryPalette, tone: (r) => S(r) ? 25 : 30, background: (r) => c.secondaryFixedDim, secondBackground: (r) => c.secondaryFixed, contrastCurve: new f(3, 4.5, 7, 11) }), c.tertiaryFixed = d.fromPalette({ name: "tertiary_fixed", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? 40 : 90, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.tertiaryFixed, c.tertiaryFixedDim, 10, "lighter", !0) }), c.tertiaryFixedDim = d.fromPalette({ name: "tertiary_fixed_dim", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? 30 : 80, isBackground: !0, background: (r) => c.highestSurface(r), contrastCurve: new f(1, 1, 3, 4.5), toneDeltaPair: (r) => new H(c.tertiaryFixed, c.tertiaryFixedDim, 10, "lighter", !0) }), c.onTertiaryFixed = d.fromPalette({ name: "on_tertiary_fixed", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? 100 : 10, background: (r) => c.tertiaryFixedDim, secondBackground: (r) => c.tertiaryFixed, contrastCurve: new f(4.5, 7, 11, 21) }), c.onTertiaryFixedVariant = d.fromPalette({ name: "on_tertiary_fixed_variant", palette: (r) => r.tertiaryPalette, tone: (r) => S(r) ? 90 : 30, background: (r) => c.tertiaryFixedDim, secondBackground: (r) => c.tertiaryFixed, contrastCurve: new f(3, 4.5, 7, 11) });
|
|
494
497
|
class E {
|
|
495
498
|
static of(e) {
|
|
496
499
|
return new E(e, !1);
|
|
@@ -507,33 +510,33 @@ class E {
|
|
|
507
510
|
static createPaletteFromColors(e, t) {
|
|
508
511
|
const o = new E(t.primary, e);
|
|
509
512
|
if (t.secondary) {
|
|
510
|
-
const
|
|
511
|
-
o.a2 =
|
|
513
|
+
const n = new E(t.secondary, e);
|
|
514
|
+
o.a2 = n.a1;
|
|
512
515
|
}
|
|
513
516
|
if (t.tertiary) {
|
|
514
|
-
const
|
|
515
|
-
o.a3 =
|
|
517
|
+
const n = new E(t.tertiary, e);
|
|
518
|
+
o.a3 = n.a1;
|
|
516
519
|
}
|
|
517
520
|
if (t.error) {
|
|
518
|
-
const
|
|
519
|
-
o.error =
|
|
521
|
+
const n = new E(t.error, e);
|
|
522
|
+
o.error = n.a1;
|
|
520
523
|
}
|
|
521
524
|
if (t.neutral) {
|
|
522
|
-
const
|
|
523
|
-
o.n1 =
|
|
525
|
+
const n = new E(t.neutral, e);
|
|
526
|
+
o.n1 = n.n1;
|
|
524
527
|
}
|
|
525
528
|
if (t.neutralVariant) {
|
|
526
|
-
const
|
|
527
|
-
o.n2 =
|
|
529
|
+
const n = new E(t.neutralVariant, e);
|
|
530
|
+
o.n2 = n.n2;
|
|
528
531
|
}
|
|
529
532
|
return o;
|
|
530
533
|
}
|
|
531
534
|
constructor(e, t) {
|
|
532
|
-
const o = L.fromInt(e),
|
|
533
|
-
t ? (this.a1 = M.fromHueAndChroma(
|
|
535
|
+
const o = L.fromInt(e), n = o.hue, a = o.chroma;
|
|
536
|
+
t ? (this.a1 = M.fromHueAndChroma(n, a), this.a2 = M.fromHueAndChroma(n, a / 3), this.a3 = M.fromHueAndChroma(n + 60, a / 2), this.n1 = M.fromHueAndChroma(n, Math.min(a / 12, 4)), this.n2 = M.fromHueAndChroma(n, Math.min(a / 6, 8))) : (this.a1 = M.fromHueAndChroma(n, Math.max(48, a)), this.a2 = M.fromHueAndChroma(n, 16), this.a3 = M.fromHueAndChroma(n + 60, 24), this.n1 = M.fromHueAndChroma(n, 4), this.n2 = M.fromHueAndChroma(n, 8)), this.error = M.fromHueAndChroma(25, 84);
|
|
534
537
|
}
|
|
535
538
|
}
|
|
536
|
-
class
|
|
539
|
+
class K {
|
|
537
540
|
get primary() {
|
|
538
541
|
return this.props.primary;
|
|
539
542
|
}
|
|
@@ -622,22 +625,22 @@ class J {
|
|
|
622
625
|
return this.props.inversePrimary;
|
|
623
626
|
}
|
|
624
627
|
static light(e) {
|
|
625
|
-
return
|
|
628
|
+
return K.lightFromCorePalette(E.of(e));
|
|
626
629
|
}
|
|
627
630
|
static dark(e) {
|
|
628
|
-
return
|
|
631
|
+
return K.darkFromCorePalette(E.of(e));
|
|
629
632
|
}
|
|
630
633
|
static lightContent(e) {
|
|
631
|
-
return
|
|
634
|
+
return K.lightFromCorePalette(E.contentOf(e));
|
|
632
635
|
}
|
|
633
636
|
static darkContent(e) {
|
|
634
|
-
return
|
|
637
|
+
return K.darkFromCorePalette(E.contentOf(e));
|
|
635
638
|
}
|
|
636
639
|
static lightFromCorePalette(e) {
|
|
637
|
-
return new
|
|
640
|
+
return new K({ primary: e.a1.tone(40), onPrimary: e.a1.tone(100), primaryContainer: e.a1.tone(90), onPrimaryContainer: e.a1.tone(10), secondary: e.a2.tone(40), onSecondary: e.a2.tone(100), secondaryContainer: e.a2.tone(90), onSecondaryContainer: e.a2.tone(10), tertiary: e.a3.tone(40), onTertiary: e.a3.tone(100), tertiaryContainer: e.a3.tone(90), onTertiaryContainer: e.a3.tone(10), error: e.error.tone(40), onError: e.error.tone(100), errorContainer: e.error.tone(90), onErrorContainer: e.error.tone(10), background: e.n1.tone(99), onBackground: e.n1.tone(10), surface: e.n1.tone(99), onSurface: e.n1.tone(10), surfaceVariant: e.n2.tone(90), onSurfaceVariant: e.n2.tone(30), outline: e.n2.tone(50), outlineVariant: e.n2.tone(80), shadow: e.n1.tone(0), scrim: e.n1.tone(0), inverseSurface: e.n1.tone(20), inverseOnSurface: e.n1.tone(95), inversePrimary: e.a1.tone(80) });
|
|
638
641
|
}
|
|
639
642
|
static darkFromCorePalette(e) {
|
|
640
|
-
return new
|
|
643
|
+
return new K({ primary: e.a1.tone(80), onPrimary: e.a1.tone(20), primaryContainer: e.a1.tone(30), onPrimaryContainer: e.a1.tone(90), secondary: e.a2.tone(80), onSecondary: e.a2.tone(20), secondaryContainer: e.a2.tone(30), onSecondaryContainer: e.a2.tone(90), tertiary: e.a3.tone(80), onTertiary: e.a3.tone(20), tertiaryContainer: e.a3.tone(30), onTertiaryContainer: e.a3.tone(90), error: e.error.tone(80), onError: e.error.tone(20), errorContainer: e.error.tone(30), onErrorContainer: e.error.tone(80), background: e.n1.tone(10), onBackground: e.n1.tone(90), surface: e.n1.tone(10), onSurface: e.n1.tone(90), surfaceVariant: e.n2.tone(30), onSurfaceVariant: e.n2.tone(80), outline: e.n2.tone(60), outlineVariant: e.n2.tone(30), shadow: e.n1.tone(0), scrim: e.n1.tone(0), inverseSurface: e.n1.tone(90), inverseOnSurface: e.n1.tone(20), inversePrimary: e.a1.tone(40) });
|
|
641
644
|
}
|
|
642
645
|
constructor(e) {
|
|
643
646
|
this.props = e;
|
|
@@ -646,68 +649,69 @@ class J {
|
|
|
646
649
|
return { ...this.props };
|
|
647
650
|
}
|
|
648
651
|
}
|
|
649
|
-
function
|
|
652
|
+
function X(r) {
|
|
650
653
|
const e = (r = r.replace("#", "")).length === 3, t = r.length === 6, o = r.length === 8;
|
|
651
654
|
if (!e && !t && !o) throw new Error("unexpected hex " + r);
|
|
652
|
-
let
|
|
653
|
-
return e ? (
|
|
655
|
+
let n = 0, a = 0, s = 0;
|
|
656
|
+
return e ? (n = J(r.slice(0, 1).repeat(2)), a = J(r.slice(1, 2).repeat(2)), s = J(r.slice(2, 3).repeat(2))) : t ? (n = J(r.slice(0, 2)), a = J(r.slice(2, 4)), s = J(r.slice(4, 6))) : o && (n = J(r.slice(2, 4)), a = J(r.slice(4, 6)), s = J(r.slice(6, 8))), (255 << 24 | (255 & n) << 16 | (255 & a) << 8 | 255 & s) >>> 0;
|
|
654
657
|
}
|
|
655
|
-
function
|
|
658
|
+
function J(r) {
|
|
656
659
|
return parseInt(r, 16);
|
|
657
660
|
}
|
|
658
|
-
function
|
|
661
|
+
function mr(r, e = []) {
|
|
659
662
|
const t = E.of(r);
|
|
660
|
-
return { source: r, schemes: { light:
|
|
661
|
-
let s =
|
|
662
|
-
const i = s, m =
|
|
663
|
-
|
|
663
|
+
return { source: r, schemes: { light: K.light(r), dark: K.dark(r) }, palettes: { primary: t.a1, secondary: t.a2, tertiary: t.a3, neutral: t.n1, neutralVariant: t.n2, error: t.error }, customColors: e.map((o) => function(n, a) {
|
|
664
|
+
let s = a.value;
|
|
665
|
+
const i = s, m = n;
|
|
666
|
+
a.blend && (s = Be.harmonize(i, m));
|
|
664
667
|
const h = E.of(s), u = h.a1;
|
|
665
|
-
return { color:
|
|
668
|
+
return { color: a, value: s, light: { color: u.tone(40), onColor: u.tone(100), colorContainer: u.tone(90), onColorContainer: u.tone(10) }, dark: { color: u.tone(80), onColor: u.tone(20), colorContainer: u.tone(30), onColorContainer: u.tone(90) } };
|
|
666
669
|
}(r, o)) };
|
|
667
670
|
}
|
|
668
671
|
function y(r) {
|
|
669
672
|
return function(e) {
|
|
670
|
-
const t =
|
|
671
|
-
for (const [s, i] of
|
|
672
|
-
return "#" +
|
|
673
|
+
const t = qe(e), o = Ye(e), n = Je(e), a = [t.toString(16), o.toString(16), n.toString(16)];
|
|
674
|
+
for (const [s, i] of a.entries()) i.length === 1 && (a[s] = "0" + i);
|
|
675
|
+
return "#" + a.join("");
|
|
673
676
|
}(r);
|
|
674
677
|
}
|
|
675
678
|
function G(r) {
|
|
676
679
|
const e = L.fromInt(r), t = M.fromHueAndChroma(e.hue, e.chroma);
|
|
677
680
|
return { 0: y(t.tone(0)), 10: y(t.tone(10)), 20: y(t.tone(20)), 30: y(t.tone(30)), 40: y(t.tone(40)), 50: y(t.tone(50)), 60: y(t.tone(60)), 70: y(t.tone(70)), 80: y(t.tone(80)), 90: y(t.tone(90)), 95: y(t.tone(95)), 99: y(t.tone(99)), 100: y(t.tone(100)) };
|
|
678
681
|
}
|
|
679
|
-
function
|
|
680
|
-
const o = e ? r.schemes.dark : r.schemes.light,
|
|
681
|
-
return { sys: { color: { scrim: y(o.scrim), outline: y(m.tone(l.outline)), outlineVariant: y(m.tone(l.outlineVariant)), shadow: y(i.tone(l.shadow)), surface: { default: y(i.tone(l.surface)), dim: y(i.tone(l.surfaceDim)), bright: y(i.tone(l.surfaceBright)), container: y(i.tone(l.surfaceContainer)), containerLow: y(i.tone(l.surfaceContainerLow)), containerLowest: y(i.tone(l.surfaceContainerLowest)), containerHigh: y(i.tone(l.surfaceContainerHigh)), containerHighest: y(i.tone(l.surfaceContainerHighest)), on: y(i.tone(l.onSurface)), onVariant: y(m.tone(l.onSurfaceVariant)), tint: y(
|
|
682
|
+
function ur(r, e = !1, t) {
|
|
683
|
+
const o = e ? r.schemes.dark : r.schemes.light, n = M.fromHueAndChroma(r.palettes.primary.hue, r.palettes.primary.chroma), a = M.fromHueAndChroma(r.palettes.secondary.hue, r.palettes.secondary.chroma), s = M.fromHueAndChroma(r.palettes.tertiary.hue, r.palettes.tertiary.chroma), i = M.fromHueAndChroma(r.palettes.neutral.hue, r.palettes.neutral.chroma), m = M.fromHueAndChroma(r.palettes.neutralVariant.hue, r.palettes.neutralVariant.chroma), h = M.fromHueAndChroma(r.palettes.error.hue, r.palettes.error.chroma), u = G(t?.success ? t.success : X("#00C853")), k = G(t?.warning ? t.warning : X("#FFD600")), x = G(t?.info ? t.info : X("#2979FF")), l = { primary: e ? 80 : 40, onPrimary: e ? 20 : 100, primaryContainer: e ? 30 : 90, onPrimaryContainer: e ? 90 : 10, primaryFixed: 90, primaryFixedDim: 80, onPrimaryFixed: 10, onPrimaryFixedVariant: 30, inversePrimary: e ? 40 : 80, secondary: e ? 80 : 40, onSecondary: e ? 20 : 100, secondaryContainer: e ? 30 : 90, onSecondaryContainer: e ? 90 : 10, secondaryFixed: 90, secondaryFixedDim: 80, onSecondaryFixed: 10, onSecondaryFixedVariant: 30, tertiary: e ? 80 : 40, onTertiary: e ? 20 : 100, tertiaryContainer: e ? 30 : 90, onTertiaryContainer: e ? 90 : 10, tertiaryFixed: 90, tertiaryFixedDim: 80, onTertiaryFixed: 10, onTertiaryFixedVariant: 30, error: e ? 80 : 40, onError: e ? 20 : 100, errorContainer: e ? 30 : 90, onErrorContainer: e ? 90 : 10, surface: e ? 6 : 98, surfaceDim: e ? 6 : 87, surfaceBright: e ? 24 : 98, surfaceContainerLowest: e ? 4 : 100, surfaceContainerLow: e ? 10 : 96, surfaceContainer: e ? 12 : 94, surfaceContainerHigh: e ? 17 : 92, surfaceContainerHighest: e ? 22 : 90, onSurface: e ? 90 : 10, onSurfaceVariant: e ? 80 : 30, surfaceTint: e ? 80 : 40, inverseSurface: e ? 90 : 20, inverseOnSurface: e ? 20 : 95, outline: e ? 60 : 50, outlineVariant: e ? 30 : 80, shadow: 0 };
|
|
684
|
+
return { sys: { color: { scrim: y(o.scrim), outline: y(m.tone(l.outline)), outlineVariant: y(m.tone(l.outlineVariant)), shadow: y(i.tone(l.shadow)), surface: { default: y(i.tone(l.surface)), dim: y(i.tone(l.surfaceDim)), bright: y(i.tone(l.surfaceBright)), container: y(i.tone(l.surfaceContainer)), containerLow: y(i.tone(l.surfaceContainerLow)), containerLowest: y(i.tone(l.surfaceContainerLowest)), containerHigh: y(i.tone(l.surfaceContainerHigh)), containerHighest: y(i.tone(l.surfaceContainerHighest)), on: y(i.tone(l.onSurface)), onVariant: y(m.tone(l.onSurfaceVariant)), tint: y(n.tone(l.surfaceTint)), inverse: y(i.tone(l.inverseSurface)), inverseOn: y(i.tone(l.inverseOnSurface)), low: y(i.tone(l.surfaceContainerLow)), high: y(i.tone(l.surfaceContainerHigh)), highest: y(i.tone(l.surfaceContainerHighest)), lowest: y(i.tone(l.surfaceContainerLowest)) }, primary: { default: y(n.tone(l.primary)), on: y(n.tone(l.onPrimary)), container: y(n.tone(l.primaryContainer)), onContainer: y(n.tone(l.onPrimaryContainer)), fixed: y(n.tone(l.primaryFixed)), fixedDim: y(n.tone(l.primaryFixedDim)), onFixed: y(n.tone(l.onPrimaryFixed)), onFixedVariant: y(n.tone(l.onPrimaryFixedVariant)), inverse: y(n.tone(l.inversePrimary)) }, secondary: { default: y(a.tone(l.secondary)), on: y(a.tone(l.onSecondary)), container: y(a.tone(l.secondaryContainer)), onContainer: y(a.tone(l.onSecondaryContainer)), fixed: y(a.tone(l.secondaryFixed)), fixedDim: y(a.tone(l.secondaryFixedDim)), onFixed: y(a.tone(l.onSecondaryFixed)), onFixedVariant: y(a.tone(l.onSecondaryFixedVariant)) }, tertiary: { default: y(s.tone(l.tertiary)), on: y(s.tone(l.onTertiary)), container: y(s.tone(l.tertiaryContainer)), onContainer: y(s.tone(l.onTertiaryContainer)), fixed: y(s.tone(l.tertiaryFixed)), fixedDim: y(s.tone(l.tertiaryFixedDim)), onFixed: y(s.tone(l.onTertiaryFixed)), onFixedVariant: y(s.tone(l.onTertiaryFixedVariant)) }, error: { default: y(h.tone(l.error)), on: y(h.tone(l.onError)), container: y(h.tone(l.errorContainer)), onContainer: y(h.tone(l.onErrorContainer)) }, success: { default: u[e ? "80" : "40"], on: u[e ? "20" : "100"], container: u[e ? "30" : "90"], onContainer: u[e ? "90" : "10"] }, warning: { default: k[e ? "80" : "40"], on: k[e ? "20" : "100"], container: k[e ? "30" : "90"], onContainer: k[e ? "90" : "10"] }, info: { default: x[e ? "80" : "40"], on: x[e ? "20" : "100"], container: x[e ? "30" : "90"], onContainer: x[e ? "90" : "10"] } }, typography: { display: { large: "display-large", medium: "display-medium", small: "display-small" }, headline: { large: "headline-large", medium: "headline-medium", small: "headline-small" }, title: { large: "title-large", medium: "title-medium", small: "title-small" }, body: { large: "body-large", medium: "body-medium", small: "body-small" }, label: { large: "label-large", medium: "label-medium", small: "label-small" } }, shape: { corner: { none: "0", extraSmall: "4px", small: "8px", medium: "12px", large: "16px", extraLarge: "28px", full: "9999px" } }, elevation: { 0: "0 0 0 0 rgba(0, 0, 0, 0)", 1: `0px 1px 2px rgba(0, 0, 0, ${e ? "0.3" : "0.15"}), 0px 1px 3px 1px rgba(0, 0, 0, ${e ? "0.15" : "0.1"})`, 2: `0px 1px 2px rgba(0, 0, 0, ${e ? "0.3" : "0.15"}), 0px 2px 6px 2px rgba(0, 0, 0, ${e ? "0.15" : "0.1"})`, 3: `0px 1px 3px rgba(0, 0, 0, ${e ? "0.3" : "0.15"}), 0px 4px 8px 3px rgba(0, 0, 0, ${e ? "0.15" : "0.1"})`, 4: `0px 2px 3px rgba(0, 0, 0, ${e ? "0.3" : "0.15"}), 0px 6px 10px 4px rgba(0, 0, 0, ${e ? "0.15" : "0.1"})`, 5: `0px 4px 4px rgba(0, 0, 0, ${e ? "0.3" : "0.15"}), 0px 8px 12px 6px rgba(0, 0, 0, ${e ? "0.15" : "0.1"})` }, motion: { easing: { emphasized: "cubic-bezier(0.2, 0.0, 0, 1.0)", emphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1.0)", emphasizedAccelerate: "cubic-bezier(0.3, 0.0, 0.8, 0.15)", standard: "cubic-bezier(0.2, 0.0, 0, 1.0)", standardDecelerate: "cubic-bezier(0, 0, 0, 1)", standardAccelerate: "cubic-bezier(0.3, 0, 1, 1)", legacy: "cubic-bezier(0.4, 0, 0.2, 1)", linear: "linear" }, duration: { short1: "50ms", short2: "100ms", short3: "150ms", short4: "200ms", medium1: "250ms", medium2: "300ms", medium3: "350ms", medium4: "400ms", long1: "450ms", long2: "500ms", long3: "550ms", long4: "600ms", extraLong1: "700ms", extraLong2: "800ms", extraLong3: "900ms", extraLong4: "1000ms" } }, state: { opacity: { hover: "0.08", focus: "0.12", pressed: "0.12", dragged: "0.16", disabled: "0.38", disabledContainer: "0.12" } }, spacing: { 0: "0", 1: "4px", 2: "8px", 3: "12px", 4: "16px", 5: "20px", 6: "24px", 7: "28px", 8: "32px", 9: "36px", 10: "40px", 11: "44px", 12: "48px" }, outline: { 1: "1px" } }, ref: { palette: { primary: G(n.tone(40)), secondary: G(a.tone(40)), tertiary: G(s.tone(40)), neutral: G(i.tone(40)), neutralVariant: G(m.tone(40)), error: G(h.tone(40)) } } };
|
|
682
685
|
}
|
|
683
|
-
function
|
|
686
|
+
function Tr(r, e) {
|
|
684
687
|
const t = M.fromHueAndChroma(r, e);
|
|
685
688
|
return { cLowest: t.tone(100), cLow: t.tone(96), c: t.tone(94), cHigh: t.tone(92), cHighest: t.tone(90), sDim: t.tone(87), s: t.tone(98), sBright: t.tone(100) };
|
|
686
689
|
}
|
|
687
|
-
function
|
|
690
|
+
function Ir(r, e) {
|
|
688
691
|
const t = M.fromHueAndChroma(r, e);
|
|
689
692
|
return { cLowest: t.tone(4), cLow: t.tone(10), c: t.tone(12), cHigh: t.tone(17), cHighest: t.tone(22), sDim: t.tone(6), s: t.tone(6), sBright: t.tone(24) };
|
|
690
693
|
}
|
|
691
|
-
|
|
694
|
+
const U = cr({ scheme: "auto", color: "#6200ee" }, "local", "schmancy-theme-settings");
|
|
695
|
+
class se {
|
|
692
696
|
constructor() {
|
|
693
|
-
this.
|
|
697
|
+
this._theme$ = new we({}), this._themeComponent$ = new we(null), this._fullscreen$ = new we(!1), this.scheme$ = U.$.pipe(te((e) => e.scheme), Q(), oe(1)), this.color$ = U.$.pipe(te((e) => e.color), Q(), oe(1)), this.theme$ = this._theme$.asObservable().pipe(Q((e, t) => JSON.stringify(e) === JSON.stringify(t)), oe(1)), this.themeComponent$ = this._themeComponent$.asObservable().pipe(Q(), oe(1)), this.fullscreen$ = this._fullscreen$.asObservable().pipe(Q(), oe(1)), this.resolvedScheme$ = this.scheme$.pipe(Me((e) => {
|
|
694
698
|
if (e === "auto") {
|
|
695
699
|
const t = window.matchMedia("(prefers-color-scheme: dark)");
|
|
696
|
-
return new
|
|
697
|
-
const
|
|
698
|
-
o.next(
|
|
700
|
+
return new Ne((o) => {
|
|
701
|
+
const n = (a) => {
|
|
702
|
+
o.next(a.matches ? "dark" : "light");
|
|
699
703
|
};
|
|
700
|
-
return t.addEventListener("change",
|
|
704
|
+
return t.addEventListener("change", n), o.next(t.matches ? "dark" : "light"), () => t.removeEventListener("change", n);
|
|
701
705
|
});
|
|
702
706
|
}
|
|
703
|
-
return
|
|
704
|
-
}),
|
|
707
|
+
return _e(e);
|
|
708
|
+
}), Q(), oe(1)), this.discoverTheme();
|
|
705
709
|
}
|
|
706
710
|
get scheme() {
|
|
707
|
-
return
|
|
711
|
+
return U.value.scheme;
|
|
708
712
|
}
|
|
709
713
|
get color() {
|
|
710
|
-
return
|
|
714
|
+
return U.value.color;
|
|
711
715
|
}
|
|
712
716
|
get theme() {
|
|
713
717
|
return this._theme$.getValue();
|
|
@@ -715,31 +719,35 @@ class ee {
|
|
|
715
719
|
get themeComponent() {
|
|
716
720
|
return this._themeComponent$.getValue();
|
|
717
721
|
}
|
|
722
|
+
get fullscreen() {
|
|
723
|
+
return this._fullscreen$.getValue();
|
|
724
|
+
}
|
|
718
725
|
discoverTheme() {
|
|
719
|
-
return
|
|
726
|
+
return Ce(window, De).pipe(W(Ee(100)), te((e) => e.detail.theme), $e(null), ee((e) => {
|
|
720
727
|
e && this.registerThemeComponent(e);
|
|
721
|
-
})).pipe(
|
|
722
|
-
window.dispatchEvent(new CustomEvent(
|
|
723
|
-
}),
|
|
728
|
+
})).pipe(ee(() => {
|
|
729
|
+
window.dispatchEvent(new CustomEvent(Ue, { bubbles: !0, composed: !0 }));
|
|
730
|
+
}), Me(() => Ce(window, De).pipe(W(Ee(100)), te((e) => e.detail.theme), $e(null), ee((e) => {
|
|
724
731
|
e && this.registerThemeComponent(e);
|
|
725
732
|
}))));
|
|
726
733
|
}
|
|
727
734
|
registerThemeComponent(e) {
|
|
728
|
-
this._themeComponent$.next(e),
|
|
735
|
+
this._themeComponent$.next(e), U.set({ scheme: e.scheme, color: e.color }), this._theme$.next(e.theme);
|
|
729
736
|
}
|
|
730
737
|
updateTheme(e) {
|
|
731
|
-
|
|
738
|
+
const t = {};
|
|
739
|
+
e.scheme !== void 0 && (t.scheme = e.scheme), e.color !== void 0 && (t.color = e.color), Object.keys(t).length > 0 && U.set(t), e.theme !== void 0 && this._theme$.next(e.theme);
|
|
732
740
|
}
|
|
733
741
|
setScheme(e) {
|
|
734
742
|
const t = this.themeComponent;
|
|
735
|
-
t ? (t.scheme = e,
|
|
743
|
+
t ? (t.scheme = e, U.set({ scheme: e })) : U.set({ scheme: e });
|
|
736
744
|
}
|
|
737
745
|
setColor(e) {
|
|
738
746
|
const t = this.themeComponent;
|
|
739
|
-
t ? (t.color = e,
|
|
747
|
+
t ? (t.color = e, U.set({ color: e })) : U.set({ color: e });
|
|
740
748
|
}
|
|
741
749
|
isDarkMode() {
|
|
742
|
-
return this.resolvedScheme$.pipe(
|
|
750
|
+
return this.resolvedScheme$.pipe(te((e) => e === "dark"));
|
|
743
751
|
}
|
|
744
752
|
toggleScheme() {
|
|
745
753
|
const e = this.scheme, t = e === "dark" ? "light" : e === "light" ? "dark" : "light";
|
|
@@ -754,42 +762,59 @@ class ee {
|
|
|
754
762
|
return "";
|
|
755
763
|
}
|
|
756
764
|
watchCSSVariable(e) {
|
|
757
|
-
return this.theme$.pipe(
|
|
765
|
+
return this.theme$.pipe(te(() => this.getCSSVariable(e)), Q());
|
|
766
|
+
}
|
|
767
|
+
setFullscreen(e) {
|
|
768
|
+
this._fullscreen$.next(e), window.dispatchEvent(new CustomEvent("fullscreen", { detail: e, bubbles: !0, composed: !0 }));
|
|
769
|
+
}
|
|
770
|
+
toggleFullscreen() {
|
|
771
|
+
this.setFullscreen(!this.fullscreen);
|
|
772
|
+
}
|
|
773
|
+
next(e) {
|
|
774
|
+
e.fullscreen !== void 0 && this.setFullscreen(e.fullscreen), e.scheme !== void 0 && this.setScheme(e.scheme), e.color !== void 0 && this.setColor(e.color);
|
|
758
775
|
}
|
|
759
776
|
static getInstance() {
|
|
760
|
-
return
|
|
777
|
+
return se.instance || (se.instance = new se()), se.instance;
|
|
761
778
|
}
|
|
762
779
|
}
|
|
763
|
-
const
|
|
764
|
-
var
|
|
765
|
-
for (var
|
|
766
|
-
return o &&
|
|
780
|
+
const $ = se.getInstance(), Lr = $, dr = Xe("theme-context");
|
|
781
|
+
var yr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, me = (r, e, t, o) => {
|
|
782
|
+
for (var n, a = o > 1 ? void 0 : o ? pr(e, t) : e, s = r.length - 1; s >= 0; s--) (n = r[s]) && (a = (o ? n(e, t, a) : n(a)) || a);
|
|
783
|
+
return o && a && yr(e, t, a), a;
|
|
767
784
|
};
|
|
768
|
-
const sr = We(':host,:root{--md-ref-typeface-brand: "Josefin Sans", sans-serif;--md-ref-typeface-plain: "Josefin Sans", sans-serif;--md-sys-color-primary: var(--schmancy-sys-color-primary-default);--md-sys-color-secondary: var(--schmancy-sys-color-secondary-default);--default-font-family: var(--schmancy-font-family);--border-style: solid;--spacing: 4px;--color-scrim: var(--schmancy-sys-color-scrim);--color-outline: var(--schmancy-sys-color-outline);--color-outlineVariant: var(--schmancy-sys-color-outlineVariant);--color-surface-default: var(--schmancy-sys-color-surface-default);--color-surface-dim: var(--schmancy-sys-color-surface-dim);--color-surface-bright: var(--schmancy-sys-color-surface-bright);--color-surface-container: var(--schmancy-sys-color-surface-container);--color-surface-low: var(--schmancy-sys-color-surface-low);--color-surface-high: var(--schmancy-sys-color-surface-high);--color-surface-highest: var(--schmancy-sys-color-surface-highest);--color-surface-lowest: var(--schmancy-sys-color-surface-lowest);--color-surface-on: var(--schmancy-sys-color-surface-on);--color-surface-onVariant: var(--schmancy-sys-color-surface-onVariant);--color-primary-default: var(--schmancy-sys-color-primary-default);--color-primary-on: var(--schmancy-sys-color-primary-on);--color-primary-container: var(--schmancy-sys-color-primary-container);--color-primary-onContainer: var(--schmancy-sys-color-primary-onContainer);--color-secondary-default: var(--schmancy-sys-color-secondary-default);--color-secondary-on: var(--schmancy-sys-color-secondary-on);--color-secondary-container: var(--schmancy-sys-color-secondary-container);--color-secondary-onContainer: var(--schmancy-sys-color-secondary-onContainer);--color-tertiary-default: var(--schmancy-sys-color-tertiary-default);--color-tertiary-on: var(--schmancy-sys-color-tertiary-on);--color-tertiary-container: var(--schmancy-sys-color-tertiary-container);--color-tertiary-onContainer: var(--schmancy-sys-color-tertiary-onContainer);--color-error-default: var(--schmancy-sys-color-error-default);--color-error-on: var(--schmancy-sys-color-error-on);--color-error-container: var(--schmancy-sys-color-error-container);--color-error-onContainer: var(--schmancy-sys-color-error-onContainer);--color-success-default: var(--schmancy-sys-color-success-default);--color-success-on: var(--schmancy-sys-color-success-on);--color-success-container: var(--schmancy-sys-color-success-container);--color-success-onContainer: var(--schmancy-sys-color-success-onContainer);--shadow-xs: var(--schmancy-sys-elevation-0);--shadow-sm: var(--schmancy-sys-elevation-1);--shadow-md: var(--schmancy-sys-elevation-2);--shadow-lg: var(--schmancy-sys-elevation-3);--shadow-xl: var(--schmancy-sys-elevation-4);--shadow-2xl: var(--schmancy-sys-elevation-5);--outline-1: var(--schmancy-sys-outline-1);--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(.971 .013 17.38);--color-red-100: oklch(.936 .032 17.717);--color-red-200: oklch(.885 .062 18.334);--color-red-300: oklch(.808 .114 19.571);--color-red-400: oklch(.704 .191 22.216);--color-red-500: oklch(.637 .237 25.331);--color-red-600: oklch(.577 .245 27.325);--color-red-700: oklch(.505 .213 27.518);--color-red-800: oklch(.444 .177 26.899);--color-red-900: oklch(.396 .141 25.723);--color-red-950: oklch(.258 .092 26.042);--color-orange-50: oklch(.98 .016 73.684);--color-orange-100: oklch(.954 .038 75.164);--color-orange-200: oklch(.901 .076 70.697);--color-orange-300: oklch(.837 .128 66.29);--color-orange-400: oklch(.75 .183 55.934);--color-orange-500: oklch(.705 .213 47.604);--color-orange-600: oklch(.646 .222 41.116);--color-orange-700: oklch(.553 .195 38.402);--color-orange-800: oklch(.47 .157 37.304);--color-orange-900: oklch(.408 .123 38.172);--color-orange-950: oklch(.266 .079 36.259);--color-amber-50: oklch(.987 .022 95.277);--color-amber-100: oklch(.962 .059 95.617);--color-amber-200: oklch(.924 .12 95.746);--color-amber-300: oklch(.879 .169 91.605);--color-amber-400: oklch(.828 .189 84.429);--color-amber-500: oklch(.769 .188 70.08);--color-amber-600: oklch(.666 .179 58.318);--color-amber-700: oklch(.555 .163 48.998);--color-amber-800: oklch(.473 .137 46.201);--color-amber-900: oklch(.414 .112 45.904);--color-amber-950: oklch(.279 .077 45.635);--color-yellow-50: oklch(.987 .026 102.212);--color-yellow-100: oklch(.973 .071 103.193);--color-yellow-200: oklch(.945 .129 101.54);--color-yellow-300: oklch(.905 .182 98.111);--color-yellow-400: oklch(.852 .199 91.936);--color-yellow-500: oklch(.795 .184 86.047);--color-yellow-600: oklch(.681 .162 75.834);--color-yellow-700: oklch(.554 .135 66.442);--color-yellow-800: oklch(.476 .114 61.907);--color-yellow-900: oklch(.421 .095 57.708);--color-yellow-950: oklch(.286 .066 53.813);--color-lime-50: oklch(.986 .031 120.757);--color-lime-100: oklch(.967 .067 122.328);--color-lime-200: oklch(.938 .127 124.321);--color-lime-300: oklch(.897 .196 126.665);--color-lime-400: oklch(.841 .238 128.85);--color-lime-500: oklch(.768 .233 130.85);--color-lime-600: oklch(.648 .2 131.684);--color-lime-700: oklch(.532 .157 131.589);--color-lime-800: oklch(.453 .124 130.933);--color-lime-900: oklch(.405 .101 131.063);--color-lime-950: oklch(.274 .072 132.109);--color-green-50: oklch(.982 .018 155.826);--color-green-100: oklch(.962 .044 156.743);--color-green-200: oklch(.925 .084 155.995);--color-green-300: oklch(.871 .15 154.449);--color-green-400: oklch(.792 .209 151.711);--color-green-500: oklch(.723 .219 149.579);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-green-800: oklch(.448 .119 151.328);--color-green-900: oklch(.393 .095 152.535);--color-green-950: oklch(.266 .065 152.934);--color-emerald-50: oklch(.979 .021 166.113);--color-emerald-100: oklch(.95 .052 163.051);--color-emerald-200: oklch(.905 .093 164.15);--color-emerald-300: oklch(.845 .143 164.978);--color-emerald-400: oklch(.765 .177 163.223);--color-emerald-500: oklch(.696 .17 162.48);--color-emerald-600: oklch(.596 .145 163.225);--color-emerald-700: oklch(.508 .118 165.612);--color-emerald-800: oklch(.432 .095 166.913);--color-emerald-900: oklch(.378 .077 168.94);--color-emerald-950: oklch(.262 .051 172.552);--color-teal-50: oklch(.984 .014 180.72);--color-teal-100: oklch(.953 .051 180.801);--color-teal-200: oklch(.91 .096 180.426);--color-teal-300: oklch(.855 .138 181.071);--color-teal-400: oklch(.777 .152 181.912);--color-teal-500: oklch(.704 .14 182.503);--color-teal-600: oklch(.6 .118 184.704);--color-teal-700: oklch(.511 .096 186.391);--color-teal-800: oklch(.437 .078 188.216);--color-teal-900: oklch(.386 .063 188.416);--color-teal-950: oklch(.277 .046 192.524);--color-cyan-50: oklch(.984 .019 200.873);--color-cyan-100: oklch(.956 .045 203.388);--color-cyan-200: oklch(.917 .08 205.041);--color-cyan-300: oklch(.865 .127 207.078);--color-cyan-400: oklch(.789 .154 211.53);--color-cyan-500: oklch(.715 .143 215.221);--color-cyan-600: oklch(.609 .126 221.723);--color-cyan-700: oklch(.52 .105 223.128);--color-cyan-800: oklch(.45 .085 224.283);--color-cyan-900: oklch(.398 .07 227.392);--color-cyan-950: oklch(.302 .056 229.695);--color-sky-50: oklch(.977 .013 236.62);--color-sky-100: oklch(.951 .026 236.824);--color-sky-200: oklch(.901 .058 230.902);--color-sky-300: oklch(.828 .111 230.318);--color-sky-400: oklch(.746 .16 232.661);--color-sky-500: oklch(.685 .169 237.323);--color-sky-600: oklch(.588 .158 241.966);--color-sky-700: oklch(.5 .134 242.749);--color-sky-800: oklch(.443 .11 240.79);--color-sky-900: oklch(.391 .09 240.876);--color-sky-950: oklch(.293 .066 243.157);--color-blue-50: oklch(.97 .014 254.604);--color-blue-100: oklch(.932 .032 255.585);--color-blue-200: oklch(.882 .059 254.128);--color-blue-300: oklch(.809 .105 251.813);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-blue-700: oklch(.488 .243 264.376);--color-blue-800: oklch(.424 .199 265.638);--color-blue-900: oklch(.379 .146 265.522);--color-blue-950: oklch(.282 .091 267.935);--color-indigo-50: oklch(.962 .018 272.314);--color-indigo-100: oklch(.93 .034 272.788);--color-indigo-200: oklch(.87 .065 274.039);--color-indigo-300: oklch(.785 .115 274.713);--color-indigo-400: oklch(.673 .182 276.935);--color-indigo-500: oklch(.585 .233 277.117);--color-indigo-600: oklch(.511 .262 276.966);--color-indigo-700: oklch(.457 .24 277.023);--color-indigo-800: oklch(.398 .195 277.366);--color-indigo-900: oklch(.359 .144 278.697);--color-indigo-950: oklch(.257 .09 281.288);--color-violet-50: oklch(.969 .016 293.756);--color-violet-100: oklch(.943 .029 294.588);--color-violet-200: oklch(.894 .057 293.283);--color-violet-300: oklch(.811 .111 293.571);--color-violet-400: oklch(.702 .183 293.541);--color-violet-500: oklch(.606 .25 292.717);--color-violet-600: oklch(.541 .281 293.009);--color-violet-700: oklch(.491 .27 292.581);--color-violet-800: oklch(.432 .232 292.759);--color-violet-900: oklch(.38 .189 293.745);--color-violet-950: oklch(.283 .141 291.089);--color-purple-50: oklch(.977 .014 308.299);--color-purple-100: oklch(.946 .033 307.174);--color-purple-200: oklch(.902 .063 306.703);--color-purple-300: oklch(.827 .119 306.383);--color-purple-400: oklch(.714 .203 305.504);--color-purple-500: oklch(.627 .265 303.9);--color-purple-600: oklch(.558 .288 302.321);--color-purple-700: oklch(.496 .265 301.924);--color-purple-800: oklch(.438 .218 303.724);--color-purple-900: oklch(.381 .176 304.987);--color-purple-950: oklch(.291 .149 302.717);--color-fuchsia-50: oklch(.977 .017 320.058);--color-fuchsia-100: oklch(.952 .037 318.852);--color-fuchsia-200: oklch(.903 .076 319.62);--color-fuchsia-300: oklch(.833 .145 321.434);--color-fuchsia-400: oklch(.74 .238 322.16);--color-fuchsia-500: oklch(.667 .295 322.15);--color-fuchsia-600: oklch(.591 .293 322.896);--color-fuchsia-700: oklch(.518 .253 323.949);--color-fuchsia-800: oklch(.452 .211 324.591);--color-fuchsia-900: oklch(.401 .17 325.612);--color-fuchsia-950: oklch(.293 .136 325.661);--color-pink-50: oklch(.971 .014 343.198);--color-pink-100: oklch(.948 .028 342.258);--color-pink-200: oklch(.899 .061 343.231);--color-pink-300: oklch(.823 .12 346.018);--color-pink-400: oklch(.718 .202 349.761);--color-pink-500: oklch(.656 .241 354.308);--color-pink-600: oklch(.592 .249 .584);--color-pink-700: oklch(.525 .223 3.958);--color-pink-800: oklch(.459 .187 3.815);--color-pink-900: oklch(.408 .153 2.432);--color-pink-950: oklch(.284 .109 3.907);--color-rose-50: oklch(.969 .015 12.422);--color-rose-100: oklch(.941 .03 12.58);--color-rose-200: oklch(.892 .058 10.001);--color-rose-300: oklch(.81 .117 11.638);--color-rose-400: oklch(.712 .194 13.428);--color-rose-500: oklch(.645 .246 16.439);--color-rose-600: oklch(.586 .253 17.585);--color-rose-700: oklch(.514 .222 16.935);--color-rose-800: oklch(.455 .188 13.697);--color-rose-900: oklch(.41 .159 10.272);--color-rose-950: oklch(.271 .105 12.094);--color-slate-50: oklch(.984 .003 247.858);--color-slate-100: oklch(.968 .007 247.896);--color-slate-200: oklch(.929 .013 255.508);--color-slate-300: oklch(.869 .022 252.894);--color-slate-400: oklch(.704 .04 256.788);--color-slate-500: oklch(.554 .046 257.417);--color-slate-600: oklch(.446 .043 257.281);--color-slate-700: oklch(.372 .044 257.287);--color-slate-800: oklch(.279 .041 260.031);--color-slate-900: oklch(.208 .042 265.755);--color-slate-950: oklch(.129 .042 264.695);--color-gray-50: oklch(.985 .002 247.839);--color-gray-100: oklch(.967 .003 264.542);--color-gray-200: oklch(.928 .006 264.531);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-700: oklch(.373 .034 259.733);--color-gray-800: oklch(.278 .033 256.848);--color-gray-900: oklch(.21 .034 264.665);--color-gray-950: oklch(.13 .028 261.692);--color-zinc-50: oklch(.985 0 0);--color-zinc-100: oklch(.967 .001 286.375);--color-zinc-200: oklch(.92 .004 286.32);--color-zinc-300: oklch(.871 .006 286.286);--color-zinc-400: oklch(.705 .015 286.067);--color-zinc-500: oklch(.552 .016 285.938);--color-zinc-600: oklch(.442 .017 285.786);--color-zinc-700: oklch(.37 .013 285.805);--color-zinc-800: oklch(.274 .006 286.033);--color-zinc-900: oklch(.21 .006 285.885);--color-zinc-950: oklch(.141 .005 285.823);--color-neutral-50: oklch(.985 0 0);--color-neutral-100: oklch(.97 0 0);--color-neutral-200: oklch(.922 0 0);--color-neutral-300: oklch(.87 0 0);--color-neutral-400: oklch(.708 0 0);--color-neutral-500: oklch(.556 0 0);--color-neutral-600: oklch(.439 0 0);--color-neutral-700: oklch(.371 0 0);--color-neutral-800: oklch(.269 0 0);--color-neutral-900: oklch(.205 0 0);--color-neutral-950: oklch(.145 0 0);--color-stone-50: oklch(.985 .001 106.423);--color-stone-100: oklch(.97 .001 106.424);--color-stone-200: oklch(.923 .003 48.717);--color-stone-300: oklch(.869 .005 56.366);--color-stone-400: oklch(.709 .01 56.259);--color-stone-500: oklch(.553 .013 58.071);--color-stone-600: oklch(.444 .011 73.639);--color-stone-700: oklch(.374 .01 67.558);--color-stone-800: oklch(.268 .007 34.298);--color-stone-900: oklch(.216 .006 56.043);--color-stone-950: oklch(.147 .004 49.25);--color-black: #000;--color-white: #fff;--spacing: .25rem;--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--breakpoint-2xl: 96rem;--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--text-8xl: 6rem;--text-8xl--line-height: 1;--text-9xl: 8rem;--text-9xl--line-height: 1;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--shadow-smxs: 0 1px rgb(0 0 0 / .05);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-smxl: 0 25px 50px -12px rgb(0 0 0 / .25);--inset-shadow-smxs: inset 0 1px rgb(0 0 0 / .05);--inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05);--inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05);--drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05);--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15);--drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12);--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15);--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1);--drop-shadow-smxl: 0 25px 25px rgb(0 0 0 / .15);--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--perspective-dramatic: 100px;--perspective-near: 300px;--perspective-normal: 500px;--perspective-midrange: 800px;--perspective-distant: 1200px;--aspect-video: 16 / 9;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}--md-sys-color-scrim: var(--schmancy-sys-color-scrim);--md-sys-color-outline: var(--schmancy-sys-color-outline);--md-sys-color-outlineVariant: var(--schmancy-sys-color-outlineVariant);--md-sys-color-surface-default: var(--schmancy-sys-color-surface-default);--md-sys-color-surface-dim: var(--schmancy-sys-color-surface-dim);--md-sys-color-surface-bright: var(--schmancy-sys-color-surface-bright);--md-sys-color-surface-container: var(--schmancy-sys-color-surface-container);--md-sys-color-surface-low: var(--schmancy-sys-color-surface-low);--md-sys-color-surface-high: var(--schmancy-sys-color-surface-high);--md-sys-color-surface-highest: var(--schmancy-sys-color-surface-highest);--md-sys-color-surface-lowest: var(--schmancy-sys-color-surface-lowest);--md-sys-color-surface-on: var(--schmancy-sys-color-surface-on);--md-sys-color-on-surface-variant: var(--schmancy-sys-color-surface-onVariant);--md-sys-color-on-secondary-container: var(--schmancy-sys-color-secondary-onContainer);--md-sys-color-primary-default: var(--schmancy-sys-color-primary-default);--md-sys-color-primary-on: var(--schmancy-sys-color-primary-on);--md-sys-color-primary-container: var(--schmancy-sys-color-primary-container);--md-sys-color-primary-onContainer: var(--schmancy-sys-color-primary-onContainer);--md-sys-color-secondary-default: var(--schmancy-sys-color-secondary-default);--md-sys-color-secondary-on: var(--schmancy-sys-color-secondary-on);--md-sys-color-secondary-container: var(--schmancy-sys-color-secondary-container);--md-sys-color-secondary-onContainer: var(--schmancy-sys-color-secondary-onContainer);--md-sys-color-tertiary-default: var(--schmancy-sys-color-tertiary-default);--md-sys-color-tertiary-on: var(--schmancy-sys-color-tertiary-on);--md-sys-color-tertiary-container: var(--schmancy-sys-color-tertiary-container);--md-sys-color-tertiary-onContainer: var(--schmancy-sys-color-tertiary-onContainer);--md-sys-color-error-default: var(--schmancy-sys-color-error-default);--md-sys-color-error-on: var(--schmancy-sys-color-error-on);--md-sys-color-error-container: var(--schmancy-sys-color-error-container);--md-sys-color-error-onContainer: var(--schmancy-sys-color-error-onContainer);--md-sys-color-success-default: var(--schmancy-sys-color-success-default);--md-sys-color-success-on: var(--schmancy-sys-color-success-on);--md-sys-color-success-container: var(--schmancy-sys-color-success-container);--md-sys-color-success-onContainer: var(--schmancy-sys-color-success-onContainer);--md-sys-elevation-0: var(--schmancy-sys-elevation-0);--md-sys-elevation-1: var(--schmancy-sys-elevation-1);--md-sys-elevation-2: var(--schmancy-sys-elevation-2);--md-sys-elevation-3: var(--schmancy-sys-elevation-3);--md-sys-elevation-4: var(--schmancy-sys-elevation-4);--md-sys-elevation-5: var(--schmancy-sys-elevation-5);--md-sys-outline-1: var(--schmancy-sys-outline-1);--md-filter-chip-label-text-color: var(--schmancy-sys-color-surface-on);--md-checkbox-focus-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-focus-outline-width: 2px;--md-checkbox-hover-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-hover-outline-width: 2px;--md-checkbox-pressed-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-pressed-outline-width: 2px;--md-checkbox-disabled-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-disabled-outline-width: 2px}'), Ae = window.matchMedia("(prefers-color-scheme: dark)"), ir = new Ee((r) => {
|
|
769
|
-
const e =
|
|
785
|
+
const fr = tr(':host,:root{--md-ref-typeface-brand: "Josefin Sans", sans-serif;--md-ref-typeface-plain: "Josefin Sans", sans-serif;--md-sys-color-primary: var(--schmancy-sys-color-primary-default);--md-sys-color-secondary: var(--schmancy-sys-color-secondary-default);--default-font-family: var(--schmancy-font-family);--border-style: solid;--spacing: 4px;--color-scrim: var(--schmancy-sys-color-scrim);--color-outline: var(--schmancy-sys-color-outline);--color-outlineVariant: var(--schmancy-sys-color-outlineVariant);--color-surface-default: var(--schmancy-sys-color-surface-default);--color-surface-dim: var(--schmancy-sys-color-surface-dim);--color-surface-bright: var(--schmancy-sys-color-surface-bright);--color-surface-container: var(--schmancy-sys-color-surface-container);--color-surface-low: var(--schmancy-sys-color-surface-low);--color-surface-high: var(--schmancy-sys-color-surface-high);--color-surface-highest: var(--schmancy-sys-color-surface-highest);--color-surface-lowest: var(--schmancy-sys-color-surface-lowest);--color-surface-on: var(--schmancy-sys-color-surface-on);--color-surface-onVariant: var(--schmancy-sys-color-surface-onVariant);--color-primary-default: var(--schmancy-sys-color-primary-default);--color-primary-on: var(--schmancy-sys-color-primary-on);--color-primary-container: var(--schmancy-sys-color-primary-container);--color-primary-onContainer: var(--schmancy-sys-color-primary-onContainer);--color-secondary-default: var(--schmancy-sys-color-secondary-default);--color-secondary-on: var(--schmancy-sys-color-secondary-on);--color-secondary-container: var(--schmancy-sys-color-secondary-container);--color-secondary-onContainer: var(--schmancy-sys-color-secondary-onContainer);--color-tertiary-default: var(--schmancy-sys-color-tertiary-default);--color-tertiary-on: var(--schmancy-sys-color-tertiary-on);--color-tertiary-container: var(--schmancy-sys-color-tertiary-container);--color-tertiary-onContainer: var(--schmancy-sys-color-tertiary-onContainer);--color-error-default: var(--schmancy-sys-color-error-default);--color-error-on: var(--schmancy-sys-color-error-on);--color-error-container: var(--schmancy-sys-color-error-container);--color-error-onContainer: var(--schmancy-sys-color-error-onContainer);--color-success-default: var(--schmancy-sys-color-success-default);--color-success-on: var(--schmancy-sys-color-success-on);--color-success-container: var(--schmancy-sys-color-success-container);--color-success-onContainer: var(--schmancy-sys-color-success-onContainer);--shadow-xs: var(--schmancy-sys-elevation-0);--shadow-sm: var(--schmancy-sys-elevation-1);--shadow-md: var(--schmancy-sys-elevation-2);--shadow-lg: var(--schmancy-sys-elevation-3);--shadow-xl: var(--schmancy-sys-elevation-4);--shadow-2xl: var(--schmancy-sys-elevation-5);--outline-1: var(--schmancy-sys-outline-1);--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(.971 .013 17.38);--color-red-100: oklch(.936 .032 17.717);--color-red-200: oklch(.885 .062 18.334);--color-red-300: oklch(.808 .114 19.571);--color-red-400: oklch(.704 .191 22.216);--color-red-500: oklch(.637 .237 25.331);--color-red-600: oklch(.577 .245 27.325);--color-red-700: oklch(.505 .213 27.518);--color-red-800: oklch(.444 .177 26.899);--color-red-900: oklch(.396 .141 25.723);--color-red-950: oklch(.258 .092 26.042);--color-orange-50: oklch(.98 .016 73.684);--color-orange-100: oklch(.954 .038 75.164);--color-orange-200: oklch(.901 .076 70.697);--color-orange-300: oklch(.837 .128 66.29);--color-orange-400: oklch(.75 .183 55.934);--color-orange-500: oklch(.705 .213 47.604);--color-orange-600: oklch(.646 .222 41.116);--color-orange-700: oklch(.553 .195 38.402);--color-orange-800: oklch(.47 .157 37.304);--color-orange-900: oklch(.408 .123 38.172);--color-orange-950: oklch(.266 .079 36.259);--color-amber-50: oklch(.987 .022 95.277);--color-amber-100: oklch(.962 .059 95.617);--color-amber-200: oklch(.924 .12 95.746);--color-amber-300: oklch(.879 .169 91.605);--color-amber-400: oklch(.828 .189 84.429);--color-amber-500: oklch(.769 .188 70.08);--color-amber-600: oklch(.666 .179 58.318);--color-amber-700: oklch(.555 .163 48.998);--color-amber-800: oklch(.473 .137 46.201);--color-amber-900: oklch(.414 .112 45.904);--color-amber-950: oklch(.279 .077 45.635);--color-yellow-50: oklch(.987 .026 102.212);--color-yellow-100: oklch(.973 .071 103.193);--color-yellow-200: oklch(.945 .129 101.54);--color-yellow-300: oklch(.905 .182 98.111);--color-yellow-400: oklch(.852 .199 91.936);--color-yellow-500: oklch(.795 .184 86.047);--color-yellow-600: oklch(.681 .162 75.834);--color-yellow-700: oklch(.554 .135 66.442);--color-yellow-800: oklch(.476 .114 61.907);--color-yellow-900: oklch(.421 .095 57.708);--color-yellow-950: oklch(.286 .066 53.813);--color-lime-50: oklch(.986 .031 120.757);--color-lime-100: oklch(.967 .067 122.328);--color-lime-200: oklch(.938 .127 124.321);--color-lime-300: oklch(.897 .196 126.665);--color-lime-400: oklch(.841 .238 128.85);--color-lime-500: oklch(.768 .233 130.85);--color-lime-600: oklch(.648 .2 131.684);--color-lime-700: oklch(.532 .157 131.589);--color-lime-800: oklch(.453 .124 130.933);--color-lime-900: oklch(.405 .101 131.063);--color-lime-950: oklch(.274 .072 132.109);--color-green-50: oklch(.982 .018 155.826);--color-green-100: oklch(.962 .044 156.743);--color-green-200: oklch(.925 .084 155.995);--color-green-300: oklch(.871 .15 154.449);--color-green-400: oklch(.792 .209 151.711);--color-green-500: oklch(.723 .219 149.579);--color-green-600: oklch(.627 .194 149.214);--color-green-700: oklch(.527 .154 150.069);--color-green-800: oklch(.448 .119 151.328);--color-green-900: oklch(.393 .095 152.535);--color-green-950: oklch(.266 .065 152.934);--color-emerald-50: oklch(.979 .021 166.113);--color-emerald-100: oklch(.95 .052 163.051);--color-emerald-200: oklch(.905 .093 164.15);--color-emerald-300: oklch(.845 .143 164.978);--color-emerald-400: oklch(.765 .177 163.223);--color-emerald-500: oklch(.696 .17 162.48);--color-emerald-600: oklch(.596 .145 163.225);--color-emerald-700: oklch(.508 .118 165.612);--color-emerald-800: oklch(.432 .095 166.913);--color-emerald-900: oklch(.378 .077 168.94);--color-emerald-950: oklch(.262 .051 172.552);--color-teal-50: oklch(.984 .014 180.72);--color-teal-100: oklch(.953 .051 180.801);--color-teal-200: oklch(.91 .096 180.426);--color-teal-300: oklch(.855 .138 181.071);--color-teal-400: oklch(.777 .152 181.912);--color-teal-500: oklch(.704 .14 182.503);--color-teal-600: oklch(.6 .118 184.704);--color-teal-700: oklch(.511 .096 186.391);--color-teal-800: oklch(.437 .078 188.216);--color-teal-900: oklch(.386 .063 188.416);--color-teal-950: oklch(.277 .046 192.524);--color-cyan-50: oklch(.984 .019 200.873);--color-cyan-100: oklch(.956 .045 203.388);--color-cyan-200: oklch(.917 .08 205.041);--color-cyan-300: oklch(.865 .127 207.078);--color-cyan-400: oklch(.789 .154 211.53);--color-cyan-500: oklch(.715 .143 215.221);--color-cyan-600: oklch(.609 .126 221.723);--color-cyan-700: oklch(.52 .105 223.128);--color-cyan-800: oklch(.45 .085 224.283);--color-cyan-900: oklch(.398 .07 227.392);--color-cyan-950: oklch(.302 .056 229.695);--color-sky-50: oklch(.977 .013 236.62);--color-sky-100: oklch(.951 .026 236.824);--color-sky-200: oklch(.901 .058 230.902);--color-sky-300: oklch(.828 .111 230.318);--color-sky-400: oklch(.746 .16 232.661);--color-sky-500: oklch(.685 .169 237.323);--color-sky-600: oklch(.588 .158 241.966);--color-sky-700: oklch(.5 .134 242.749);--color-sky-800: oklch(.443 .11 240.79);--color-sky-900: oklch(.391 .09 240.876);--color-sky-950: oklch(.293 .066 243.157);--color-blue-50: oklch(.97 .014 254.604);--color-blue-100: oklch(.932 .032 255.585);--color-blue-200: oklch(.882 .059 254.128);--color-blue-300: oklch(.809 .105 251.813);--color-blue-400: oklch(.707 .165 254.624);--color-blue-500: oklch(.623 .214 259.815);--color-blue-600: oklch(.546 .245 262.881);--color-blue-700: oklch(.488 .243 264.376);--color-blue-800: oklch(.424 .199 265.638);--color-blue-900: oklch(.379 .146 265.522);--color-blue-950: oklch(.282 .091 267.935);--color-indigo-50: oklch(.962 .018 272.314);--color-indigo-100: oklch(.93 .034 272.788);--color-indigo-200: oklch(.87 .065 274.039);--color-indigo-300: oklch(.785 .115 274.713);--color-indigo-400: oklch(.673 .182 276.935);--color-indigo-500: oklch(.585 .233 277.117);--color-indigo-600: oklch(.511 .262 276.966);--color-indigo-700: oklch(.457 .24 277.023);--color-indigo-800: oklch(.398 .195 277.366);--color-indigo-900: oklch(.359 .144 278.697);--color-indigo-950: oklch(.257 .09 281.288);--color-violet-50: oklch(.969 .016 293.756);--color-violet-100: oklch(.943 .029 294.588);--color-violet-200: oklch(.894 .057 293.283);--color-violet-300: oklch(.811 .111 293.571);--color-violet-400: oklch(.702 .183 293.541);--color-violet-500: oklch(.606 .25 292.717);--color-violet-600: oklch(.541 .281 293.009);--color-violet-700: oklch(.491 .27 292.581);--color-violet-800: oklch(.432 .232 292.759);--color-violet-900: oklch(.38 .189 293.745);--color-violet-950: oklch(.283 .141 291.089);--color-purple-50: oklch(.977 .014 308.299);--color-purple-100: oklch(.946 .033 307.174);--color-purple-200: oklch(.902 .063 306.703);--color-purple-300: oklch(.827 .119 306.383);--color-purple-400: oklch(.714 .203 305.504);--color-purple-500: oklch(.627 .265 303.9);--color-purple-600: oklch(.558 .288 302.321);--color-purple-700: oklch(.496 .265 301.924);--color-purple-800: oklch(.438 .218 303.724);--color-purple-900: oklch(.381 .176 304.987);--color-purple-950: oklch(.291 .149 302.717);--color-fuchsia-50: oklch(.977 .017 320.058);--color-fuchsia-100: oklch(.952 .037 318.852);--color-fuchsia-200: oklch(.903 .076 319.62);--color-fuchsia-300: oklch(.833 .145 321.434);--color-fuchsia-400: oklch(.74 .238 322.16);--color-fuchsia-500: oklch(.667 .295 322.15);--color-fuchsia-600: oklch(.591 .293 322.896);--color-fuchsia-700: oklch(.518 .253 323.949);--color-fuchsia-800: oklch(.452 .211 324.591);--color-fuchsia-900: oklch(.401 .17 325.612);--color-fuchsia-950: oklch(.293 .136 325.661);--color-pink-50: oklch(.971 .014 343.198);--color-pink-100: oklch(.948 .028 342.258);--color-pink-200: oklch(.899 .061 343.231);--color-pink-300: oklch(.823 .12 346.018);--color-pink-400: oklch(.718 .202 349.761);--color-pink-500: oklch(.656 .241 354.308);--color-pink-600: oklch(.592 .249 .584);--color-pink-700: oklch(.525 .223 3.958);--color-pink-800: oklch(.459 .187 3.815);--color-pink-900: oklch(.408 .153 2.432);--color-pink-950: oklch(.284 .109 3.907);--color-rose-50: oklch(.969 .015 12.422);--color-rose-100: oklch(.941 .03 12.58);--color-rose-200: oklch(.892 .058 10.001);--color-rose-300: oklch(.81 .117 11.638);--color-rose-400: oklch(.712 .194 13.428);--color-rose-500: oklch(.645 .246 16.439);--color-rose-600: oklch(.586 .253 17.585);--color-rose-700: oklch(.514 .222 16.935);--color-rose-800: oklch(.455 .188 13.697);--color-rose-900: oklch(.41 .159 10.272);--color-rose-950: oklch(.271 .105 12.094);--color-slate-50: oklch(.984 .003 247.858);--color-slate-100: oklch(.968 .007 247.896);--color-slate-200: oklch(.929 .013 255.508);--color-slate-300: oklch(.869 .022 252.894);--color-slate-400: oklch(.704 .04 256.788);--color-slate-500: oklch(.554 .046 257.417);--color-slate-600: oklch(.446 .043 257.281);--color-slate-700: oklch(.372 .044 257.287);--color-slate-800: oklch(.279 .041 260.031);--color-slate-900: oklch(.208 .042 265.755);--color-slate-950: oklch(.129 .042 264.695);--color-gray-50: oklch(.985 .002 247.839);--color-gray-100: oklch(.967 .003 264.542);--color-gray-200: oklch(.928 .006 264.531);--color-gray-300: oklch(.872 .01 258.338);--color-gray-400: oklch(.707 .022 261.325);--color-gray-500: oklch(.551 .027 264.364);--color-gray-600: oklch(.446 .03 256.802);--color-gray-700: oklch(.373 .034 259.733);--color-gray-800: oklch(.278 .033 256.848);--color-gray-900: oklch(.21 .034 264.665);--color-gray-950: oklch(.13 .028 261.692);--color-zinc-50: oklch(.985 0 0);--color-zinc-100: oklch(.967 .001 286.375);--color-zinc-200: oklch(.92 .004 286.32);--color-zinc-300: oklch(.871 .006 286.286);--color-zinc-400: oklch(.705 .015 286.067);--color-zinc-500: oklch(.552 .016 285.938);--color-zinc-600: oklch(.442 .017 285.786);--color-zinc-700: oklch(.37 .013 285.805);--color-zinc-800: oklch(.274 .006 286.033);--color-zinc-900: oklch(.21 .006 285.885);--color-zinc-950: oklch(.141 .005 285.823);--color-neutral-50: oklch(.985 0 0);--color-neutral-100: oklch(.97 0 0);--color-neutral-200: oklch(.922 0 0);--color-neutral-300: oklch(.87 0 0);--color-neutral-400: oklch(.708 0 0);--color-neutral-500: oklch(.556 0 0);--color-neutral-600: oklch(.439 0 0);--color-neutral-700: oklch(.371 0 0);--color-neutral-800: oklch(.269 0 0);--color-neutral-900: oklch(.205 0 0);--color-neutral-950: oklch(.145 0 0);--color-stone-50: oklch(.985 .001 106.423);--color-stone-100: oklch(.97 .001 106.424);--color-stone-200: oklch(.923 .003 48.717);--color-stone-300: oklch(.869 .005 56.366);--color-stone-400: oklch(.709 .01 56.259);--color-stone-500: oklch(.553 .013 58.071);--color-stone-600: oklch(.444 .011 73.639);--color-stone-700: oklch(.374 .01 67.558);--color-stone-800: oklch(.268 .007 34.298);--color-stone-900: oklch(.216 .006 56.043);--color-stone-950: oklch(.147 .004 49.25);--color-black: #000;--color-white: #fff;--spacing: .25rem;--breakpoint-sm: 40rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 80rem;--breakpoint-2xl: 96rem;--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--text-5xl: 3rem;--text-5xl--line-height: 1;--text-6xl: 3.75rem;--text-6xl--line-height: 1;--text-7xl: 4.5rem;--text-7xl--line-height: 1;--text-8xl: 6rem;--text-8xl--line-height: 1;--text-9xl: 8rem;--text-9xl--line-height: 1;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--shadow-smxs: 0 1px rgb(0 0 0 / .05);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-smxl: 0 25px 50px -12px rgb(0 0 0 / .25);--inset-shadow-smxs: inset 0 1px rgb(0 0 0 / .05);--inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05);--inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05);--drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05);--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15);--drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12);--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15);--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1);--drop-shadow-smxl: 0 25px 25px rgb(0 0 0 / .15);--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--perspective-dramatic: 100px;--perspective-near: 300px;--perspective-normal: 500px;--perspective-midrange: 800px;--perspective-distant: 1200px;--aspect-video: 16 / 9;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}--md-sys-color-scrim: var(--schmancy-sys-color-scrim);--md-sys-color-outline: var(--schmancy-sys-color-outline);--md-sys-color-outlineVariant: var(--schmancy-sys-color-outlineVariant);--md-sys-color-surface-default: var(--schmancy-sys-color-surface-default);--md-sys-color-surface-dim: var(--schmancy-sys-color-surface-dim);--md-sys-color-surface-bright: var(--schmancy-sys-color-surface-bright);--md-sys-color-surface-container: var(--schmancy-sys-color-surface-container);--md-sys-color-surface-low: var(--schmancy-sys-color-surface-low);--md-sys-color-surface-high: var(--schmancy-sys-color-surface-high);--md-sys-color-surface-highest: var(--schmancy-sys-color-surface-highest);--md-sys-color-surface-lowest: var(--schmancy-sys-color-surface-lowest);--md-sys-color-surface-on: var(--schmancy-sys-color-surface-on);--md-sys-color-on-surface-variant: var(--schmancy-sys-color-surface-onVariant);--md-sys-color-on-secondary-container: var(--schmancy-sys-color-secondary-onContainer);--md-sys-color-primary-default: var(--schmancy-sys-color-primary-default);--md-sys-color-primary-on: var(--schmancy-sys-color-primary-on);--md-sys-color-primary-container: var(--schmancy-sys-color-primary-container);--md-sys-color-primary-onContainer: var(--schmancy-sys-color-primary-onContainer);--md-sys-color-secondary-default: var(--schmancy-sys-color-secondary-default);--md-sys-color-secondary-on: var(--schmancy-sys-color-secondary-on);--md-sys-color-secondary-container: var(--schmancy-sys-color-secondary-container);--md-sys-color-secondary-onContainer: var(--schmancy-sys-color-secondary-onContainer);--md-sys-color-tertiary-default: var(--schmancy-sys-color-tertiary-default);--md-sys-color-tertiary-on: var(--schmancy-sys-color-tertiary-on);--md-sys-color-tertiary-container: var(--schmancy-sys-color-tertiary-container);--md-sys-color-tertiary-onContainer: var(--schmancy-sys-color-tertiary-onContainer);--md-sys-color-error-default: var(--schmancy-sys-color-error-default);--md-sys-color-error-on: var(--schmancy-sys-color-error-on);--md-sys-color-error-container: var(--schmancy-sys-color-error-container);--md-sys-color-error-onContainer: var(--schmancy-sys-color-error-onContainer);--md-sys-color-success-default: var(--schmancy-sys-color-success-default);--md-sys-color-success-on: var(--schmancy-sys-color-success-on);--md-sys-color-success-container: var(--schmancy-sys-color-success-container);--md-sys-color-success-onContainer: var(--schmancy-sys-color-success-onContainer);--md-sys-elevation-0: var(--schmancy-sys-elevation-0);--md-sys-elevation-1: var(--schmancy-sys-elevation-1);--md-sys-elevation-2: var(--schmancy-sys-elevation-2);--md-sys-elevation-3: var(--schmancy-sys-elevation-3);--md-sys-elevation-4: var(--schmancy-sys-elevation-4);--md-sys-elevation-5: var(--schmancy-sys-elevation-5);--md-sys-outline-1: var(--schmancy-sys-outline-1);--md-filter-chip-label-text-color: var(--schmancy-sys-color-surface-on);--md-checkbox-focus-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-focus-outline-width: 2px;--md-checkbox-hover-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-hover-outline-width: 2px;--md-checkbox-pressed-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-pressed-outline-width: 2px;--md-checkbox-disabled-outline-color: var(--schmancy-sys-color-surface-on);--md-checkbox-disabled-outline-width: 2px}'), He = window.matchMedia("(prefers-color-scheme: dark)"), gr = new Ne((r) => {
|
|
786
|
+
const e = He.matches ? "dark" : "light";
|
|
770
787
|
r.next(e);
|
|
771
|
-
const t =
|
|
772
|
-
const
|
|
773
|
-
r.next(
|
|
788
|
+
const t = Ce(He, "change").subscribe((o) => {
|
|
789
|
+
const n = o.matches ? "dark" : "light";
|
|
790
|
+
r.next(n);
|
|
774
791
|
});
|
|
775
792
|
return () => t.unsubscribe();
|
|
776
793
|
});
|
|
777
|
-
let
|
|
794
|
+
let ae = class extends rr(fr) {
|
|
778
795
|
constructor() {
|
|
779
796
|
super(...arguments), this.scheme = "auto", this.root = !1, this.theme = {};
|
|
780
797
|
}
|
|
781
798
|
connectedCallback() {
|
|
782
|
-
super.connectedCallback()
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
799
|
+
super.connectedCallback();
|
|
800
|
+
const r = this.hasAttribute("color"), e = this.hasAttribute("scheme");
|
|
801
|
+
if (!r) {
|
|
802
|
+
const t = $.color;
|
|
803
|
+
this.color = typeof t == "string" && t.startsWith("#") ? t : this.generateRandomColor();
|
|
804
|
+
}
|
|
805
|
+
e || (this.scheme = $.scheme), $.registerThemeComponent(this), or([$.scheme$.pipe(Me((t) => t === "auto" ? gr : _e(t))), $.color$]).pipe(Q((t, o) => t[0] === o[0] && t[1] === o[1]), je(10), ee(([t, o]) => {
|
|
806
|
+
this.scheme = t, this.color = o;
|
|
807
|
+
}), W(this.disconnecting)).subscribe(() => {
|
|
808
|
+
this.registerTheme();
|
|
809
|
+
}), Ce(this, Ue).pipe(W(this.disconnecting)).subscribe((t) => {
|
|
810
|
+
t.stopPropagation(), t.preventDefault(), window.dispatchEvent(new CustomEvent(De, { detail: { theme: this }, bubbles: !0, composed: !0 }));
|
|
786
811
|
});
|
|
787
812
|
}
|
|
788
813
|
updated(r) {
|
|
789
|
-
super.updated(r), (r.has("color") || r.has("scheme") || r.has("theme")) &&
|
|
814
|
+
super.updated(r), (r.has("color") || r.has("scheme") || r.has("theme")) && $.updateTheme({ scheme: this.scheme, color: this.color, theme: this.theme });
|
|
790
815
|
}
|
|
791
816
|
registerTheme() {
|
|
792
|
-
let r =
|
|
817
|
+
let r = ur(mr(X(typeof this.color == "string" ? this.color : "#6200ee")), this.scheme === "dark", { success: X("#34B334"), warning: X("#FFA726"), info: X("#29B6F6") });
|
|
793
818
|
r = { ...r, ...this.theme }, this.registerThemeValues("schmancy", "", r);
|
|
794
819
|
const e = this.root ? document.body : this.shadowRoot.host, t = (o) => e.style.getPropertyValue(o);
|
|
795
820
|
e.style.setProperty("--schmancy-sys-color-surface-low", t("--schmancy-sys-color-surface-containerLow")), e.style.setProperty("--schmancy-sys-color-surface-high", t("--schmancy-sys-color-surface-containerHigh")), e.style.setProperty("--schmancy-sys-color-surface-highest", t("--schmancy-sys-color-surface-containerHighest")), e.style.setProperty("--schmancy-sys-color-surface-lowest", t("--schmancy-sys-color-surface-containerLowest")), e.style.colorScheme = this.scheme === "dark" ? "dark" : "light";
|
|
@@ -802,17 +827,121 @@ let X = class extends Ke(sr) {
|
|
|
802
827
|
return "#" + Math.floor(16777215 * Math.random()).toString(16).padStart(6, "0");
|
|
803
828
|
}
|
|
804
829
|
render() {
|
|
805
|
-
return
|
|
830
|
+
return Pe`<slot></slot>`;
|
|
831
|
+
}
|
|
832
|
+
};
|
|
833
|
+
me([de({ type: String, reflect: !0 })], ae.prototype, "color", 2), me([de({ type: String })], ae.prototype, "scheme", 2), me([de({ type: Boolean })], ae.prototype, "root", 2), me([er({ context: dr }), de({ type: Object })], ae.prototype, "theme", 2), ae = me([ze("schmancy-theme")], ae);
|
|
834
|
+
var kr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, ue = (r, e, t, o) => {
|
|
835
|
+
for (var n, a = o > 1 ? void 0 : o ? xr(e, t) : e, s = r.length - 1; s >= 0; s--) (n = r[s]) && (a = (o ? n(e, t, a) : n(a)) || a);
|
|
836
|
+
return o && a && kr(e, t, a), a;
|
|
837
|
+
};
|
|
838
|
+
let ce = class extends ar() {
|
|
839
|
+
constructor() {
|
|
840
|
+
super(...arguments), this.currentScheme = "auto", this.currentColor = "#6200ee", this.resolvedScheme = "light", this.colorInput$ = new nr();
|
|
841
|
+
}
|
|
842
|
+
get presetColors() {
|
|
843
|
+
return this.customColors ? this.customColors : [{ name: "Lavender", value: "#9D8FE8", category: "primary" }, { name: "Rose", value: "#F48B9D", category: "accent" }, { name: "Mint", value: "#7ED997", category: "accent" }, { name: "Amber", value: "#FFC875", category: "accent" }, { name: "Sky", value: "#6DD5FA", category: "primary" }, { name: "Coral", value: "#FF9E7C", category: "secondary" }, { name: "Indigo", value: "#7380E8", category: "primary" }, { name: "Blush", value: "#FF79A8", category: "secondary" }, { name: "Aqua", value: "#64E0F0", category: "accent" }, { name: "Gold", value: "#FFE066", category: "accent" }, { name: "Slate", value: "#6B7E91", category: "primary" }, { name: "Onyx", value: "#3D4451", category: "primary" }, { name: "Plum", value: "#8E6BA8", category: "secondary" }, { name: "Forest", value: "#5A7A5F", category: "accent" }, { name: "Navy", value: "#3D5A80", category: "primary" }, { name: "Burgundy", value: "#994F5E", category: "accent" }];
|
|
844
|
+
}
|
|
845
|
+
connectedCallback() {
|
|
846
|
+
super.connectedCallback();
|
|
847
|
+
const r = $.themeComponent;
|
|
848
|
+
r && (this.currentScheme = r.scheme, this.currentColor = r.color), $.scheme$.pipe(ee((e) => this.currentScheme = e), W(this.disconnecting)).subscribe(), $.color$.pipe(ee((e) => this.currentColor = e), W(this.disconnecting)).subscribe(), $.resolvedScheme$.pipe(ee((e) => this.resolvedScheme = e), W(this.disconnecting)).subscribe(), this.colorInput$.pipe(je(150), W(this.disconnecting)).subscribe((e) => $.setColor(e));
|
|
849
|
+
}
|
|
850
|
+
setScheme(r) {
|
|
851
|
+
$.setScheme(r);
|
|
852
|
+
}
|
|
853
|
+
setColor(r) {
|
|
854
|
+
$.setColor(r);
|
|
855
|
+
}
|
|
856
|
+
handleColorInput(r) {
|
|
857
|
+
const e = r.target;
|
|
858
|
+
this.colorInput$.next(e.value);
|
|
859
|
+
}
|
|
860
|
+
randomColor() {
|
|
861
|
+
const r = this.presetColors[Math.floor(Math.random() * this.presetColors.length)];
|
|
862
|
+
$.setColor(r.value);
|
|
863
|
+
}
|
|
864
|
+
triggerColorPicker() {
|
|
865
|
+
this.renderRoot.querySelector('input[type="color"]')?.click();
|
|
866
|
+
}
|
|
867
|
+
render() {
|
|
868
|
+
return Pe`
|
|
869
|
+
<schmancy-boat id="schmancy-theme-compnent">
|
|
870
|
+
<schmancy-icon slot="header">palette</schmancy-icon>
|
|
871
|
+
|
|
872
|
+
<div class="p-4 space-y-4">
|
|
873
|
+
<!-- Color Display -->
|
|
874
|
+
<div class="flex items-center gap-3">
|
|
875
|
+
<div
|
|
876
|
+
class="w-16 h-16 rounded-xl border-2 border-outline cursor-pointer transition-transform hover:scale-105 active:scale-95"
|
|
877
|
+
style="background: ${this.currentColor}"
|
|
878
|
+
@click="${this.triggerColorPicker}"
|
|
879
|
+
title="Click to change color"
|
|
880
|
+
></div>
|
|
881
|
+
<div class="flex-1 min-w-0">
|
|
882
|
+
<schmancy-typography type="body" class="font-mono opacity-60">
|
|
883
|
+
${this.currentColor}
|
|
884
|
+
</schmancy-typography>
|
|
885
|
+
<div class="flex gap-1 mt-2">
|
|
886
|
+
<schmancy-button
|
|
887
|
+
variant="${this.currentScheme === "light" ? "tonal" : "text"}"
|
|
888
|
+
@click="${() => this.setScheme("light")}"
|
|
889
|
+
>
|
|
890
|
+
<schmancy-icon>light_mode</schmancy-icon>
|
|
891
|
+
</schmancy-button>
|
|
892
|
+
<schmancy-button
|
|
893
|
+
variant="${this.currentScheme === "dark" ? "tonal" : "text"}"
|
|
894
|
+
@click="${() => this.setScheme("dark")}"
|
|
895
|
+
>
|
|
896
|
+
<schmancy-icon>dark_mode</schmancy-icon>
|
|
897
|
+
</schmancy-button>
|
|
898
|
+
<schmancy-button
|
|
899
|
+
variant="${this.currentScheme === "auto" ? "tonal" : "text"}"
|
|
900
|
+
@click="${() => this.setScheme("auto")}"
|
|
901
|
+
>
|
|
902
|
+
<schmancy-icon>contrast</schmancy-icon>
|
|
903
|
+
</schmancy-button>
|
|
904
|
+
<schmancy-button variant="text" @click="${this.randomColor}">
|
|
905
|
+
<schmancy-icon>shuffle</schmancy-icon>
|
|
906
|
+
</schmancy-button>
|
|
907
|
+
</div>
|
|
908
|
+
</div>
|
|
909
|
+
</div>
|
|
910
|
+
|
|
911
|
+
<!-- Palette -->
|
|
912
|
+
<div class="flex flex-wrap gap-1.5">
|
|
913
|
+
${this.presetColors.map((r) => Pe`
|
|
914
|
+
<button
|
|
915
|
+
class="w-7 h-7 rounded-full transition-all hover:scale-110 active:scale-95 ${this.currentColor === r.value ? "ring-2 ring-primary ring-offset-1" : ""}"
|
|
916
|
+
style="background: ${r.value}"
|
|
917
|
+
@click="${() => this.setColor(r.value)}"
|
|
918
|
+
title="${r.name}"
|
|
919
|
+
></button>
|
|
920
|
+
`)}
|
|
921
|
+
</div>
|
|
922
|
+
|
|
923
|
+
<!-- Hidden Color Input -->
|
|
924
|
+
<input
|
|
925
|
+
type="color"
|
|
926
|
+
.value="${this.currentColor}"
|
|
927
|
+
@input="${this.handleColorInput}"
|
|
928
|
+
class="hidden"
|
|
929
|
+
/>
|
|
930
|
+
</div>
|
|
931
|
+
</schmancy-boat>
|
|
932
|
+
`;
|
|
806
933
|
}
|
|
807
934
|
};
|
|
808
|
-
|
|
935
|
+
ue([ve()], ce.prototype, "currentScheme", 2), ue([ve()], ce.prototype, "currentColor", 2), ue([ve()], ce.prototype, "resolvedScheme", 2), ue([de({ type: Array })], ce.prototype, "customColors", 2), ce = ue([ze("schmancy-theme-controls")], ce);
|
|
809
936
|
export {
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
|
|
937
|
+
ae as S,
|
|
938
|
+
ce as T,
|
|
939
|
+
Ir as a,
|
|
940
|
+
fr as b,
|
|
941
|
+
Tr as c,
|
|
942
|
+
dr as d,
|
|
943
|
+
ur as f,
|
|
944
|
+
Lr as s,
|
|
945
|
+
$ as t
|
|
817
946
|
};
|
|
818
|
-
//# sourceMappingURL=theme.
|
|
947
|
+
//# sourceMappingURL=theme.controls-BtaZcM7z.js.map
|