@mhmo91/schmancy 0.4.18 → 0.4.19
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/chips.md +43 -14
- package/ai/context.md +545 -0
- package/ai/typography.md +8 -8
- package/dist/ai/chips.md +43 -14
- package/dist/ai/context.md +545 -0
- package/dist/ai/typography.md +8 -8
- package/dist/{animated-text-Dt7ULIfK.cjs → animated-text-Be4toKE0.cjs} +2 -2
- package/dist/{animated-text-Dt7ULIfK.cjs.map → animated-text-Be4toKE0.cjs.map} +1 -1
- package/dist/{animated-text-BLAxtIAw.js → animated-text-CNPSIIYg.js} +3 -3
- package/dist/{animated-text-BLAxtIAw.js.map → animated-text-CNPSIIYg.js.map} +1 -1
- package/dist/animated-text.cjs +1 -1
- package/dist/animated-text.js +1 -1
- package/dist/area.cjs +1 -1
- package/dist/{area.component-BgxB7rJS.cjs → area.component-YKEQV9hc.cjs} +2 -2
- package/dist/{area.component-BgxB7rJS.cjs.map → area.component-YKEQV9hc.cjs.map} +1 -1
- package/dist/{area.component-BLgSdlkJ.js → area.component-i-mmh5is.js} +3 -3
- package/dist/{area.component-BLgSdlkJ.js.map → area.component-i-mmh5is.js.map} +1 -1
- package/dist/area.js +1 -1
- package/dist/{autocomplete-DpNmzOji.cjs → autocomplete-C0EU8KiN.cjs} +2 -2
- package/dist/{autocomplete-DpNmzOji.cjs.map → autocomplete-C0EU8KiN.cjs.map} +1 -1
- package/dist/{autocomplete-C8uZsIcD.js → autocomplete-EapOt3ES.js} +3 -3
- package/dist/{autocomplete-C8uZsIcD.js.map → autocomplete-EapOt3ES.js.map} +1 -1
- package/dist/autocomplete.cjs +1 -1
- package/dist/autocomplete.js +1 -1
- package/dist/{avatar-CUNb2WdS.js → avatar-7Rif8_0P.js} +46 -46
- package/dist/{avatar-CUNb2WdS.js.map → avatar-7Rif8_0P.js.map} +1 -1
- package/dist/{avatar-CTu9FwSF.cjs → avatar-BoOnOo3X.cjs} +2 -2
- package/dist/{avatar-CTu9FwSF.cjs.map → avatar-BoOnOo3X.cjs.map} +1 -1
- package/dist/badge.cjs +1 -1
- package/dist/badge.js +1 -1
- package/dist/{boat-CkVYkaEC.cjs → boat-C59hzqZ0.cjs} +2 -2
- package/dist/{boat-CkVYkaEC.cjs.map → boat-C59hzqZ0.cjs.map} +1 -1
- package/dist/{boat-d9gIROWW.js → boat-DPTS3Kpw.js} +2 -2
- package/dist/{boat-d9gIROWW.js.map → boat-DPTS3Kpw.js.map} +1 -1
- package/dist/boat.cjs +1 -1
- package/dist/boat.js +1 -1
- package/dist/busy.cjs +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.cjs +1 -1
- package/dist/button.js +1 -1
- package/dist/card.cjs +1 -1
- package/dist/card.js +1 -1
- package/dist/{checkbox-BtGm_bDJ.js → checkbox-B85eeKqn.js} +2 -2
- package/dist/{checkbox-BtGm_bDJ.js.map → checkbox-B85eeKqn.js.map} +1 -1
- package/dist/{checkbox-D_GZpk5w.cjs → checkbox-C-kjO37F.cjs} +2 -2
- package/dist/{checkbox-D_GZpk5w.cjs.map → checkbox-C-kjO37F.cjs.map} +1 -1
- package/dist/checkbox.cjs +1 -1
- package/dist/checkbox.js +1 -1
- package/dist/{chips-BdxXRe8e.js → chips-BNRMzGrx.js} +64 -60
- package/dist/{chips-BdxXRe8e.js.map → chips-BNRMzGrx.js.map} +1 -1
- package/dist/{chips-Dcgoq3mi.cjs → chips-DW6y4ZMs.cjs} +22 -18
- package/dist/{chips-Dcgoq3mi.cjs.map → chips-DW6y4ZMs.cjs.map} +1 -1
- package/dist/chips.cjs +1 -1
- package/dist/chips.js +1 -1
- package/dist/{circular-progress-hdKLycBS.cjs → circular-progress-BridvYCS.cjs} +2 -2
- package/dist/{circular-progress-hdKLycBS.cjs.map → circular-progress-BridvYCS.cjs.map} +1 -1
- package/dist/{circular-progress-I-eWIvbu.js → circular-progress-Cl_dXUPO.js} +3 -3
- package/dist/{circular-progress-I-eWIvbu.js.map → circular-progress-Cl_dXUPO.js.map} +1 -1
- package/dist/circular-progress.cjs +1 -1
- package/dist/circular-progress.js +1 -1
- package/dist/code-highlight.cjs +1 -1
- package/dist/code-highlight.js +1 -1
- package/dist/{code-preview-Cj3yKkoI.cjs → code-preview-B0oGIV9F.cjs} +2 -2
- package/dist/{code-preview-Cj3yKkoI.cjs.map → code-preview-B0oGIV9F.cjs.map} +1 -1
- package/dist/{code-preview-vm-MGUcq.js → code-preview-B8X7JaxA.js} +2 -2
- package/dist/{code-preview-vm-MGUcq.js.map → code-preview-B8X7JaxA.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/{date-range-CEah0Br4.js → date-range-9sVFbxK0.js} +3 -3
- package/dist/{date-range-CEah0Br4.js.map → date-range-9sVFbxK0.js.map} +1 -1
- package/dist/{date-range-D8Y4NfOS.cjs → date-range-DqaB9kwM.cjs} +2 -2
- package/dist/{date-range-D8Y4NfOS.cjs.map → date-range-DqaB9kwM.cjs.map} +1 -1
- package/dist/{date-range-inline-DsJ52mz_.js → date-range-inline-Bqnc8wBb.js} +3 -3
- package/dist/{date-range-inline-DsJ52mz_.js.map → date-range-inline-Bqnc8wBb.js.map} +1 -1
- package/dist/{date-range-inline-lrZkGjTt.cjs → date-range-inline-DGRKHzTX.cjs} +2 -2
- package/dist/{date-range-inline-lrZkGjTt.cjs.map → date-range-inline-DGRKHzTX.cjs.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-CMthr2Hj.cjs → delay-ClP0gwsX.cjs} +2 -2
- package/dist/{delay-CMthr2Hj.cjs.map → delay-ClP0gwsX.cjs.map} +1 -1
- package/dist/{delay-C_vw_yei.js → delay-u5isp6Vb.js} +2 -2
- package/dist/{delay-C_vw_yei.js.map → delay-u5isp6Vb.js.map} +1 -1
- package/dist/delay.cjs +1 -1
- package/dist/delay.js +1 -1
- package/dist/{dialog-content-B2j1jowD.cjs → dialog-content-CGgHTvcB.cjs} +2 -2
- package/dist/{dialog-content-B2j1jowD.cjs.map → dialog-content-CGgHTvcB.cjs.map} +1 -1
- package/dist/{dialog-content-mEW0FAuk.js → dialog-content-ZpgRQC1m.js} +3 -3
- package/dist/{dialog-content-mEW0FAuk.js.map → dialog-content-ZpgRQC1m.js.map} +1 -1
- package/dist/dialog.cjs +1 -1
- package/dist/dialog.js +1 -1
- package/dist/{divider-Crcv35Yc.js → divider-BK4PNB76.js} +3 -3
- package/dist/{divider-Crcv35Yc.js.map → divider-BK4PNB76.js.map} +1 -1
- package/dist/{divider-Dhl8ZwLT.cjs → divider-CIXGsKd7.cjs} +2 -2
- package/dist/{divider-Dhl8ZwLT.cjs.map → divider-CIXGsKd7.cjs.map} +1 -1
- package/dist/divider.cjs +1 -1
- package/dist/divider.js +1 -1
- package/dist/{dropdown-content-BmIs8S4S.cjs → dropdown-content-CeYUqD56.cjs} +2 -2
- package/dist/{dropdown-content-BmIs8S4S.cjs.map → dropdown-content-CeYUqD56.cjs.map} +1 -1
- package/dist/{dropdown-content-xZnz8Pxv.js → dropdown-content-DbHKYDCS.js} +3 -3
- package/dist/{dropdown-content-xZnz8Pxv.js.map → dropdown-content-DbHKYDCS.js.map} +1 -1
- package/dist/dropdown.cjs +1 -1
- package/dist/dropdown.js +1 -1
- package/dist/extra.cjs +1 -1
- package/dist/extra.js +1 -1
- package/dist/{flex-CKZqzjoT.cjs → flex-Dub7SPI7.cjs} +2 -2
- package/dist/{flex-CKZqzjoT.cjs.map → flex-Dub7SPI7.cjs.map} +1 -1
- package/dist/{flex-BxLHuykH.js → flex-JcwYdb2G.js} +2 -2
- package/dist/{flex-BxLHuykH.js.map → flex-JcwYdb2G.js.map} +1 -1
- package/dist/{form-CkXLwrgF.js → form-CMv0SQko.js} +2 -2
- package/dist/{form-CkXLwrgF.js.map → form-CMv0SQko.js.map} +1 -1
- package/dist/{form-BILl3KSi.cjs → form-DKF6UgIS.cjs} +2 -2
- package/dist/{form-BILl3KSi.cjs.map → form-DKF6UgIS.cjs.map} +1 -1
- package/dist/form.cjs +1 -1
- package/dist/form.js +1 -1
- package/dist/{formField.mixin-7oRbKIJG.cjs → formField.mixin-BrHllh45.cjs} +2 -2
- package/dist/{formField.mixin-7oRbKIJG.cjs.map → formField.mixin-BrHllh45.cjs.map} +1 -1
- package/dist/{formField.mixin-B5IdUrHP.js → formField.mixin-D0GeY28y.js} +2 -2
- package/dist/{formField.mixin-B5IdUrHP.js.map → formField.mixin-D0GeY28y.js.map} +1 -1
- package/dist/{icon-DSNyRhWY.js → icon--s5dpU1N.js} +2 -2
- package/dist/{icon-DSNyRhWY.js.map → icon--s5dpU1N.js.map} +1 -1
- package/dist/{icon-BMRm6Q7E.cjs → icon-CJe2TSk1.cjs} +2 -2
- package/dist/{icon-BMRm6Q7E.cjs.map → icon-CJe2TSk1.cjs.map} +1 -1
- package/dist/{icon-button-BzelG5eZ.js → icon-button-Ckd9jE-a.js} +3 -3
- package/dist/{icon-button-BzelG5eZ.js.map → icon-button-Ckd9jE-a.js.map} +1 -1
- package/dist/{icon-button-CSP3nxqH.cjs → icon-button-x5uqpaeg.cjs} +2 -2
- package/dist/{icon-button-CSP3nxqH.cjs.map → icon-button-x5uqpaeg.cjs.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 +44 -44
- package/dist/{input-BA52VU9F.cjs → input-DcWJTrr9.cjs} +2 -2
- package/dist/{input-BA52VU9F.cjs.map → input-DcWJTrr9.cjs.map} +1 -1
- package/dist/{input-BxvmmN6J.js → input-P8bwT-4D.js} +3 -3
- package/dist/{input-BxvmmN6J.js.map → input-P8bwT-4D.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-GmGQKun4.cjs → list-DZAZpM5m.cjs} +2 -2
- package/dist/{list-GmGQKun4.cjs.map → list-DZAZpM5m.cjs.map} +1 -1
- package/dist/{list-Cp-I9q0R.js → list-rGydduh7.js} +2 -2
- package/dist/{list-Cp-I9q0R.js.map → list-rGydduh7.js.map} +1 -1
- package/dist/list.cjs +1 -1
- package/dist/list.js +1 -1
- package/dist/{litElement.mixin-bzDPHaHQ.cjs → litElement.mixin-B1eYYBf4.cjs} +2 -2
- package/dist/{litElement.mixin-bzDPHaHQ.cjs.map → litElement.mixin-B1eYYBf4.cjs.map} +1 -1
- package/dist/{litElement.mixin-BzhYdE-s.js → litElement.mixin-Cq-COufw.js} +2 -2
- package/dist/{litElement.mixin-BzhYdE-s.js.map → litElement.mixin-Cq-COufw.js.map} +1 -1
- package/dist/{media-DTdOxwsY.js → media-BG2j6r0I.js} +27 -55
- package/dist/media-BG2j6r0I.js.map +1 -0
- package/dist/{media-DzPzgQVq.cjs → media-C_UPDRKi.cjs} +8 -36
- package/dist/media-C_UPDRKi.cjs.map +1 -0
- package/dist/{menu-DmRH9LKU.cjs → menu-D5aDG-Rp.cjs} +2 -2
- package/dist/{menu-DmRH9LKU.cjs.map → menu-D5aDG-Rp.cjs.map} +1 -1
- package/dist/{menu-CyouBgEC.js → menu-DvZSvoOx.js} +3 -3
- package/dist/{menu-CyouBgEC.js.map → menu-DvZSvoOx.js.map} +1 -1
- package/dist/menu.cjs +1 -1
- package/dist/menu.js +1 -1
- package/dist/nav-drawer.cjs +1 -1
- package/dist/nav-drawer.js +1 -1
- package/dist/{notification-service-iaaiYOCz.cjs → notification-service-BzzXjm4l.cjs} +2 -2
- package/dist/{notification-service-iaaiYOCz.cjs.map → notification-service-BzzXjm4l.cjs.map} +1 -1
- package/dist/{notification-service-5CLr66rH.js → notification-service-DKHubhXv.js} +3 -3
- package/dist/{notification-service-5CLr66rH.js.map → notification-service-DKHubhXv.js.map} +1 -1
- package/dist/notification.cjs +1 -1
- package/dist/notification.js +1 -1
- package/dist/{option-BN5jqJ5U.cjs → option-DqN5-RK7.cjs} +2 -2
- package/dist/{option-BN5jqJ5U.cjs.map → option-DqN5-RK7.cjs.map} +1 -1
- package/dist/{option-BCCLGZkk.js → option-T6zGawbH.js} +2 -2
- package/dist/{option-BCCLGZkk.js.map → option-T6zGawbH.js.map} +1 -1
- package/dist/option.cjs +1 -1
- package/dist/option.js +1 -1
- package/dist/{payment-card-form-CC19F7EH.cjs → payment-card-form-C42icpX4.cjs} +2 -2
- package/dist/{payment-card-form-CC19F7EH.cjs.map → payment-card-form-C42icpX4.cjs.map} +1 -1
- package/dist/{payment-card-form-C7IkJyYO.js → payment-card-form-GEOaUypQ.js} +3 -3
- package/dist/{payment-card-form-C7IkJyYO.js.map → payment-card-form-GEOaUypQ.js.map} +1 -1
- package/dist/{progress-Dbfk44z0.cjs → progress-CL35MIi9.cjs} +2 -2
- package/dist/{progress-Dbfk44z0.cjs.map → progress-CL35MIi9.cjs.map} +1 -1
- package/dist/{progress-DYk5Em61.js → progress-EL16etnw.js} +2 -2
- package/dist/{progress-DYk5Em61.js.map → progress-EL16etnw.js.map} +1 -1
- package/dist/progress.cjs +1 -1
- package/dist/progress.js +1 -1
- package/dist/{radio-button-CABGVVlQ.js → radio-button-BQ7snEVj.js} +3 -3
- package/dist/{radio-button-CABGVVlQ.js.map → radio-button-BQ7snEVj.js.map} +1 -1
- package/dist/{radio-button-CNQZeJgH.cjs → radio-button-DrSJB4B-.cjs} +2 -2
- package/dist/{radio-button-CNQZeJgH.cjs.map → radio-button-DrSJB4B-.cjs.map} +1 -1
- package/dist/radio-group.cjs +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/{schmancy-steps-container-Dlr_V8N0.js → schmancy-steps-container-2WW-9LYL.js} +2 -2
- package/dist/{schmancy-steps-container-Dlr_V8N0.js.map → schmancy-steps-container-2WW-9LYL.js.map} +1 -1
- package/dist/{schmancy-steps-container-39pHxNAK.cjs → schmancy-steps-container-C_HHZFeb.cjs} +2 -2
- package/dist/{schmancy-steps-container-39pHxNAK.cjs.map → schmancy-steps-container-C_HHZFeb.cjs.map} +1 -1
- package/dist/{select-DxmJTxAy.cjs → select-BHRtVoTo.cjs} +2 -2
- package/dist/{select-DxmJTxAy.cjs.map → select-BHRtVoTo.cjs.map} +1 -1
- package/dist/{select-UfyNhLTO.js → select-Bl8FO2kb.js} +3 -3
- package/dist/{select-UfyNhLTO.js.map → select-Bl8FO2kb.js.map} +1 -1
- package/dist/select.cjs +1 -1
- package/dist/select.js +1 -1
- package/dist/{sheet-Dp2wyj6y.cjs → sheet-BiUUD0Td.cjs} +2 -2
- package/dist/{sheet-Dp2wyj6y.cjs.map → sheet-BiUUD0Td.cjs.map} +1 -1
- package/dist/{sheet-b-tYD9Bq.js → sheet-WpG2m2yT.js} +4 -4
- package/dist/{sheet-b-tYD9Bq.js.map → sheet-WpG2m2yT.js.map} +1 -1
- package/dist/sheet.cjs +1 -1
- package/dist/sheet.js +2 -2
- package/dist/{sheet.service-IRrxLZ3N.cjs → sheet.service-B5sh8d0k.cjs} +2 -2
- package/dist/{sheet.service-IRrxLZ3N.cjs.map → sheet.service-B5sh8d0k.cjs.map} +1 -1
- package/dist/{sheet.service-Cnpanz9P.js → sheet.service-COPNmxwp.js} +2 -2
- package/dist/{sheet.service-Cnpanz9P.js.map → sheet.service-COPNmxwp.js.map} +1 -1
- package/dist/{slider-BzsOgIrd.js → slider-4ggti1yr.js} +3 -3
- package/dist/{slider-BzsOgIrd.js.map → slider-4ggti1yr.js.map} +1 -1
- package/dist/{slider-DxUw0ywu.cjs → slider-DX-XUnE-.cjs} +2 -2
- package/dist/{slider-DxUw0ywu.cjs.map → slider-DX-XUnE-.cjs.map} +1 -1
- package/dist/slider.cjs +1 -1
- package/dist/slider.js +1 -1
- package/dist/{spinner-EZjRf-QZ.js → spinner-BPqLh7JL.js} +2 -2
- package/dist/{spinner-EZjRf-QZ.js.map → spinner-BPqLh7JL.js.map} +1 -1
- package/dist/{spinner-B2VjkiCF.cjs → spinner-Cq8tY2xk.cjs} +2 -2
- package/dist/{spinner-B2VjkiCF.cjs.map → spinner-Cq8tY2xk.cjs.map} +1 -1
- package/dist/steps.cjs +1 -1
- package/dist/steps.js +1 -1
- package/dist/{surface-BmAoIqMr.js → surface-1xboRERM.js} +2 -2
- package/dist/{surface-BmAoIqMr.js.map → surface-1xboRERM.js.map} +1 -1
- package/dist/{surface-063HkUq8.cjs → surface-YyZ8eXfj.cjs} +2 -2
- package/dist/{surface-063HkUq8.cjs.map → surface-YyZ8eXfj.cjs.map} +1 -1
- package/dist/surface.cjs +1 -1
- package/dist/surface.js +1 -1
- package/dist/{table-DyqYDcX9.js → table-C6EWKqDY.js} +2 -2
- package/dist/{table-DyqYDcX9.js.map → table-C6EWKqDY.js.map} +1 -1
- package/dist/{table-DiUP88FH.cjs → table-DpXmflf7.cjs} +2 -2
- package/dist/{table-DiUP88FH.cjs.map → table-DpXmflf7.cjs.map} +1 -1
- package/dist/table.cjs +1 -1
- package/dist/table.js +1 -1
- package/dist/{tabs-compatibility-Cy8kD9mX.js → tabs-compatibility-AFzKAP2D.js} +2 -2
- package/dist/{tabs-compatibility-Cy8kD9mX.js.map → tabs-compatibility-AFzKAP2D.js.map} +1 -1
- package/dist/{tabs-compatibility-DfgDgm3L.cjs → tabs-compatibility-ThgWuSrK.cjs} +2 -2
- package/dist/{tabs-compatibility-DfgDgm3L.cjs.map → tabs-compatibility-ThgWuSrK.cjs.map} +1 -1
- package/dist/tabs.cjs +1 -1
- package/dist/tabs.js +1 -1
- package/dist/{tailwind.mixin-C9z3GSDB.cjs → tailwind.mixin-DNME2oUL.cjs} +2 -2
- package/dist/{tailwind.mixin-C9z3GSDB.cjs.map → tailwind.mixin-DNME2oUL.cjs.map} +1 -1
- package/dist/{tailwind.mixin-Bnsuwr6X.js → tailwind.mixin-epCxS6FK.js} +9 -9
- package/dist/{tailwind.mixin-Bnsuwr6X.js.map → tailwind.mixin-epCxS6FK.js.map} +1 -1
- package/dist/teleport.cjs +1 -1
- package/dist/teleport.js +1 -1
- package/dist/{textarea-C655CWvM.cjs → textarea-B_TlKSop.cjs} +2 -2
- package/dist/{textarea-C655CWvM.cjs.map → textarea-B_TlKSop.cjs.map} +1 -1
- package/dist/{textarea-CQM25O_4.js → textarea-JO7OVdfk.js} +2 -2
- package/dist/{textarea-CQM25O_4.js.map → textarea-JO7OVdfk.js.map} +1 -1
- package/dist/textarea.cjs +1 -1
- package/dist/textarea.js +1 -1
- package/dist/{theme-button-CWlSwmLe.js → theme-button-C8cK7un6.js} +2 -2
- package/dist/{theme-button-CWlSwmLe.js.map → theme-button-C8cK7un6.js.map} +1 -1
- package/dist/{theme-button-D70_9T_Q.cjs → theme-button-DnrKANEK.cjs} +2 -2
- package/dist/{theme-button-D70_9T_Q.cjs.map → theme-button-DnrKANEK.cjs.map} +1 -1
- package/dist/theme-button.cjs +1 -1
- package/dist/theme-button.js +1 -1
- package/dist/theme.cjs +1 -1
- package/dist/theme.js +1 -1
- package/dist/{timezone-DrQWdXpw.cjs → timezone-C56jMhLK.cjs} +2 -2
- package/dist/{timezone-DrQWdXpw.cjs.map → timezone-C56jMhLK.cjs.map} +1 -1
- package/dist/{timezone-DnBsehNw.js → timezone-CEEEd-9_.js} +3 -3
- package/dist/{timezone-DnBsehNw.js.map → timezone-CEEEd-9_.js.map} +1 -1
- package/dist/{tooltip-DdXpj7ri.js → tooltip-CnuYee5c.js} +2 -2
- package/dist/{tooltip-DdXpj7ri.js.map → tooltip-CnuYee5c.js.map} +1 -1
- package/dist/{tooltip-dlvpo-O7.cjs → tooltip-twQMYpmk.cjs} +2 -2
- package/dist/{tooltip-dlvpo-O7.cjs.map → tooltip-twQMYpmk.cjs.map} +1 -1
- package/dist/tooltip.cjs +1 -1
- package/dist/tooltip.js +1 -1
- package/dist/{tree-BX1rDcI3.js → tree-CfnCGGn7.js} +2 -2
- package/dist/{tree-BX1rDcI3.js.map → tree-CfnCGGn7.js.map} +1 -1
- package/dist/{tree-BUQThnka.cjs → tree-Dv5R6kdP.cjs} +2 -2
- package/dist/{tree-BUQThnka.cjs.map → tree-Dv5R6kdP.cjs.map} +1 -1
- package/dist/tree.cjs +1 -1
- package/dist/tree.js +1 -1
- package/dist/{typewriter-Czy543Ke.js → typewriter-DAxRjeRy.js} +4 -4
- package/dist/{typewriter-Czy543Ke.js.map → typewriter-DAxRjeRy.js.map} +1 -1
- package/dist/{typewriter-BfD8bxa4.cjs → typewriter-egr1HiFJ.cjs} +2 -2
- package/dist/{typewriter-BfD8bxa4.cjs.map → typewriter-egr1HiFJ.cjs.map} +1 -1
- package/dist/typewriter.cjs +1 -1
- package/dist/typewriter.js +1 -1
- package/dist/{typography-DyM6-J-U.cjs → typography-DVZ2ezpU.cjs} +2 -2
- package/dist/{typography-DyM6-J-U.cjs.map → typography-DVZ2ezpU.cjs.map} +1 -1
- package/dist/{typography-DS-zFvYn.js → typography-De5UXL0j.js} +2 -2
- package/dist/{typography-DS-zFvYn.js.map → typography-De5UXL0j.js.map} +1 -1
- package/dist/typography.cjs +1 -1
- package/dist/typography.js +1 -1
- package/package.json +1 -1
- package/dist/media-DTdOxwsY.js.map +0 -1
- package/dist/media-DzPzgQVq.cjs.map +0 -1
package/dist/list.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("./tailwind.mixin-
|
|
2
|
-
//# sourceMappingURL=litElement.mixin-
|
|
1
|
+
"use strict";const e=require("./tailwind.mixin-DNME2oUL.cjs");exports.$LitElement=t=>{class s extends e.BaseElement(e.TailwindElement(t)){constructor(){super(...arguments),this.disconnectedCallback=()=>{super.disconnectedCallback()}}}return s};
|
|
2
|
+
//# sourceMappingURL=litElement.mixin-B1eYYBf4.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"litElement.mixin-
|
|
1
|
+
{"version":3,"file":"litElement.mixin-B1eYYBf4.cjs","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["componentStyle","TailwindMixinClass","BaseElement","TailwindElement","constructor","super","arguments","this","disconnectedCallback"],"mappings":"kFAKiDA,GAAAA,CAChD,MAAMC,UAA2BC,EAAAA,YAAYC,kBAAgBH,IAA7D,aAAAI,CAAAC,MAAAC,GAAAA,SAAAA,EACCC,KAAAC,qBAAuB,IACtBH,CAAAA,MAAMG,qBAAqB,CAAA,CAC5B,CAEM,CAAA,OAAAP,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as t, T as r } from "./tailwind.mixin-
|
|
1
|
+
import { B as t, T as r } from "./tailwind.mixin-epCxS6FK.js";
|
|
2
2
|
const n = (s) => {
|
|
3
3
|
class e extends t(r(s)) {
|
|
4
4
|
constructor() {
|
|
@@ -12,4 +12,4 @@ const n = (s) => {
|
|
|
12
12
|
export {
|
|
13
13
|
n as $
|
|
14
14
|
};
|
|
15
|
-
//# sourceMappingURL=litElement.mixin-
|
|
15
|
+
//# sourceMappingURL=litElement.mixin-Cq-COufw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"litElement.mixin-
|
|
1
|
+
{"version":3,"file":"litElement.mixin-Cq-COufw.js","sources":["../mixins/litElement.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement } from 'lit'\nimport { TailwindElement } from './tailwind.mixin'\nimport { BaseElement, IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\n\nexport const $LitElement = <T extends CSSResult>(componentStyle?: T) => {\n\tclass TailwindMixinClass extends BaseElement(TailwindElement(componentStyle)) {\n\t\tdisconnectedCallback = () => {\n\t\t\tsuper.disconnectedCallback()\n\t\t}\n\t}\n\treturn TailwindMixinClass as CustomElementConstructor &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin> /* see \"typing the subclass\" below */\n}\n"],"names":["$LitElement","componentStyle","TailwindMixinClass","BaseElement","TailwindElement","super","arguments","this","disconnectedCallback"],"mappings":";AAKa,MAAAA,IAAoCC,CAAAA;EAChD,MAAMC,UAA2BC,EAAYC,EAAgBH,CAA7D,CAAA,EAAA;AAAA,IAAA;AAAAI,YAAAC,GAAAA,SAAAA,GACCC,KAAAC,uBAAuB,MACtBH;AAAAA,cAAMG;MAAqB;AAAA,IAC5B;AAAA,EAAA;AAEM,SAAAN;AAAA;"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { T as y } from "./tailwind.mixin-
|
|
5
|
-
import { customElement as
|
|
6
|
-
import { css as
|
|
7
|
-
var
|
|
8
|
-
let f = class extends y(
|
|
4
|
+
import { T as y } from "./tailwind.mixin-epCxS6FK.js";
|
|
5
|
+
import { customElement as p, property as c } from "lit/decorators.js";
|
|
6
|
+
import { css as v, html as l } from "lit";
|
|
7
|
+
var b = Object.getOwnPropertyDescriptor;
|
|
8
|
+
let f = class extends y(v`
|
|
9
9
|
:host {
|
|
10
10
|
display: flex;
|
|
11
11
|
gap: 0.5rem;
|
|
@@ -18,15 +18,15 @@ let f = class extends y(p`
|
|
|
18
18
|
return l`<slot></slot>`;
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
f = ((
|
|
22
|
-
for (var r, t = o > 1 ? void 0 : o ?
|
|
21
|
+
f = ((i, e, a, o) => {
|
|
22
|
+
for (var r, t = o > 1 ? void 0 : o ? b(e, a) : e, s = i.length - 1; s >= 0; s--) (r = i[s]) && (t = r(t) || t);
|
|
23
23
|
return t;
|
|
24
|
-
})([
|
|
25
|
-
var
|
|
26
|
-
for (var r, t = o > 1 ? void 0 : o ?
|
|
27
|
-
return o && t &&
|
|
24
|
+
})([p("schmancy-card-action")], f);
|
|
25
|
+
var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, m = (i, e, a, o) => {
|
|
26
|
+
for (var r, t = o > 1 ? void 0 : o ? w(e, a) : e, s = i.length - 1; s >= 0; s--) (r = i[s]) && (t = (o ? r(e, a, t) : r(t)) || t);
|
|
27
|
+
return o && t && u(e, a, t), t;
|
|
28
28
|
};
|
|
29
|
-
let h = class extends y(
|
|
29
|
+
let h = class extends y(v`:host{
|
|
30
30
|
display: block;
|
|
31
31
|
position: relative;
|
|
32
32
|
inset: 0;
|
|
@@ -74,55 +74,27 @@ let h = class extends y(p`:host{
|
|
|
74
74
|
return l`<slot></slot>`;
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
|
-
|
|
78
|
-
var
|
|
79
|
-
let g = class extends y(
|
|
77
|
+
m([c()], h.prototype, "type", 2), m([c({ type: Number })], h.prototype, "elevation", 2), h = m([p("schmancy-card")], h);
|
|
78
|
+
var x = Object.getOwnPropertyDescriptor;
|
|
79
|
+
let g = class extends y(v`
|
|
80
80
|
:host {
|
|
81
|
-
display:
|
|
82
|
-
|
|
83
|
-
gap: 1rem;
|
|
84
|
-
padding: 24px 16px;
|
|
85
|
-
color: var(--schmancy-sys-color-surface-onVariant);
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.header-container {
|
|
89
|
-
display: flex;
|
|
90
|
-
flex-direction: column;
|
|
91
|
-
gap: 0.25rem;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
::slotted([slot="headline"]) {
|
|
95
|
-
color: var(--schmancy-sys-color-surface-on);
|
|
96
|
-
font-size: 1.125rem;
|
|
97
|
-
line-height: 1.75rem;
|
|
98
|
-
font-weight: 400;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
::slotted([slot="subhead"]) {
|
|
102
|
-
color: var(--schmancy-sys-color-surface-onVariant);
|
|
103
|
-
font-size: 0.875rem;
|
|
104
|
-
line-height: 1.25rem;
|
|
81
|
+
display: block;
|
|
82
|
+
padding: 1rem;
|
|
105
83
|
}
|
|
106
84
|
`) {
|
|
107
85
|
render() {
|
|
108
|
-
return l
|
|
109
|
-
<div class="header-container">
|
|
110
|
-
<slot name="headline"></slot>
|
|
111
|
-
<slot name="subhead"></slot>
|
|
112
|
-
</div>
|
|
113
|
-
<slot></slot>
|
|
114
|
-
`;
|
|
86
|
+
return l`<slot></slot>`;
|
|
115
87
|
}
|
|
116
88
|
};
|
|
117
|
-
g = ((
|
|
118
|
-
for (var r, t = o > 1 ? void 0 : o ?
|
|
89
|
+
g = ((i, e, a, o) => {
|
|
90
|
+
for (var r, t = o > 1 ? void 0 : o ? x(e, a) : e, s = i.length - 1; s >= 0; s--) (r = i[s]) && (t = r(t) || t);
|
|
119
91
|
return t;
|
|
120
|
-
})([
|
|
121
|
-
var j = Object.defineProperty, O = Object.getOwnPropertyDescriptor, d = (
|
|
122
|
-
for (var r, t = o > 1 ? void 0 : o ? O(e, a) : e, s =
|
|
92
|
+
})([p("schmancy-card-content")], g);
|
|
93
|
+
var j = Object.defineProperty, O = Object.getOwnPropertyDescriptor, d = (i, e, a, o) => {
|
|
94
|
+
for (var r, t = o > 1 ? void 0 : o ? O(e, a) : e, s = i.length - 1; s >= 0; s--) (r = i[s]) && (t = (o ? r(e, a, t) : r(t)) || t);
|
|
123
95
|
return o && t && j(e, a, t), t;
|
|
124
96
|
};
|
|
125
|
-
let
|
|
97
|
+
let n = class extends y(v`
|
|
126
98
|
:host {
|
|
127
99
|
display: block;
|
|
128
100
|
position: relative;
|
|
@@ -175,11 +147,11 @@ let i = class extends y(p`
|
|
|
175
147
|
return this.src ? l`<img src="${this.src}" alt="${this.alt}" />` : l`<slot></slot>`;
|
|
176
148
|
}
|
|
177
149
|
};
|
|
178
|
-
d([c({ type: String, reflect: !0 })],
|
|
150
|
+
d([c({ type: String, reflect: !0 })], n.prototype, "src", 2), d([c({ type: String, reflect: !0 })], n.prototype, "fit", 2), d([c({ type: String })], n.prototype, "alt", 2), n = d([p("schmancy-card-media")], n);
|
|
179
151
|
export {
|
|
180
152
|
h as S,
|
|
181
153
|
f as a,
|
|
182
154
|
g as b,
|
|
183
|
-
|
|
155
|
+
n as c
|
|
184
156
|
};
|
|
185
|
-
//# sourceMappingURL=media-
|
|
157
|
+
//# sourceMappingURL=media-BG2j6r0I.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-BG2j6r0I.js","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`:host{\n\tdisplay: block;\n\tposition: relative;\n\tinset: 0;\n\tborder-radius: 0.375rem; /* rounded-md */\n}\n:host([type=\"elevated\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-low);\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"elevated\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([type=\"filled\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-highest);\n}\n:host([type=\"filled\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"outlined\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-default);\n\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n}\n:host([type=\"outlined\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"1\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"2\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([elevation=\"3\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-3);\n}\n:host([elevation=\"4\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-4);\n}\n:host([elevation=\"5\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-5);\n}`) {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n * @slot default - The main content of the card\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","elevation","__decorateClass","property","prototype","Number","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String","reflect"],"mappings":";;;;;;;AASqB,IAAAA,IAArB,cAAgDC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EASrD,SAAAC;AACF,WAAAC;AAAAA,EAAA;;AAVYJ;;;GAArB,CADCK,EAAc,sBAAA,CAAA,GACML;;;;;ACJA,IAAAM,IAArB,cAA0CL,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAK;AAAAC,aAAAC,SAyCwDC,GAAAA,KAAAC,OAAA,YACQD,KAAAE,YAAA;AAAA,EAAA;AAAA,EACrD,SACF;AAAA,WAAAR;AAAAA,EAAA;AAAA;AAHIS,EAAA,CAAXC,EAAAA,CAAAA,GAzCmBR,EAyCRS,WAAA,QAAA,CAAA,GACgBF,EAAA,CAA3BC,EAAS,EAAEH,MAAMK,OAAAA,CAAAA,CAAAA,GA1CEV,EA0CQS,WAAA,aAAA,CA1CRT,GAAAA,IAArBO,EAAA,CADCR,EAAc,eACMC,CAAAA,GAAAA,CAAAA;;ACIA,IAAAW,IAArB,cAAiDhB,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAMtD,SAAAC;AACF,WAAAC;AAAAA,EAAA;;AAPYa;;;GAArB,CADCZ,EAAc,uBAAA,CAAA,GACMY;;;;;ACDA,IAAAC,IAArB,cAA+CjB,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA/D,EAAA;AAAA,EAAA,cAAAM;AAAAA,UAAAA,GAAAC,SA+CeC,GAAAA,KAAAS,MAAA,IAG8CT,KAAAU,MAAA,WAG9CV,KAAAW,MAAA;AAAA,EAAA;AAAA,EAEJ,SAGF;AAAA,WAAAX,KAAKS,MACTf,cAAiBM,KAAKS,GAAAA,UAAaT,KAAKW,GACxCjB,SAAAA;AAAAA,EAAA;AAAA;AAbJS,EAAA,CADCC,EAAS,EAAEH,MAAMW,QAAQC,SAAAA,GA9CNL,CAAAA,CAAAA,GAAAA,EA+CpBH,WAAA,OAAA,CAGAF,GAAAA,EAAA,CADCC,EAAS,EAAEH,MAAMW,QAAQC,SAAS,GAAA,CAAA,CAAA,GAjDfL,EAkDpBH,WAAA,OAAA,CAGAF,GAAAA,EAAA,CADCC,EAAS,EAAEH,MAAMW,OApDEJ,CAAAA,CAAAA,GAAAA,EAqDpBH,WAAA,OAAA,CAAA,GArDoBG,IAArBL,EAAA,CADCR,EAAc,qBAAA,CAAA,GACMa;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-
|
|
1
|
+
"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const h=require("./tailwind.mixin-DNME2oUL.cjs"),c=require("lit/decorators.js"),i=require("lit");var y=Object.getOwnPropertyDescriptor;exports.SchmancyCardAction=class extends h.TailwindElement(i.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
gap: 0.5rem;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
align-items: center;
|
|
7
7
|
justify-content: flex-end;
|
|
8
8
|
}
|
|
9
|
-
`){render(){return i.html`<slot></slot>`}},exports.SchmancyCardAction=((
|
|
9
|
+
`){render(){return i.html`<slot></slot>`}},exports.SchmancyCardAction=((n,e,a,o)=>{for(var s,t=o>1?void 0:o?y(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=s(t)||t);return t})([c.customElement("schmancy-card-action")],exports.SchmancyCardAction);var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,d=(n,e,a,o)=>{for(var s,t=o>1?void 0:o?p(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=(o?s(e,a,t):s(t))||t);return o&&t&&m(e,a,t),t};exports.SchmancyCard=class extends h.TailwindElement(i.css`:host{
|
|
10
10
|
display: block;
|
|
11
11
|
position: relative;
|
|
12
12
|
inset: 0;
|
|
@@ -46,40 +46,12 @@
|
|
|
46
46
|
}
|
|
47
47
|
:host([elevation="5"]) {
|
|
48
48
|
box-shadow: var(--schmancy-sys-elevation-5);
|
|
49
|
-
}`){constructor(){super(...arguments),this.type="elevated",this.elevation=0}render(){return i.html`<slot></slot>`}},d([
|
|
49
|
+
}`){constructor(){super(...arguments),this.type="elevated",this.elevation=0}render(){return i.html`<slot></slot>`}},d([c.property()],exports.SchmancyCard.prototype,"type",2),d([c.property({type:Number})],exports.SchmancyCard.prototype,"elevation",2),exports.SchmancyCard=d([c.customElement("schmancy-card")],exports.SchmancyCard);var v=Object.getOwnPropertyDescriptor;exports.SchmancyCardContent=class extends h.TailwindElement(i.css`
|
|
50
50
|
:host {
|
|
51
|
-
display:
|
|
52
|
-
|
|
53
|
-
gap: 1rem;
|
|
54
|
-
padding: 24px 16px;
|
|
55
|
-
color: var(--schmancy-sys-color-surface-onVariant);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.header-container {
|
|
59
|
-
display: flex;
|
|
60
|
-
flex-direction: column;
|
|
61
|
-
gap: 0.25rem;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
::slotted([slot="headline"]) {
|
|
65
|
-
color: var(--schmancy-sys-color-surface-on);
|
|
66
|
-
font-size: 1.125rem;
|
|
67
|
-
line-height: 1.75rem;
|
|
68
|
-
font-weight: 400;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
::slotted([slot="subhead"]) {
|
|
72
|
-
color: var(--schmancy-sys-color-surface-onVariant);
|
|
73
|
-
font-size: 0.875rem;
|
|
74
|
-
line-height: 1.25rem;
|
|
51
|
+
display: block;
|
|
52
|
+
padding: 1rem;
|
|
75
53
|
}
|
|
76
|
-
`){render(){return i.html`
|
|
77
|
-
<div class="header-container">
|
|
78
|
-
<slot name="headline"></slot>
|
|
79
|
-
<slot name="subhead"></slot>
|
|
80
|
-
</div>
|
|
81
|
-
<slot></slot>
|
|
82
|
-
`}},exports.SchmancyCardContent=((a,t,c,o)=>{for(var s,e=o>1?void 0:o?v(t,c):t,r=a.length-1;r>=0;r--)(s=a[r])&&(e=s(e)||e);return e})([n.customElement("schmancy-card-content")],exports.SchmancyCardContent);var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,l=(a,t,c,o)=>{for(var s,e=o>1?void 0:o?u(t,c):t,r=a.length-1;r>=0;r--)(s=a[r])&&(e=(o?s(t,c,e):s(e))||e);return o&&e&&f(t,c,e),e};exports.SchmancyCardMedia=class extends h.TailwindElement(i.css`
|
|
54
|
+
`){render(){return i.html`<slot></slot>`}},exports.SchmancyCardContent=((n,e,a,o)=>{for(var s,t=o>1?void 0:o?v(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=s(t)||t);return t})([c.customElement("schmancy-card-content")],exports.SchmancyCardContent);var u=Object.defineProperty,f=Object.getOwnPropertyDescriptor,l=(n,e,a,o)=>{for(var s,t=o>1?void 0:o?f(e,a):e,r=n.length-1;r>=0;r--)(s=n[r])&&(t=(o?s(e,a,t):s(t))||t);return o&&t&&u(e,a,t),t};exports.SchmancyCardMedia=class extends h.TailwindElement(i.css`
|
|
83
55
|
:host {
|
|
84
56
|
display: block;
|
|
85
57
|
position: relative;
|
|
@@ -124,5 +96,5 @@
|
|
|
124
96
|
:host([fit="scale-down"]) ::slotted(img) {
|
|
125
97
|
object-fit: scale-down;
|
|
126
98
|
}
|
|
127
|
-
`){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?i.html`<img src="${this.src}" alt="${this.alt}" />`:i.html`<slot></slot>`}},l([
|
|
128
|
-
//# sourceMappingURL=media-
|
|
99
|
+
`){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?i.html`<img src="${this.src}" alt="${this.alt}" />`:i.html`<slot></slot>`}},l([c.property({type:String,reflect:!0})],exports.SchmancyCardMedia.prototype,"src",2),l([c.property({type:String,reflect:!0})],exports.SchmancyCardMedia.prototype,"fit",2),l([c.property({type:String})],exports.SchmancyCardMedia.prototype,"alt",2),exports.SchmancyCardMedia=l([c.customElement("schmancy-card-media")],exports.SchmancyCardMedia);
|
|
100
|
+
//# sourceMappingURL=media-C_UPDRKi.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-C_UPDRKi.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`:host{\n\tdisplay: block;\n\tposition: relative;\n\tinset: 0;\n\tborder-radius: 0.375rem; /* rounded-md */\n}\n:host([type=\"elevated\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-low);\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"elevated\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([type=\"filled\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-highest);\n}\n:host([type=\"filled\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([type=\"outlined\"]) {\n\tbackground-color: var(--schmancy-sys-color-surface-default);\n\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n}\n:host([type=\"outlined\"]:hover) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"1\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-1);\n}\n:host([elevation=\"2\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-2);\n}\n:host([elevation=\"3\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-3);\n}\n:host([elevation=\"4\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-4);\n}\n:host([elevation=\"5\"]) {\n\tbox-shadow: var(--schmancy-sys-elevation-5);\n}`) {\n\t@property() type: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\t@property({ type: Number }) elevation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n * @slot default - The main content of the card\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","elevation","__decorateClass","property","prototype","Number","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String","reflect"],"mappings":"kPASqBA,QAAAA,mBAArB,cAAgDC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GASrD,QAAAC,CACF,OAAAC,EAAAA,mBAAA,GAVYJ,QAArBA,yHAAA,CADCK,EAAAA,cAAc,sBAAA,CAAA,EACML,4NCJAM,QAAAA,aAArB,cAA0CL,EAAgBA,gBAAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAA1D,aAAAK,CAAAC,MAAAC,GAAAA,SAAAA,EAyCwDC,KAAAC,KAAA,WACQD,KAAAE,UAAA,CAAA,CACrD,QACF,CAAA,OAAAR,EAAAA,mBAAA,CAHIS,EAAAA,EAAA,CAAXC,EAASA,SAzCUR,CAAAA,EAAAA,qBAyCRS,UAAA,OAAA,CAAA,EACgBF,EAAA,CAA3BC,WAAS,CAAEH,KAAMK,MAAAA,CAAAA,CAAAA,EA1CEV,qBA0CQS,UAAA,YAAA,CA1CRT,EAAAA,QAArBA,aAAAO,EAAA,CADCR,EAAAA,cAAc,eAAA,CAAA,EACMC,4DCIAW,QAAAA,oBAArB,cAAiDhB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAMtD,QAAAC,CACF,OAAAC,EAAAA,mBAAA,GAPYa,QAArBA,0HAAA,CADCZ,EAAAA,cAAc,uBAAA,CAAA,EACMY,6NCDAC,QAAAA,kBAArB,cAA+CjB,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA/D,CAAA,CAAA,cAAAM,MAAAC,GAAAA,SAAAA,EA+CeC,KAAAS,IAAA,GAG8CT,KAAAU,IAAA,UAG9CV,KAAAW,IAAA,EAAA,CAEJ,QAAAlB,CAGF,OAAAO,KAAKS,IACTf,mBAAiBM,KAAKS,GAAAA,UAAaT,KAAKW,GAAAA,OACxCjB,EAAAA,mBAAA,CAbJS,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,QAAS,EAAA,CAAA,CAAA,EA9CfL,0BA+CpBH,UAAA,MAAA,CAAA,EAGAF,EAAA,CADCC,EAAAA,SAAS,CAAEH,KAAMW,OAAQC,UAjDNL,CAAAA,CAAAA,EAAAA,0BAkDpBH,UAAA,MAAA,CAGAF,EAAAA,EAAA,CADCC,WAAS,CAAEH,KAAMW,MApDEJ,CAAAA,CAAAA,EAAAA,0BAqDpBH,UAAA,MAAA,CArDoBG,EAAAA,QAArBA,kBAAAL,EAAA,CADCR,EAAAA,cAAc,wBACMa"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./litElement.mixin-
|
|
1
|
+
"use strict";const i=require("rxjs");require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const d=require("./litElement.mixin-B1eYYBf4.cjs"),b=require("./tailwind.mixin-DNME2oUL.cjs"),c=require("lit/decorators.js"),u=require("lit"),l=require("@floating-ui/dom");var y=Object.getOwnPropertyDescriptor;let p=class extends d.$LitElement(u.css`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
@@ -33,4 +33,4 @@
|
|
|
33
33
|
<slot></slot>
|
|
34
34
|
</ul>
|
|
35
35
|
`}};h([c.queryAssignedElements({flatten:!0,slot:"button"})],m.prototype,"buttonElement",2),h([c.query("#menu")],m.prototype,"menuElement",2),m=h([c.customElement("schmancy-menu")],m);
|
|
36
|
-
//# sourceMappingURL=menu-
|
|
36
|
+
//# sourceMappingURL=menu-D5aDG-Rp.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-
|
|
1
|
+
{"version":3,"file":"menu-D5aDG-Rp.cjs","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query, queryAssignedElements } from 'lit/decorators.js'\nimport { filter, fromEvent, takeUntil, tap } from 'rxjs'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends TailwindElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\n\t#menu {\n\t\tdisplay: none;\n\t}\n\n\t#menu[data-show='true'] {\n\t\tdisplay: block;\n\t}\n`) {\n\t@queryAssignedElements({ flatten: true, slot: 'button' })\n\tbuttonElement!: Array<HTMLElement>\n\n\t@query('#menu') menuElement!: HTMLElement\n\n\tprivate cleanup?: any\n\n\tprivate getMiddleware() {\n\t\treturn [\n\t\t\toffset(5),\n\t\t\tflip(),\n\t\t\tshift({ padding: 5 }),\n\t\t\tsize({\n\t\t\t\tapply({ availableHeight, elements }) {\n\t\t\t\t\telements.floating.style.maxHeight = `${availableHeight}px`\n\t\t\t\t},\n\t\t\t}),\n\t\t]\n\t}\n\n\tasync updatePosition() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) {\n\t\t\treturn\n\t\t}\n\n\t\tawait computePosition(this.buttonElement[0], this.menuElement, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: this.getMiddleware(),\n\t\t}).then(({ x, y }) => {\n\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate showMenu() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) return\n\n\t\tthis.menuElement.dataset.show = 'true'\n\n\t\tthis.cleanup = autoUpdate(this.buttonElement[0], this.menuElement, () => {\n\t\t\tcomputePosition(this.buttonElement[0], this.menuElement, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: this.getMiddleware(),\n\t\t\t}).then(({ x, y, strategy }) => {\n\t\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\tposition: strategy,\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 100,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\tanimation.onfinish = () => {}\n\t}\n\n\tprivate async hideMenu() {\n\t\t// Make hideMenu async\n\t\tif (this.cleanup) {\n\t\t\tawait this.cleanup() // Await the cleanup!\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t\tthis.menuElement.dataset.show = 'false'\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 75,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\t\tanimation.onfinish = () => {} // No need for a promise now\n\t}\n\n\tfirstUpdated(): void {\n\t\tfromEvent(this.buttonElement, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showMenu()\n\t\t\t})\n\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideMenu()\n\t\t\t})\n\n\t\tfromEvent(document, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter((e: Event) => !this.contains(e.target as Node)),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\ttap(() => {\n\t\t\t\t\tif (this.menuElement.dataset.show === 'true') {\n\t\t\t\t\t\tthis.hideMenu()\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert </schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<ul\n\t\t\t\tid=\"menu\"\n\t\t\t\tclass=\"absolute z-50 border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto\"\n\t\t\t\trole=\"menu\"\n\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\taria-labelledby=\"options-menu-4-button\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","super","connectedCallback","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","html","customElement","SchmancyMenu","TailwindElement","offset","flip","shift","padding","size","apply","availableHeight","elements","floating","style","maxHeight","updatePosition","buttonElement","menuElement","computePosition","placement","middleware","getMiddleware","then","x","y","Object","assign","left","top","dataset","show","cleanup","autoUpdate","strategy","position","animate","opacity","transform","duration","easing","onfinish","tap","showMenu","hideMenu","document","filter","contains","target","__decorateClass","queryAssignedElements","flatten","slot","prototype","query"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { fromEvent as l, takeUntil as r, tap as c, filter as f } from "rxjs";
|
|
2
2
|
import "lit/directives/class-map.js";
|
|
3
3
|
import "lit/directives/style-map.js";
|
|
4
|
-
import { $ as g } from "./litElement.mixin-
|
|
5
|
-
import { T as E } from "./tailwind.mixin-
|
|
4
|
+
import { $ as g } from "./litElement.mixin-Cq-COufw.js";
|
|
5
|
+
import { T as E } from "./tailwind.mixin-epCxS6FK.js";
|
|
6
6
|
import { customElement as d, queryAssignedElements as w, query as v } from "lit/decorators.js";
|
|
7
7
|
import { css as b, html as y } from "lit";
|
|
8
8
|
import { offset as x, flip as k, shift as M, size as P, computePosition as p, autoUpdate as O } from "@floating-ui/dom";
|
|
@@ -96,4 +96,4 @@ let m = class extends E(b`
|
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
98
|
u([w({ flatten: !0, slot: "button" })], m.prototype, "buttonElement", 2), u([v("#menu")], m.prototype, "menuElement", 2), m = u([d("schmancy-menu")], m);
|
|
99
|
-
//# sourceMappingURL=menu-
|
|
99
|
+
//# sourceMappingURL=menu-DvZSvoOx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu-
|
|
1
|
+
{"version":3,"file":"menu-DvZSvoOx.js","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query, queryAssignedElements } from 'lit/decorators.js'\nimport { filter, fromEvent, takeUntil, tap } from 'rxjs'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends TailwindElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n\n\t#menu {\n\t\tdisplay: none;\n\t}\n\n\t#menu[data-show='true'] {\n\t\tdisplay: block;\n\t}\n`) {\n\t@queryAssignedElements({ flatten: true, slot: 'button' })\n\tbuttonElement!: Array<HTMLElement>\n\n\t@query('#menu') menuElement!: HTMLElement\n\n\tprivate cleanup?: any\n\n\tprivate getMiddleware() {\n\t\treturn [\n\t\t\toffset(5),\n\t\t\tflip(),\n\t\t\tshift({ padding: 5 }),\n\t\t\tsize({\n\t\t\t\tapply({ availableHeight, elements }) {\n\t\t\t\t\telements.floating.style.maxHeight = `${availableHeight}px`\n\t\t\t\t},\n\t\t\t}),\n\t\t]\n\t}\n\n\tasync updatePosition() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) {\n\t\t\treturn\n\t\t}\n\n\t\tawait computePosition(this.buttonElement[0], this.menuElement, {\n\t\t\tplacement: 'bottom-start',\n\t\t\tmiddleware: this.getMiddleware(),\n\t\t}).then(({ x, y }) => {\n\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t})\n\t\t})\n\t}\n\n\tprivate showMenu() {\n\t\tif (!this.buttonElement[0] || !this.menuElement) return\n\n\t\tthis.menuElement.dataset.show = 'true'\n\n\t\tthis.cleanup = autoUpdate(this.buttonElement[0], this.menuElement, () => {\n\t\t\tcomputePosition(this.buttonElement[0], this.menuElement, {\n\t\t\t\tplacement: 'bottom-start',\n\t\t\t\tmiddleware: this.getMiddleware(),\n\t\t\t}).then(({ x, y, strategy }) => {\n\t\t\t\tObject.assign(this.menuElement.style, {\n\t\t\t\t\tleft: `${x}px`,\n\t\t\t\t\ttop: `${y}px`,\n\t\t\t\t\tposition: strategy,\n\t\t\t\t})\n\t\t\t})\n\t\t})\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 100,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\n\t\tanimation.onfinish = () => {}\n\t}\n\n\tprivate async hideMenu() {\n\t\t// Make hideMenu async\n\t\tif (this.cleanup) {\n\t\t\tawait this.cleanup() // Await the cleanup!\n\t\t\tthis.cleanup = undefined\n\t\t}\n\t\tthis.menuElement.dataset.show = 'false'\n\n\t\tconst animation = this.menuElement.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 1, transform: 'scale(1)' },\n\t\t\t\t{ opacity: 0, transform: 'scale(0.95)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 75,\n\t\t\t\teasing: 'cubic-bezier(0.55, 0.085, 0.68, 0.53)',\n\t\t\t},\n\t\t)\n\t\tanimation.onfinish = () => {} // No need for a promise now\n\t}\n\n\tfirstUpdated(): void {\n\t\tfromEvent(this.buttonElement, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.showMenu()\n\t\t\t})\n\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideMenu()\n\t\t\t})\n\n\t\tfromEvent(document, 'click')\n\t\t\t.pipe(\n\t\t\t\tfilter((e: Event) => !this.contains(e.target as Node)),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\ttap(() => {\n\t\t\t\t\tif (this.menuElement.dataset.show === 'true') {\n\t\t\t\t\t\tthis.hideMenu()\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert </schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<ul\n\t\t\t\tid=\"menu\"\n\t\t\t\tclass=\"absolute z-50 border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto\"\n\t\t\t\trole=\"menu\"\n\t\t\t\taria-orientation=\"vertical\"\n\t\t\t\taria-labelledby=\"options-menu-4-button\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</ul>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","super","connectedCallback","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","render","html","customElement","SchmancyMenu","TailwindElement","getMiddleware","offset","flip","shift","padding","size","availableHeight","elements","floating","style","maxHeight","updatePosition","buttonElement","menuElement","computePosition","placement","middleware","then","x","y","Object","assign","left","top","dataset","show","cleanup","autoUpdate","strategy","position","animate","opacity","transform","duration","easing","onfinish","firstUpdated","tap","showMenu","hideMenu","document","filter","contains","target","__decorateClass","queryAssignedElements","flatten","slot","prototype","query"],"mappings":";;;;;;;;;AAMA,IAAqBA,IAArB,cAA8CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA,CAKzD,EAAA;AAAA,EAAA,oBACCC;AAAAA,UAAMC,kBACIC,GAAAA,EAAAC,MAAM,OAAA,EACdC,KAAKC,EAAUF,KAAKG,aAAAA,CAAAA,EACpBC,UAAeC,OAAAA;AACfA,QAAEC,gBAAAA,GACGN,KAAAO,cACJ,IAAIC,YAAY,4BAA4B,EAC3CC,SAAS,IACTC,UAAU,GAAA,CAAA,CAAA;AAAA,IAEZ,CACA;AAAA,EAAA;AAAA,EAEO,SAAAC;AACF,WAAAC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AApBYlB;AAAAA;;;GAArB,CADCmB,EAAc,wBACMnB;;;;;ACCrB,IAAqBoB,IAArB,cAA0CC,EAAgBnB;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAqBjD,gBAAAoB;AACA,WAAA,CACNC,EAAO,CAAA,GACPC,EACAC,GAAAA,EAAM,EAAEC,SAAS,EACjBC,CAAAA,GAAAA,EAAK,EACJ,QAAMC,iBAAEA,GAAiBC,UAAAA,EAAAA,GAAAA;AACxBA,MAAAA,EAASC,SAASC,MAAMC,YAAY,GAAGJ,CAAAA;AAAAA,IAAe,EAGzD,CAAA,CAAA;AAAA,EAAA;AAAA,EAGD,MAAMK,iBAAAA;AACA3B,SAAK4B,cAAc,CAAA,KAAO5B,KAAK6B,eAAAA,MAI9BC,EAAgB9B,KAAK4B,cAAc,CAAA,GAAI5B,KAAK6B,aAAa,EAC9DE,WAAW,gBACXC,YAAYhC,KAAKgB,cAAAA,EAAAA,CAAAA,EACfiB,KAAK,CAAA,EAAGC,GAAGC,GAAAA,GAAAA,EAAAA,MAAAA;AACNC,aAAAC,OAAOrC,KAAK6B,YAAYJ,OAAO,EACrCa,MAAM,GAAGJ,CACTK,MAAAA,KAAK,GAAGJ,CACR,KAAA,CAAA;AAAA,IAAA,CAAA;AAAA,EACD;AAAA,EAGM,WACP;AAAA,IAAA,CAAKnC,KAAK4B,cAAc,CAAO5B,KAAAA,CAAAA,KAAK6B,gBAE/B7B,KAAA6B,YAAYW,QAAQC,OAAO,QAE3BzC,KAAA0C,UAAUC,EAAW3C,KAAK4B,cAAc,CAAA,GAAI5B,KAAK6B,aAAa,MAClEC;AAAAA,MAAAA,EAAgB9B,KAAK4B,cAAc,IAAI5B,KAAK6B,aAAa,EACxDE,WAAW,gBACXC,YAAYhC,KAAKgB,cAAAA,EAAAA,CAAAA,EACfiB,KAAK,CAAA,EAAGC,GAAGC,GAAAA,GAAAA,GAAGS,UACTR,EAAAA,MAAAA;AAAAA,eAAAC,OAAOrC,KAAK6B,YAAYJ,OAAO,EACrCa,MAAM,GAAGJ,CAAAA,MACTK,KAAK,GAAGJ,CACRU,MAAAA,UAAUD,EACV,CAAA;AAAA,MAAA,CAAA;AAAA,IACD,CAGgB5C,GAAAA,KAAK6B,YAAYiB,QAClC,CACC,EAAEC,SAAS,GAAGC,WAAW,cACzB,GAAA,EAAED,SAAS,GAAGC,WAAW,WAAA,CAAA,GAE1B,EACCC,UAAU,KACVC,QAAQ,wCAAA,CAAA,EAIAC,WAAW,MAAA;AAAA,IAAA;AAAA,EAAO;AAAA,EAG7B,MAAA,WAEKnD;AAAAA,SAAK0C,YACF1C,MAAAA,KAAK0C,QACX1C,GAAAA,KAAK0C,UAAU,SAEX1C,KAAA6B,YAAYW,QAAQC,OAAO,SAEdzC,KAAK6B,YAAYiB,QAClC,CACC,EAAEC,SAAS,GAAGC,WAAW,WACzB,GAAA,EAAED,SAAS,GAAGC,WAAW,cAAA,CAAA,GAE1B,EACCC,UAAU,IACVC,QAAQ,wCAGAC,CAAAA,EAAAA,WAAW,MAAO;AAAA,IAAA;AAAA,EAAA;AAAA,EAG7B,eAAAC;AACWrD,IAAAA,EAAAC,KAAK4B,eAAe,OAC5B3B,EAAAA,KACAoD,EAAIhD,OAAKA,EAAEC,gBAAAA,CAAAA,GACXJ,EAAUF,KAAKG,aAEfC,CAAAA,EAAAA,UAAU,MACVJ;AAAAA,WAAKsD,SAAS;AAAA,IAAA,CAAA,GAGNvD,EAAAC,MAAM,0BAAA,EACdC,KACAoD,EAAIhD,OAAKA,EAAEC,gBACXJ,CAAAA,GAAAA,EAAUF,KAAKG,aAAAA,CAAAA,EAEfC,UAAU,MAAA;AACVJ,WAAKuD,SAAAA;AAAAA,IAAS,IAGNxD,EAAAyD,UAAU,OAClBvD,EAAAA,KACAwD,EAAQpD,OAAAA,CAAcL,KAAK0D,SAASrD,EAAEsD,MAAAA,CAAAA,GACtCzD,EAAUF,KAAKG,aACfkD,GAAAA,EAAI,MACmC;AAAA,MAAlCrD,KAAK6B,YAAYW,QAAQC,SAAS,UACrCzC,KAAKuD,SAAAA;AAAAA,IAAS,CAIhBnD,CAAAA,EAAAA,UAAAA;AAAAA,EAAU;AAAA,EAGb,SACQ;AAAA,WAAAQ;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAAA;AAzHRgD;AAAAA,EAAA,CADCC,EAAsB,EAAEC,SAAAA,IAAeC,MAAM,SAAA,CAAA,CAAA,GAd1BjD,EAepBkD,WAAA,iBAAA,CAAA,GAEgBJ,EAAA,CAAfK,EAAM,OAjBanD,CAAAA,GAAAA,EAiBJkD,WAAA,eAAA,IAjBIlD,IAArB8C,EAAA,CADC/C,EAAc,eACMC,CAAAA,GAAAA,CAAAA;"}
|
package/dist/menu.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require("./menu-
|
|
1
|
+
"use strict";require("./menu-D5aDG-Rp.cjs");
|
|
2
2
|
//# sourceMappingURL=menu.cjs.map
|
package/dist/menu.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import "./menu-
|
|
1
|
+
import "./menu-DvZSvoOx.js";
|
|
2
2
|
//# sourceMappingURL=menu.js.map
|
package/dist/nav-drawer.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-BoOnOo3X.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
|
|
2
2
|
//# sourceMappingURL=nav-drawer.cjs.map
|
package/dist/nav-drawer.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const b=require("rxjs"),T=require("lit/directives/class-map.js"),v=require("lit/directives/style-map.js"),w=require("./litElement.mixin-
|
|
1
|
+
"use strict";const b=require("rxjs"),T=require("lit/directives/class-map.js"),v=require("lit/directives/style-map.js"),w=require("./litElement.mixin-B1eYYBf4.cjs");require("./tailwind.mixin-DNME2oUL.cjs");const u=require("lit/decorators.js"),x=require("./ripple-C2BHbhcS.cjs"),l=require("./theme.interface-Xg5Zi46a.cjs"),h=require("lit"),A=require("lit/directives/repeat.js");var C=Object.defineProperty,_=Object.getOwnPropertyDescriptor,d=(s,t,e,i)=>{for(var o,n=i>1?void 0:i?_(t,e):t,a=s.length-1;a>=0;a--)(o=s[a])&&(n=(i?o(t,e,n):o(n))||n);return i&&n&&C(t,e,n),n};exports.SchmancyNotification=class extends w.$LitElement(':host{display:block;margin-bottom:10px}:host:last-child{margin-bottom:0}.notification{width:100%;max-width:400px;box-shadow:var(--schmancy-sys-elevation-2);overflow:hidden;transform:translate(0);opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);background-color:var(--schmancy-sys-color-surface-container);color:var(--schmancy-sys-color-surface-on);border-radius:16px;position:relative}.notification:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff14,#fff0);z-index:1}.notification.info{border-left:4px solid var(--schmancy-sys-color-primary-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-primary-container) 10%)}.notification.success{border-left:4px solid var(--schmancy-sys-color-success-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-success-container) 10%)}.notification.warning{border-left:4px solid var(--schmancy-sys-color-tertiary-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-tertiary-container) 10%)}.notification.error{border-left:4px solid var(--schmancy-sys-color-error-default);background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-container) 90%,var(--schmancy-sys-color-error-container) 10%)}.notification.closing{transform:translate(120%);opacity:0}.notification .notification-content{display:flex;padding:18px 20px;align-items:flex-start;position:relative;z-index:2}.notification .icon-container{flex-shrink:0;margin-right:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;width:28px;height:28px;position:relative}.notification .content{flex:1;min-width:0;display:flex;flex-direction:column}.notification .title{font-weight:500;font-size:16px;line-height:1.5;margin-bottom:2px;word-break:break-word;letter-spacing:.15px}.notification .message{font-size:14px;line-height:1.5;word-break:break-word;letter-spacing:.25px;opacity:.92}.notification .close-button{background:transparent;border:none;cursor:pointer;color:var(--schmancy-sys-color-surface-onVariant);padding:8px;margin-left:8px;margin-right:-4px;margin-top:-4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease}.notification .close-button:hover{background-color:color-mix(in srgb,var(--schmancy-sys-color-surface-onVariant) 8%,transparent);transform:scale(1.05)}.notification .close-button:active{transform:scale(.95)}.notification .close-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--schmancy-sys-color-primary-default)}.notification .progress-bar-container{height:4px;width:100%;background-color:color-mix(in srgb,currentColor 8%,transparent);overflow:hidden;position:relative;z-index:2}.notification .progress-bar{height:100%;width:100%;transition:width .1s linear;border-radius:0 0 0 4px;background-image:linear-gradient(to right,currentColor 70%,color-mix(in srgb,currentColor 80%,white) 100%);opacity:.9}'){constructor(){super(...arguments),this.title="",this.message="",this.type="info",this.closable=!0,this.duration=5e3,this.id=`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`,this.playSound=!0,this._visible=!0,this._progress=100,this._hovered=!1,this._closing=!1}connectedCallback(){super.connectedCallback(),this.duration>0&&this._startAutoCloseTimer(),this.playSound&&this._playSound()}disconnectedCallback(){this._clearTimers(),super.disconnectedCallback()}updated(s){super.updated(s),s.has("duration")&&this.duration>0&&(this._clearTimers(),this._startAutoCloseTimer())}_startAutoCloseTimer(){if(this.duration<=0)return;const s=Date.now()+this.duration;this._autoCloseTimer=window.setTimeout(()=>{this.close()},this.duration),this._progressTimer=window.setInterval(()=>{if(this._hovered)return;const t=Date.now(),e=Math.max(0,s-t);this._progress=e/this.duration*100,e<=0&&this._clearTimers()},16)}_clearTimers(){this._autoCloseTimer&&(clearTimeout(this._autoCloseTimer),this._autoCloseTimer=void 0),this._progressTimer&&(clearInterval(this._progressTimer),this._progressTimer=void 0)}_pauseTimers(){this._clearTimers()}_resumeTimers(){if(this.duration>0){const s=this._progress/100*this.duration;if(s>0){this._autoCloseTimer=window.setTimeout(()=>{this.close()},s);const t=Date.now()+s;this._progressTimer=window.setInterval(()=>{if(this._hovered)return;const e=Date.now(),i=Math.max(0,t-e);this._progress=i/s*100,i<=0&&this._clearTimers()},16)}}}_playSound(){this.dispatchEvent(new CustomEvent("playsound",{detail:{type:this.type},bubbles:!0,composed:!0}))}_handleMouseEnter(){this._hovered=!0,this._pauseTimers()}_handleMouseLeave(){this._hovered=!1,this._resumeTimers()}close(){this._closing||(this._closing=!0,this._clearTimers(),this._visible=!1,setTimeout(()=>{this.dispatchEvent(new CustomEvent("close",{detail:{id:this.id},bubbles:!0,composed:!0}))},300))}render(){if(!this._visible&&this._closing)return h.html``;const s=this._getTypeStyles(),t=this._hovered?"3":"2";return h.html`
|
|
2
2
|
<div
|
|
3
3
|
class=${T.classMap({notification:!0,closing:this._closing,[this.type]:!0})}
|
|
4
4
|
role="alert"
|
|
@@ -138,4 +138,4 @@
|
|
|
138
138
|
`)}
|
|
139
139
|
</div>
|
|
140
140
|
`}},f([u.property({type:String})],exports.SchmancyNotificationContainer.prototype,"position",2),f([u.property({type:Number})],exports.SchmancyNotificationContainer.prototype,"maxVisibleNotifications",2),f([u.property({type:Boolean})],exports.SchmancyNotificationContainer.prototype,"playSound",2),f([u.property({type:Number})],exports.SchmancyNotificationContainer.prototype,"audioVolume",2),f([u.state()],exports.SchmancyNotificationContainer.prototype,"_notifications",2),exports.SchmancyNotificationContainer=f([u.customElement("sch-notification-container")],exports.SchmancyNotificationContainer);const p=class p{constructor(){}static getInstance(){return p.instance||(p.instance=new p),p.instance}notify(t){const e={...p.DEFAULT_OPTIONS,...t,duration:t.duration??p.DEFAULT_OPTIONS.duration},i=e.id||`notification-${Date.now()}-${Math.floor(1e4*Math.random())}`,o=new CustomEvent("schmancy-notification",{bubbles:!0,composed:!0,detail:{...e,id:i}});return window.dispatchEvent(o),i}info(t,e={}){return this.notify({message:t??"",type:"info",duration:t?e.duration:1,...e})}success(t,e={}){return this.notify({message:t??"",type:"success",duration:t?e.duration:1,...e})}warning(t,e={}){return this.notify({message:t??"",type:"warning",duration:t?e.duration:1,...e})}error(t,e={}){return this.notify({message:t??"",type:"error",duration:t?e.duration:1,...e})}customDuration(t,e,i={}){return this.notify({message:t,duration:e,...i})}persistent(t,e={}){return this.notify({message:t,duration:0,...e})}};p.DEFAULT_OPTIONS={duration:1e3,closable:!0,playSound:!0};let m=p;const N={show:s=>m.getInstance().notify(s),info:(s,t={})=>m.getInstance().info(s,t),success:(s,t={})=>m.getInstance().success(s,t),warning:(s,t={})=>m.getInstance().warning(s,t),error:(s,t={})=>m.getInstance().error(s,t),customDuration:(s,t,e={})=>m.getInstance().customDuration(s,t,e),persistent:(s,t={})=>m.getInstance().persistent(s,t)};exports.$notify=N,exports.NotificationAudioService=S;
|
|
141
|
-
//# sourceMappingURL=notification-service-
|
|
141
|
+
//# sourceMappingURL=notification-service-BzzXjm4l.cjs.map
|