@paperless/core 2.2.15 → 2.2.16
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/CHANGELOG.md +13 -0
- package/dist/{paperless/p-b334b27d.entry.js → build/p-0ea3c0be.entry.js} +2 -2
- package/dist/{paperless/p-e74def55.entry.js → build/p-0fd02345.entry.js} +2 -2
- package/dist/build/p-13746ec7.entry.js +2 -0
- package/dist/build/{p-bf3a11a3.entry.js → p-1a551082.entry.js} +2 -2
- package/dist/build/{p-f866e7de.entry.js → p-1c9b0700.entry.js} +2 -2
- package/dist/{paperless/p-e3250b88.entry.js → build/p-1f45e45a.entry.js} +2 -2
- package/dist/build/p-20f5071b.entry.js +2 -0
- package/dist/{paperless/p-6527b461.entry.js → build/p-230365ba.entry.js} +2 -2
- package/dist/build/{p-586ca05c.entry.js → p-2366e61d.entry.js} +2 -2
- package/dist/build/{p-9686ab8f.entry.js → p-3e2d2587.entry.js} +2 -2
- package/dist/build/{p-9bb90aaf.entry.js → p-419077c3.entry.js} +2 -2
- package/dist/build/{p-ab9ad2c2.entry.js → p-4e7c1803.entry.js} +2 -2
- package/dist/build/p-50b3268f.entry.js +2 -0
- package/dist/{paperless/p-2b203c64.entry.js → build/p-542a718b.entry.js} +2 -2
- package/dist/build/p-60a19708.entry.js +2 -0
- package/dist/{paperless/p-0d80f713.entry.js.map → build/p-60a19708.entry.js.map} +1 -1
- package/dist/build/{p-a8d11806.entry.js → p-6581ce9c.entry.js} +2 -2
- package/dist/build/{p-5ac2fea4.entry.js → p-78403aa3.entry.js} +2 -2
- package/dist/build/{p-60fc666c.entry.js → p-7f1f62c2.entry.js} +2 -2
- package/dist/build/{p-e7e7bc25.entry.js → p-805bad94.entry.js} +2 -2
- package/dist/build/{p-d4f556ea.entry.js → p-8325525f.entry.js} +2 -2
- package/dist/build/p-84979460.entry.js +2 -0
- package/dist/{paperless/p-ce7c429d.entry.js → build/p-8817fc5d.entry.js} +2 -2
- package/dist/build/p-8a634916.entry.js +2 -0
- package/dist/build/p-8a634916.entry.js.map +1 -0
- package/dist/build/{p-60d4f5b8.entry.js → p-982c05d5.entry.js} +2 -2
- package/dist/{paperless/p-80c3e999.entry.js → build/p-9ab2cb8d.entry.js} +2 -2
- package/dist/build/{p-05e44db5.entry.js → p-a3273e15.entry.js} +2 -2
- package/dist/build/p-a7bc0cf9.entry.js +2 -0
- package/dist/build/{p-78ecefd7.entry.js.map → p-a7bc0cf9.entry.js.map} +1 -1
- package/dist/build/p-a9ba2e62.entry.js +2 -0
- package/dist/{paperless/p-90981f81.entry.js.map → build/p-a9ba2e62.entry.js.map} +1 -1
- package/dist/build/{p-396a5eb9.entry.js → p-b176abc5.entry.js} +2 -2
- package/dist/build/{p-6e791181.entry.js → p-b8b570c4.entry.js} +2 -2
- package/dist/build/{p-4ab7f5c2.entry.js → p-b96f8d26.entry.js} +2 -2
- package/dist/build/{p-1032c052.entry.js → p-bea5329b.entry.js} +2 -2
- package/dist/build/{p-1671db20.entry.js → p-cbd7870f.entry.js} +2 -2
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/build/{p-f98d44ff.js → p-d499bb0c.js} +1 -1
- package/dist/build/p-d8c60f3c.entry.js +2 -0
- package/dist/{paperless/p-85402959.entry.js → build/p-ec9a178a.entry.js} +2 -2
- package/dist/build/{p-f0851d2d.entry.js → p-f13b147d.entry.js} +2 -2
- package/dist/{paperless/p-d4152f66.entry.js → build/p-fa78c45a.entry.js} +2 -2
- package/dist/build/p-fdb85aef.entry.js +2 -0
- package/dist/{paperless/p-991d0b21.entry.js.map → build/p-fdb85aef.entry.js.map} +1 -1
- package/dist/build/p-radio.entry.esm.js.map +1 -1
- package/dist/build/p-toggle.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-accordion.cjs.entry.js +2 -2
- package/dist/cjs/p-attachment.cjs.entry.js +6 -6
- package/dist/cjs/p-badge_3.cjs.entry.js +3 -3
- package/dist/cjs/p-button-group.cjs.entry.js +1 -1
- package/dist/cjs/p-calendar.cjs.entry.js +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +13 -13
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-content-slider.cjs.entry.js +2 -2
- package/dist/cjs/p-cropper.cjs.entry.js +1 -1
- package/dist/cjs/p-datepicker.cjs.entry.js +1 -1
- package/dist/cjs/p-divider.cjs.entry.js +3 -3
- package/dist/cjs/p-drawer-body_3.cjs.entry.js +4 -4
- package/dist/cjs/p-empty-state_8.cjs.entry.js +10 -10
- package/dist/cjs/p-field_2.cjs.entry.js +3 -3
- package/dist/cjs/p-floating-menu-item.cjs.entry.js +2 -2
- package/dist/cjs/p-helper_2.cjs.entry.js +3 -3
- package/dist/cjs/p-info-panel.cjs.entry.js +1 -1
- package/dist/cjs/p-label.cjs.entry.js +3 -3
- package/dist/cjs/p-layout.cjs.entry.js +1 -1
- package/dist/cjs/p-listing-item.cjs.entry.js +1 -1
- package/dist/cjs/p-listing-line.cjs.entry.js +1 -1
- package/dist/cjs/p-listing.cjs.entry.js +2 -2
- package/dist/cjs/p-modal-body_4.cjs.entry.js +6 -6
- package/dist/cjs/p-navbar.cjs.entry.js +1 -1
- package/dist/cjs/p-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/p-navigation-section.cjs.entry.js +1 -1
- package/dist/cjs/p-navigation-title.cjs.entry.js +1 -1
- package/dist/cjs/p-pagination-pages-item.cjs.entry.js +2 -2
- package/dist/cjs/p-pagination_3.cjs.entry.js +4 -4
- package/dist/cjs/p-radio.cjs.entry.js +4 -4
- package/dist/cjs/p-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/p-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/p-range.cjs.entry.js +2 -2
- package/dist/cjs/p-select.cjs.entry.js +1 -1
- package/dist/cjs/p-smile.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper-item_2.cjs.entry.js +5 -5
- package/dist/cjs/p-tab-container.cjs.entry.js +1 -1
- package/dist/cjs/p-tab-item.cjs.entry.js +1 -1
- package/dist/cjs/p-toast-container.cjs.entry.js +2 -2
- package/dist/cjs/p-toast.cjs.entry.js +1 -1
- package/dist/cjs/p-toggle.cjs.entry.js +4 -4
- package/dist/cjs/p-toggle.cjs.entry.js.map +1 -1
- package/dist/cjs/p-toggle.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.css +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.js +4 -4
- package/dist/collection/components/atoms/checkbox/checkbox.component.js.map +1 -1
- package/dist/collection/components/atoms/divider/divider.component.js +3 -3
- package/dist/collection/components/atoms/drawer/body/drawer-body.component.js +1 -1
- package/dist/collection/components/atoms/drawer/container/drawer-container.component.js +2 -2
- package/dist/collection/components/atoms/drawer/header/drawer-header.component.js +1 -1
- package/dist/collection/components/atoms/dropdown-menu/container/dropdown-menu-container.component.js +3 -3
- package/dist/collection/components/atoms/dropdown-menu/item/dropdown-menu-item.component.js +3 -3
- package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.js +2 -2
- package/dist/collection/components/atoms/helper/helper.component.js +1 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.js +1 -1
- package/dist/collection/components/atoms/layout/layout.component.js +1 -1
- package/dist/collection/components/atoms/listing/item/listing-item.component.js +1 -1
- package/dist/collection/components/atoms/listing/line/listing-line.component.js +1 -1
- package/dist/collection/components/atoms/modal/body/modal-body.component.js +2 -2
- package/dist/collection/components/atoms/modal/container/modal-container.component.js +2 -2
- package/dist/collection/components/atoms/modal/footer/modal-footer.component.js +1 -1
- package/dist/collection/components/atoms/modal/header/modal-header.component.js +1 -1
- package/dist/collection/components/atoms/navigation-title/navigation-title.component.js +1 -1
- package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js +2 -2
- package/dist/collection/components/atoms/radio/radio.component.css +1 -1
- package/dist/collection/components/atoms/radio/radio.component.js +3 -3
- package/dist/collection/components/atoms/radio/radio.component.js.map +1 -1
- package/dist/collection/components/atoms/segment/container/segment-container.component.js +1 -1
- package/dist/collection/components/atoms/segment/item/segment-item.component.js +2 -2
- package/dist/collection/components/atoms/smile/smile.component.js +1 -1
- package/dist/collection/components/atoms/stepper/item/stepper-item.component.js +4 -4
- package/dist/collection/components/atoms/stepper/line/stepper-line.component.js +1 -1
- package/dist/collection/components/atoms/tab/container/tab-container.component.js +1 -1
- package/dist/collection/components/atoms/tab/item/tab-item.component.js +1 -1
- package/dist/collection/components/atoms/table/actions-container/table-container.component.js +1 -1
- package/dist/collection/components/atoms/table/container/table-row-actions-container.component.js +1 -1
- package/dist/collection/components/atoms/toast-container/toast-container.component.js +2 -2
- package/dist/collection/components/atoms/toggle/toggle.component.css +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.js +3 -3
- package/dist/collection/components/atoms/toggle/toggle.component.js.map +1 -1
- package/dist/collection/components/atoms/tooltip/tooltip.component.js +2 -2
- package/dist/collection/components/molecules/accordion/accordion.component.js +2 -2
- package/dist/collection/components/molecules/attachment/attachment.component.js +6 -6
- package/dist/collection/components/molecules/button-group/button-group.component.js +1 -1
- package/dist/collection/components/molecules/calendar/calendar.component.js +1 -1
- package/dist/collection/components/molecules/content-slider/content-slider.component.js +2 -2
- package/dist/collection/components/molecules/cropper/cropper.component.js +1 -1
- package/dist/collection/components/molecules/datepicker/datepicker.component.js +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +2 -2
- package/dist/collection/components/molecules/empty-state/empty-state.component.js +2 -2
- package/dist/collection/components/molecules/field/field/field.component.js +3 -3
- package/dist/collection/components/molecules/label/label.component.js +3 -3
- package/dist/collection/components/molecules/navigation/item/navigation-item.component.js +2 -2
- package/dist/collection/components/molecules/navigation/section/navigation-section.component.js +1 -1
- package/dist/collection/components/molecules/pagination/pages/pagination-pages.component.js +1 -1
- package/dist/collection/components/molecules/pagination/pagination/pagination.component.js +3 -3
- package/dist/collection/components/molecules/range/range.component.js +2 -2
- package/dist/collection/components/molecules/select/select.component.js +1 -1
- package/dist/collection/components/molecules/table/cell/table-cell.component.js +1 -1
- package/dist/collection/components/molecules/table/footer/table-footer.component.js +2 -2
- package/dist/collection/components/molecules/table/row/table-row.component.js +3 -3
- package/dist/collection/components/molecules/toast/toast.component.js +1 -1
- package/dist/collection/components/organisms/listing/listing.component.js +2 -2
- package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
- package/dist/components/{p-BcKK57hn.js → p-3TP-UX-Y.js} +13 -13
- package/dist/components/{p-BcKK57hn.js.map → p-3TP-UX-Y.js.map} +1 -1
- package/dist/components/{p-BWBwhUzi.js → p-B4inyr87.js} +6 -6
- package/dist/components/{p-BWBwhUzi.js.map → p-B4inyr87.js.map} +1 -1
- package/dist/components/{p-XuPLq1zd.js → p-B4qiEiNB.js} +4 -4
- package/dist/components/{p-XuPLq1zd.js.map → p-B4qiEiNB.js.map} +1 -1
- package/dist/components/{p-DMriM32U.js → p-B8Ai2EJn.js} +5 -5
- package/dist/components/{p-DMriM32U.js.map → p-B8Ai2EJn.js.map} +1 -1
- package/dist/components/{p-C_Uug2bi.js → p-Be4WHASj.js} +4 -4
- package/dist/components/{p-C_Uug2bi.js.map → p-Be4WHASj.js.map} +1 -1
- package/dist/components/{p-B45E7xnR.js → p-BfSo1qPy.js} +6 -6
- package/dist/components/{p-B45E7xnR.js.map → p-BfSo1qPy.js.map} +1 -1
- package/dist/components/{p-B4CTQ-9e.js → p-Bh008RYx.js} +4 -4
- package/dist/components/{p-B4CTQ-9e.js.map → p-Bh008RYx.js.map} +1 -1
- package/dist/components/{p-BBho7Zjn.js → p-BlwTel9F.js} +4 -4
- package/dist/components/{p-BBho7Zjn.js.map → p-BlwTel9F.js.map} +1 -1
- package/dist/components/{p-CoLZHANv.js → p-Bn6Arg73.js} +4 -4
- package/dist/components/{p-CoLZHANv.js.map → p-Bn6Arg73.js.map} +1 -1
- package/dist/components/{p-CP2h1oCK.js → p-Bs_mDdx4.js} +4 -4
- package/dist/components/{p-CP2h1oCK.js.map → p-Bs_mDdx4.js.map} +1 -1
- package/dist/components/{p-BFghMvAR.js → p-C3sIHSTA.js} +3 -3
- package/dist/components/{p-BFghMvAR.js.map → p-C3sIHSTA.js.map} +1 -1
- package/dist/components/{p-CK9srR2x.js → p-C4WDKcUV.js} +3 -3
- package/dist/components/{p-CK9srR2x.js.map → p-C4WDKcUV.js.map} +1 -1
- package/dist/components/{p-ByonmKJV.js → p-CCJc8g8_.js} +4 -4
- package/dist/components/{p-ByonmKJV.js.map → p-CCJc8g8_.js.map} +1 -1
- package/dist/components/{p-Dk8TzngH.js → p-CH64wrKS.js} +4 -4
- package/dist/components/{p-Dk8TzngH.js.map → p-CH64wrKS.js.map} +1 -1
- package/dist/components/{p-05D7qOIg.js → p-CK0zv8Hv.js} +4 -4
- package/dist/components/{p-05D7qOIg.js.map → p-CK0zv8Hv.js.map} +1 -1
- package/dist/components/{p-CrCyoKEh.js → p-CKy64zac.js} +9 -9
- package/dist/components/{p-CrCyoKEh.js.map → p-CKy64zac.js.map} +1 -1
- package/dist/components/{p-DTd14qQm.js → p-CSIFLNsS.js} +3 -3
- package/dist/components/{p-DTd14qQm.js.map → p-CSIFLNsS.js.map} +1 -1
- package/dist/components/{p-B28rxSbn.js → p-CY_6PTTc.js} +8 -8
- package/dist/components/{p-B28rxSbn.js.map → p-CY_6PTTc.js.map} +1 -1
- package/dist/components/{p-DQWXRiS6.js → p-CYnAmhHh.js} +4 -4
- package/dist/components/{p-DQWXRiS6.js.map → p-CYnAmhHh.js.map} +1 -1
- package/dist/components/{p-B40DmfaL.js → p-Cb7zGv2a.js} +4 -4
- package/dist/components/{p-B40DmfaL.js.map → p-Cb7zGv2a.js.map} +1 -1
- package/dist/components/p-CuGtA-02.js +166 -0
- package/dist/components/p-CuGtA-02.js.map +1 -0
- package/dist/components/{p-CQ1Po2qn.js → p-D30EqV3s.js} +3 -3
- package/dist/components/{p-CQ1Po2qn.js.map → p-D30EqV3s.js.map} +1 -1
- package/dist/components/{p-DDViK5Zv.js → p-D3_BwnG6.js} +4 -4
- package/dist/components/{p-DDViK5Zv.js.map → p-D3_BwnG6.js.map} +1 -1
- package/dist/components/{p-B4p3pMj1.js → p-D4vqPHEP.js} +3 -3
- package/dist/components/{p-B4p3pMj1.js.map → p-D4vqPHEP.js.map} +1 -1
- package/dist/components/{p-CymX517i.js → p-DBwmAZb5.js} +4 -4
- package/dist/components/{p-CymX517i.js.map → p-DBwmAZb5.js.map} +1 -1
- package/dist/components/{p-D9xXC35J.js → p-DD3i504O.js} +4 -4
- package/dist/components/{p-D9xXC35J.js.map → p-DD3i504O.js.map} +1 -1
- package/dist/components/{p-C3H31pam.js → p-DI407tdD.js} +4 -4
- package/dist/components/{p-C3H31pam.js.map → p-DI407tdD.js.map} +1 -1
- package/dist/components/{p-hwn7HhkK.js → p-DLARy46p.js} +13 -13
- package/dist/components/{p-hwn7HhkK.js.map → p-DLARy46p.js.map} +1 -1
- package/dist/components/{p-sl5N8aUX.js → p-DTmjAeM2.js} +6 -6
- package/dist/components/{p-sl5N8aUX.js.map → p-DTmjAeM2.js.map} +1 -1
- package/dist/components/{p-Dc8e00Zd.js → p-DUJkO2n3.js} +5 -5
- package/dist/components/{p-Dc8e00Zd.js.map → p-DUJkO2n3.js.map} +1 -1
- package/dist/components/{p-Divq0BdF.js → p-D_goLzIz.js} +3 -3
- package/dist/components/{p-Divq0BdF.js.map → p-D_goLzIz.js.map} +1 -1
- package/dist/components/{p-D8Mf5M6D.js → p-DcB4vo69.js} +3 -3
- package/dist/components/{p-D8Mf5M6D.js.map → p-DcB4vo69.js.map} +1 -1
- package/dist/components/{p-D3bGda3N.js → p-Ds64b3s1.js} +4 -4
- package/dist/components/{p-D3bGda3N.js.map → p-Ds64b3s1.js.map} +1 -1
- package/dist/components/{p-D9t79La9.js → p-DzLUScwc.js} +6 -6
- package/dist/components/{p-D9t79La9.js.map → p-DzLUScwc.js.map} +1 -1
- package/dist/components/{p-Dl2d_IWC.js → p-Fa6eP7ZQ.js} +5 -5
- package/dist/components/{p-Dl2d_IWC.js.map → p-Fa6eP7ZQ.js.map} +1 -1
- package/dist/components/p-accordion.js +3 -3
- package/dist/components/p-attachment.js +9 -9
- package/dist/components/p-button-group.js +1 -1
- package/dist/components/p-calendar.js +1 -1
- package/dist/components/p-card-header.js +2 -2
- package/dist/components/p-checkbox.js +1 -1
- package/dist/components/p-content-slider.js +2 -2
- package/dist/components/p-cropper.js +2 -2
- package/dist/components/p-datepicker.js +8 -8
- package/dist/components/p-divider.js +1 -1
- package/dist/components/p-drawer-body.js +1 -1
- package/dist/components/p-drawer-container.js +1 -1
- package/dist/components/p-drawer-header.js +1 -1
- package/dist/components/p-drawer.js +4 -4
- package/dist/components/p-dropdown-menu-container.js +1 -1
- package/dist/components/p-dropdown-menu-item.js +1 -1
- package/dist/components/p-dropdown.js +1 -1
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-field-container.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-floating-menu-container.js +1 -1
- package/dist/components/p-floating-menu-item.js +1 -1
- package/dist/components/{p-8qhZghDQ.js → p-giTrVMAJ.js} +4 -4
- package/dist/components/{p-8qhZghDQ.js.map → p-giTrVMAJ.js.map} +1 -1
- package/dist/components/p-helper.js +1 -1
- package/dist/components/p-info-panel.js +1 -1
- package/dist/components/p-label.js +3 -3
- package/dist/components/p-layout.js +1 -1
- package/dist/components/p-listing-item.js +1 -1
- package/dist/components/p-listing-line.js +1 -1
- package/dist/components/p-listing.js +3 -3
- package/dist/components/p-modal-body.js +1 -1
- package/dist/components/p-modal-container.js +1 -1
- package/dist/components/p-modal-footer.js +1 -1
- package/dist/components/p-modal-header.js +1 -1
- package/dist/components/p-modal.js +6 -6
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-navigation-item.js +2 -2
- package/dist/components/p-navigation-section.js +2 -2
- package/dist/components/p-navigation-title.js +1 -1
- package/dist/components/p-pagination-pages-item.js +1 -1
- package/dist/components/p-pagination-pages.js +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-profile.js +2 -2
- package/dist/components/p-radio.js +4 -4
- package/dist/components/p-radio.js.map +1 -1
- package/dist/components/p-range.js +1 -1
- package/dist/components/p-segment-container.js +1 -1
- package/dist/components/p-segment-item.js +1 -1
- package/dist/components/p-select.js +9 -9
- package/dist/components/p-smile.js +1 -1
- package/dist/components/p-stepper-item.js +1 -1
- package/dist/components/p-stepper-line.js +1 -1
- package/dist/components/p-stepper.js +2 -2
- package/dist/components/p-tab-container.js +2 -2
- package/dist/components/p-tab-item.js +1 -1
- package/dist/components/p-table-cell.js +1 -1
- package/dist/components/p-table-container.js +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table-row-actions-container.js +1 -1
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +24 -24
- package/dist/components/p-toast-container.js +2 -2
- package/dist/components/p-toast.js +1 -1
- package/dist/components/p-toggle.js +4 -4
- package/dist/components/p-toggle.js.map +1 -1
- package/dist/components/p-tooltip.js +1 -1
- package/dist/components/{p-DvfnrKnT.js → p-v_qRLJr8.js} +3 -3
- package/dist/components/{p-DvfnrKnT.js.map → p-v_qRLJr8.js.map} +1 -1
- package/dist/components/{p-BI9KWwWc.js → p-wXp3GFHo.js} +3 -3
- package/dist/components/{p-BI9KWwWc.js.map → p-wXp3GFHo.js.map} +1 -1
- package/dist/esm/p-accordion.entry.js +2 -2
- package/dist/esm/p-attachment.entry.js +6 -6
- package/dist/esm/p-badge_3.entry.js +3 -3
- package/dist/esm/p-button-group.entry.js +1 -1
- package/dist/esm/p-calendar.entry.js +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +13 -13
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-content-slider.entry.js +2 -2
- package/dist/esm/p-cropper.entry.js +1 -1
- package/dist/esm/p-datepicker.entry.js +1 -1
- package/dist/esm/p-divider.entry.js +3 -3
- package/dist/esm/p-drawer-body_3.entry.js +4 -4
- package/dist/esm/p-empty-state_8.entry.js +10 -10
- package/dist/esm/p-field_2.entry.js +3 -3
- package/dist/esm/p-floating-menu-item.entry.js +2 -2
- package/dist/esm/p-helper_2.entry.js +3 -3
- package/dist/esm/p-info-panel.entry.js +1 -1
- package/dist/esm/p-label.entry.js +3 -3
- package/dist/esm/p-layout.entry.js +1 -1
- package/dist/esm/p-listing-item.entry.js +1 -1
- package/dist/esm/p-listing-line.entry.js +1 -1
- package/dist/esm/p-listing.entry.js +2 -2
- package/dist/esm/p-modal-body_4.entry.js +6 -6
- package/dist/esm/p-navbar.entry.js +1 -1
- package/dist/esm/p-navigation-item.entry.js +2 -2
- package/dist/esm/p-navigation-section.entry.js +1 -1
- package/dist/esm/p-navigation-title.entry.js +1 -1
- package/dist/esm/p-pagination-pages-item.entry.js +2 -2
- package/dist/esm/p-pagination_3.entry.js +4 -4
- package/dist/esm/p-radio.entry.js +4 -4
- package/dist/esm/p-radio.entry.js.map +1 -1
- package/dist/esm/p-range.entry.js +2 -2
- package/dist/esm/p-select.entry.js +1 -1
- package/dist/esm/p-smile.entry.js +1 -1
- package/dist/esm/p-stepper-item_2.entry.js +5 -5
- package/dist/esm/p-tab-container.entry.js +1 -1
- package/dist/esm/p-tab-item.entry.js +1 -1
- package/dist/esm/p-toast-container.entry.js +2 -2
- package/dist/esm/p-toast.entry.js +1 -1
- package/dist/esm/p-toggle.entry.js +4 -4
- package/dist/esm/p-toggle.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/{build/p-b334b27d.entry.js → paperless/p-0ea3c0be.entry.js} +2 -2
- package/dist/{build/p-e74def55.entry.js → paperless/p-0fd02345.entry.js} +2 -2
- package/dist/paperless/p-13746ec7.entry.js +2 -0
- package/dist/paperless/{p-bf3a11a3.entry.js → p-1a551082.entry.js} +2 -2
- package/dist/paperless/{p-f866e7de.entry.js → p-1c9b0700.entry.js} +2 -2
- package/dist/{build/p-e3250b88.entry.js → paperless/p-1f45e45a.entry.js} +2 -2
- package/dist/paperless/p-20f5071b.entry.js +2 -0
- package/dist/{build/p-6527b461.entry.js → paperless/p-230365ba.entry.js} +2 -2
- package/dist/paperless/{p-586ca05c.entry.js → p-2366e61d.entry.js} +2 -2
- package/dist/paperless/{p-9686ab8f.entry.js → p-3e2d2587.entry.js} +2 -2
- package/dist/paperless/{p-9bb90aaf.entry.js → p-419077c3.entry.js} +2 -2
- package/dist/paperless/{p-ab9ad2c2.entry.js → p-4e7c1803.entry.js} +2 -2
- package/dist/paperless/p-50b3268f.entry.js +2 -0
- package/dist/{build/p-2b203c64.entry.js → paperless/p-542a718b.entry.js} +2 -2
- package/dist/paperless/p-60a19708.entry.js +2 -0
- package/dist/{build/p-0d80f713.entry.js.map → paperless/p-60a19708.entry.js.map} +1 -1
- package/dist/paperless/{p-a8d11806.entry.js → p-6581ce9c.entry.js} +2 -2
- package/dist/paperless/{p-5ac2fea4.entry.js → p-78403aa3.entry.js} +2 -2
- package/dist/paperless/{p-60fc666c.entry.js → p-7f1f62c2.entry.js} +2 -2
- package/dist/paperless/{p-e7e7bc25.entry.js → p-805bad94.entry.js} +2 -2
- package/dist/paperless/{p-d4f556ea.entry.js → p-8325525f.entry.js} +2 -2
- package/dist/paperless/p-84979460.entry.js +2 -0
- package/dist/{build/p-ce7c429d.entry.js → paperless/p-8817fc5d.entry.js} +2 -2
- package/dist/paperless/p-8a634916.entry.js +2 -0
- package/dist/paperless/p-8a634916.entry.js.map +1 -0
- package/dist/paperless/{p-60d4f5b8.entry.js → p-982c05d5.entry.js} +2 -2
- package/dist/{build/p-80c3e999.entry.js → paperless/p-9ab2cb8d.entry.js} +2 -2
- package/dist/paperless/{p-05e44db5.entry.js → p-a3273e15.entry.js} +2 -2
- package/dist/paperless/p-a7bc0cf9.entry.js +2 -0
- package/dist/paperless/{p-78ecefd7.entry.js.map → p-a7bc0cf9.entry.js.map} +1 -1
- package/dist/paperless/p-a9ba2e62.entry.js +2 -0
- package/dist/{build/p-90981f81.entry.js.map → paperless/p-a9ba2e62.entry.js.map} +1 -1
- package/dist/paperless/{p-396a5eb9.entry.js → p-b176abc5.entry.js} +2 -2
- package/dist/paperless/{p-6e791181.entry.js → p-b8b570c4.entry.js} +2 -2
- package/dist/paperless/{p-4ab7f5c2.entry.js → p-b96f8d26.entry.js} +2 -2
- package/dist/paperless/{p-1032c052.entry.js → p-bea5329b.entry.js} +2 -2
- package/dist/paperless/{p-1671db20.entry.js → p-cbd7870f.entry.js} +2 -2
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/paperless/p-d8c60f3c.entry.js +2 -0
- package/dist/{build/p-85402959.entry.js → paperless/p-ec9a178a.entry.js} +2 -2
- package/dist/paperless/{p-f0851d2d.entry.js → p-f13b147d.entry.js} +2 -2
- package/dist/{build/p-d4152f66.entry.js → paperless/p-fa78c45a.entry.js} +2 -2
- package/dist/paperless/p-fdb85aef.entry.js +2 -0
- package/dist/{build/p-991d0b21.entry.js.map → paperless/p-fdb85aef.entry.js.map} +1 -1
- package/dist/paperless/p-radio.entry.esm.js.map +1 -1
- package/dist/paperless/p-toggle.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-0d80f713.entry.js +0 -2
- package/dist/build/p-30b71d45.entry.js +0 -2
- package/dist/build/p-4a420a81.entry.js +0 -2
- package/dist/build/p-78ecefd7.entry.js +0 -2
- package/dist/build/p-90981f81.entry.js +0 -2
- package/dist/build/p-955d3465.entry.js +0 -2
- package/dist/build/p-991d0b21.entry.js +0 -2
- package/dist/build/p-acdfcf17.entry.js +0 -2
- package/dist/build/p-d35b820d.entry.js +0 -2
- package/dist/build/p-d35b820d.entry.js.map +0 -1
- package/dist/build/p-da9bcf65.entry.js +0 -2
- package/dist/components/p-BppwDNy5.js +0 -166
- package/dist/components/p-BppwDNy5.js.map +0 -1
- package/dist/paperless/p-0d80f713.entry.js +0 -2
- package/dist/paperless/p-30b71d45.entry.js +0 -2
- package/dist/paperless/p-4a420a81.entry.js +0 -2
- package/dist/paperless/p-78ecefd7.entry.js +0 -2
- package/dist/paperless/p-90981f81.entry.js +0 -2
- package/dist/paperless/p-955d3465.entry.js +0 -2
- package/dist/paperless/p-991d0b21.entry.js +0 -2
- package/dist/paperless/p-acdfcf17.entry.js +0 -2
- package/dist/paperless/p-d35b820d.entry.js +0 -2
- package/dist/paperless/p-d35b820d.entry.js.map +0 -1
- package/dist/paperless/p-da9bcf65.entry.js +0 -2
- /package/dist/build/{p-b334b27d.entry.js.map → p-0ea3c0be.entry.js.map} +0 -0
- /package/dist/build/{p-e74def55.entry.js.map → p-0fd02345.entry.js.map} +0 -0
- /package/dist/build/{p-da9bcf65.entry.js.map → p-13746ec7.entry.js.map} +0 -0
- /package/dist/build/{p-bf3a11a3.entry.js.map → p-1a551082.entry.js.map} +0 -0
- /package/dist/build/{p-f866e7de.entry.js.map → p-1c9b0700.entry.js.map} +0 -0
- /package/dist/build/{p-e3250b88.entry.js.map → p-1f45e45a.entry.js.map} +0 -0
- /package/dist/build/{p-4a420a81.entry.js.map → p-20f5071b.entry.js.map} +0 -0
- /package/dist/build/{p-6527b461.entry.js.map → p-230365ba.entry.js.map} +0 -0
- /package/dist/build/{p-586ca05c.entry.js.map → p-2366e61d.entry.js.map} +0 -0
- /package/dist/build/{p-9686ab8f.entry.js.map → p-3e2d2587.entry.js.map} +0 -0
- /package/dist/build/{p-9bb90aaf.entry.js.map → p-419077c3.entry.js.map} +0 -0
- /package/dist/build/{p-ab9ad2c2.entry.js.map → p-4e7c1803.entry.js.map} +0 -0
- /package/dist/build/{p-955d3465.entry.js.map → p-50b3268f.entry.js.map} +0 -0
- /package/dist/build/{p-2b203c64.entry.js.map → p-542a718b.entry.js.map} +0 -0
- /package/dist/build/{p-a8d11806.entry.js.map → p-6581ce9c.entry.js.map} +0 -0
- /package/dist/build/{p-5ac2fea4.entry.js.map → p-78403aa3.entry.js.map} +0 -0
- /package/dist/build/{p-60fc666c.entry.js.map → p-7f1f62c2.entry.js.map} +0 -0
- /package/dist/build/{p-e7e7bc25.entry.js.map → p-805bad94.entry.js.map} +0 -0
- /package/dist/build/{p-d4f556ea.entry.js.map → p-8325525f.entry.js.map} +0 -0
- /package/dist/build/{p-acdfcf17.entry.js.map → p-84979460.entry.js.map} +0 -0
- /package/dist/build/{p-ce7c429d.entry.js.map → p-8817fc5d.entry.js.map} +0 -0
- /package/dist/build/{p-60d4f5b8.entry.js.map → p-982c05d5.entry.js.map} +0 -0
- /package/dist/build/{p-80c3e999.entry.js.map → p-9ab2cb8d.entry.js.map} +0 -0
- /package/dist/build/{p-05e44db5.entry.js.map → p-a3273e15.entry.js.map} +0 -0
- /package/dist/build/{p-396a5eb9.entry.js.map → p-b176abc5.entry.js.map} +0 -0
- /package/dist/build/{p-6e791181.entry.js.map → p-b8b570c4.entry.js.map} +0 -0
- /package/dist/build/{p-4ab7f5c2.entry.js.map → p-b96f8d26.entry.js.map} +0 -0
- /package/dist/build/{p-1032c052.entry.js.map → p-bea5329b.entry.js.map} +0 -0
- /package/dist/build/{p-1671db20.entry.js.map → p-cbd7870f.entry.js.map} +0 -0
- /package/dist/build/{p-30b71d45.entry.js.map → p-d8c60f3c.entry.js.map} +0 -0
- /package/dist/build/{p-85402959.entry.js.map → p-ec9a178a.entry.js.map} +0 -0
- /package/dist/build/{p-f0851d2d.entry.js.map → p-f13b147d.entry.js.map} +0 -0
- /package/dist/build/{p-d4152f66.entry.js.map → p-fa78c45a.entry.js.map} +0 -0
- /package/dist/paperless/{p-b334b27d.entry.js.map → p-0ea3c0be.entry.js.map} +0 -0
- /package/dist/paperless/{p-e74def55.entry.js.map → p-0fd02345.entry.js.map} +0 -0
- /package/dist/paperless/{p-da9bcf65.entry.js.map → p-13746ec7.entry.js.map} +0 -0
- /package/dist/paperless/{p-bf3a11a3.entry.js.map → p-1a551082.entry.js.map} +0 -0
- /package/dist/paperless/{p-f866e7de.entry.js.map → p-1c9b0700.entry.js.map} +0 -0
- /package/dist/paperless/{p-e3250b88.entry.js.map → p-1f45e45a.entry.js.map} +0 -0
- /package/dist/paperless/{p-4a420a81.entry.js.map → p-20f5071b.entry.js.map} +0 -0
- /package/dist/paperless/{p-6527b461.entry.js.map → p-230365ba.entry.js.map} +0 -0
- /package/dist/paperless/{p-586ca05c.entry.js.map → p-2366e61d.entry.js.map} +0 -0
- /package/dist/paperless/{p-9686ab8f.entry.js.map → p-3e2d2587.entry.js.map} +0 -0
- /package/dist/paperless/{p-9bb90aaf.entry.js.map → p-419077c3.entry.js.map} +0 -0
- /package/dist/paperless/{p-ab9ad2c2.entry.js.map → p-4e7c1803.entry.js.map} +0 -0
- /package/dist/paperless/{p-955d3465.entry.js.map → p-50b3268f.entry.js.map} +0 -0
- /package/dist/paperless/{p-2b203c64.entry.js.map → p-542a718b.entry.js.map} +0 -0
- /package/dist/paperless/{p-a8d11806.entry.js.map → p-6581ce9c.entry.js.map} +0 -0
- /package/dist/paperless/{p-5ac2fea4.entry.js.map → p-78403aa3.entry.js.map} +0 -0
- /package/dist/paperless/{p-60fc666c.entry.js.map → p-7f1f62c2.entry.js.map} +0 -0
- /package/dist/paperless/{p-e7e7bc25.entry.js.map → p-805bad94.entry.js.map} +0 -0
- /package/dist/paperless/{p-d4f556ea.entry.js.map → p-8325525f.entry.js.map} +0 -0
- /package/dist/paperless/{p-acdfcf17.entry.js.map → p-84979460.entry.js.map} +0 -0
- /package/dist/paperless/{p-ce7c429d.entry.js.map → p-8817fc5d.entry.js.map} +0 -0
- /package/dist/paperless/{p-60d4f5b8.entry.js.map → p-982c05d5.entry.js.map} +0 -0
- /package/dist/paperless/{p-80c3e999.entry.js.map → p-9ab2cb8d.entry.js.map} +0 -0
- /package/dist/paperless/{p-05e44db5.entry.js.map → p-a3273e15.entry.js.map} +0 -0
- /package/dist/paperless/{p-396a5eb9.entry.js.map → p-b176abc5.entry.js.map} +0 -0
- /package/dist/paperless/{p-6e791181.entry.js.map → p-b8b570c4.entry.js.map} +0 -0
- /package/dist/paperless/{p-4ab7f5c2.entry.js.map → p-b96f8d26.entry.js.map} +0 -0
- /package/dist/paperless/{p-1032c052.entry.js.map → p-bea5329b.entry.js.map} +0 -0
- /package/dist/paperless/{p-1671db20.entry.js.map → p-cbd7870f.entry.js.map} +0 -0
- /package/dist/paperless/{p-30b71d45.entry.js.map → p-d8c60f3c.entry.js.map} +0 -0
- /package/dist/paperless/{p-85402959.entry.js.map → p-ec9a178a.entry.js.map} +0 -0
- /package/dist/paperless/{p-f0851d2d.entry.js.map → p-f13b147d.entry.js.map} +0 -0
- /package/dist/paperless/{p-d4152f66.entry.js.map → p-fa78c45a.entry.js.map} +0 -0
|
@@ -75,10 +75,10 @@ const NavigationItem = class {
|
|
|
75
75
|
render() {
|
|
76
76
|
const TagType = this.as;
|
|
77
77
|
const active = asBoolean.asBoolean(this.active) || this.class?.includes('active');
|
|
78
|
-
return (index.h(index.Host, { key: '
|
|
78
|
+
return (index.h(index.Host, { key: 'eb6b10ba66dba8fac446fe04d32508364e88f48f', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: 'e3bddc31268778ff0047606b0d5a041344eacfcf', class: navigationItem({
|
|
79
79
|
icon: !!this.icon,
|
|
80
80
|
active,
|
|
81
|
-
}), href: this.href, target: this.target }, index.h("div", { key: '
|
|
81
|
+
}), href: this.href, target: this.target }, index.h("div", { key: '7a4847681f1b1891caa3516a7300bb67f86573f8', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: 'd15ad1cdffa02057a0f54ffa294bcd464ff9ce59', variant: this.icon })), index.h("span", { key: '3f85e45d6a1de30cd9eb2a9d78ef07a55735e437', class: this.counter && 'has-counter' }, index.h("slot", { key: 'fd5979b6f1a79e972b26b59bd2cb09ff325a4bfa' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '942167259e3775c65702bf3caf3540632e6366d6' }, this.counter)), !!this.loading && index.h("p-loader", { key: '34e5a62bef8b27bd9796096749b63836f5fb802a', class: 'ml-auto' }))));
|
|
82
82
|
}
|
|
83
83
|
};
|
|
84
84
|
NavigationItem.style = navigationItemComponentCss;
|
|
@@ -13,7 +13,7 @@ const NavigationSection = class {
|
|
|
13
13
|
*/
|
|
14
14
|
header;
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h(index.Host, { key: '
|
|
16
|
+
return (index.h(index.Host, { key: 'b5fd5eb8c323213f8f4e8a35356e3f02dc5274bb', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '8ef7d0eae599dcedc193888175226be9776cf5f6' }, this.header)), index.h("div", { key: '08fcb13e77b81da664133a11fa92833095e2c4ff', class: 'flex flex-col' }, index.h("slot", { key: 'f23a88ffd3b1a9c7c9811433f211b3f74c98baa2' }))));
|
|
17
17
|
}
|
|
18
18
|
};
|
|
19
19
|
NavigationSection.style = navigationSectionComponentCss;
|
|
@@ -9,7 +9,7 @@ const NavigationTitle = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h(index.Host, { key: '
|
|
12
|
+
return (index.h(index.Host, { key: '066b2f0db42fa716be54fd9c13c85eaa12b3a06b', class: 'text-xs font-medium text-storm-300' }, index.h("slot", { key: 'aec7079791ad6e65e3457a4a0f0f2c0d52021985' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
NavigationTitle.style = navigationTitleComponentCss;
|
|
@@ -87,12 +87,12 @@ const PaginationPagesItem = class {
|
|
|
87
87
|
*/
|
|
88
88
|
disabled = false;
|
|
89
89
|
render() {
|
|
90
|
-
return (index.h("div", { key: '
|
|
90
|
+
return (index.h("div", { key: '418ce9b54675cf3240fd1f50943247898e102dd4', class: item({
|
|
91
91
|
variant: this.variant,
|
|
92
92
|
active: asBoolean.asBoolean(this.active),
|
|
93
93
|
hover: asBoolean.asBoolean(this.hover, true),
|
|
94
94
|
disabled: asBoolean.asBoolean(this.disabled),
|
|
95
|
-
}) }, index.h("slot", { key: '
|
|
95
|
+
}) }, index.h("slot", { key: '63c03f54cb5ec55c7dcb8d8e20788cb93557ff8b' })));
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
98
|
PaginationPagesItem.style = paginationPagesItemComponentCss;
|
|
@@ -73,12 +73,12 @@ const Pagination = class {
|
|
|
73
73
|
_hasPaginationPages = true;
|
|
74
74
|
render() {
|
|
75
75
|
const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
|
|
76
|
-
return (index.h("div", { key: '
|
|
76
|
+
return (index.h("div", { key: '1d6fa4eee108d6fb429fbd222880278e504fe5bd', class: pagination$1({
|
|
77
77
|
hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
|
|
78
78
|
(!this.enablePaginationSize && !this.enablePaginationPages),
|
|
79
|
-
}) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '
|
|
79
|
+
}) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '6e6bcd8f70f0ab34b8373c4b7664061bd6b04e59' }, index.h("p-pagination-size", { key: '5c56ec9b539bde62cdaac2524713f2c7c1eb1254', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
|
|
80
80
|
this.hideOnSinglePage &&
|
|
81
|
-
this._hasPaginationPages && (index.h("p-divider", { key: '
|
|
81
|
+
this._hasPaginationPages && (index.h("p-divider", { key: '5d088202768ee9b0c14cedd97c75d06aa75b9f60', variant: 'vertical', class: 'mx-0 h-4 text-off-white-700' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: '6c6a67c1f6e46d1cd2c56efad2ba6e5cab36cefd', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
|
|
82
82
|
this._hasPaginationPages = detail > 1;
|
|
83
83
|
this.pagesChange.emit(detail);
|
|
84
84
|
} }))));
|
|
@@ -139,7 +139,7 @@ const PaginationPages = class {
|
|
|
139
139
|
this._generate();
|
|
140
140
|
}
|
|
141
141
|
render() {
|
|
142
|
-
return (index.h("div", { key: '
|
|
142
|
+
return (index.h("div", { key: 'd57a07032260d58bac44e4107a29d9e1935925c8', class: pagination({
|
|
143
143
|
hidden: this.hideOnSinglePage && this._set?.length === 3,
|
|
144
144
|
}) }, this._set?.map(p => {
|
|
145
145
|
if (p.type === 'previous' || p.type === 'next') {
|
|
@@ -6,7 +6,7 @@ var asBoolean = require('./as-boolean-C1PzA22I.js');
|
|
|
6
6
|
var nonce = require('./nonce-D6kacMR6.js');
|
|
7
7
|
require('./clsx-BtxeOLZW.js');
|
|
8
8
|
|
|
9
|
-
const radioComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.block{display:block!important}.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500{--tw-border-opacity:1!important;border-color:rgb(24 30 41/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto:checked{cursor:auto!important}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer:checked~.peer-checked\\:ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)!important}";
|
|
9
|
+
const radioComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.block{display:block!important}.flex{display:flex!important}.h-2{height:.5rem!important}.h-4{height:1rem!important}.w-2{width:.5rem!important}.w-4{width:1rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500{--tw-border-opacity:1!important;border-color:rgb(24 30 41/var(--tw-border-opacity,1))!important}.bg-transparent{background-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto:checked{cursor:auto!important}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.peer:checked~.peer-checked\\:ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)!important}";
|
|
10
10
|
|
|
11
11
|
const radio = index$1.cva([
|
|
12
12
|
'peer appearance-none m-0 outline-none flex-shrink-0',
|
|
@@ -107,11 +107,11 @@ const Radio = class {
|
|
|
107
107
|
}
|
|
108
108
|
render() {
|
|
109
109
|
const id = this.id?.length ? this.id : this._nonce;
|
|
110
|
-
return (index.h("label", { key: '
|
|
110
|
+
return (index.h("label", { key: '71c7bae3e9cb37a0483b8ed1cf8cb3ca79e924fd', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '0a0c1b26f8909ce5eed87bf8708dc8679cfcb60a', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '18d8572aa605db4598ae4d80af1644e84fb62c63', class: radio({
|
|
111
111
|
disabled: asBoolean.asBoolean(this.disabled),
|
|
112
|
-
}), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '
|
|
112
|
+
}), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'af68e0e330b14de18809bb8eaf57149f9be6cbf4', class: circle({
|
|
113
113
|
disabled: asBoolean.asBoolean(this.disabled),
|
|
114
|
-
}) })), index.h("slot", { key: '
|
|
114
|
+
}) })), index.h("div", { key: '1da257f9fbae9417ea352c0bd6798bccdb8eafbc', class: 'flex-1 overflow-hidden text-ellipsis' }, index.h("slot", { key: 'd8740a3e3257a9b0ef85b4c959dc5da219aaaeef' }))));
|
|
115
115
|
}
|
|
116
116
|
_onChange(ev) {
|
|
117
117
|
if (asBoolean.asBoolean(this.disabled)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-radio.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,
|
|
1
|
+
{"file":"p-radio.entry.cjs.js","mappings":"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","names":["cva","nonce","h","asBoolean"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-radio.entry.cjs.js","sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"names":["cva","nonce","h","asBoolean"],"mappings":";;;;;;;;AAAA,MAAM,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-radio.entry.cjs.js","sources":["src/components/atoms/radio/radio.component.css?tag=p-radio","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(false);\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={radio({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='radio'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"names":["cva","nonce","h","asBoolean"],"mappings":"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"}
|
|
@@ -31,9 +31,9 @@ const Range = class {
|
|
|
31
31
|
valueChange;
|
|
32
32
|
render() {
|
|
33
33
|
const percentage = Math.round((this.value / (this.max - this.min)) * 100);
|
|
34
|
-
return (index.h("div", { key: '
|
|
34
|
+
return (index.h("div", { key: 'd752a36ccbbd0f58e037efd7930f1383e990fdf1', class: 'flex w-inherit items-center gap-2 text-storm-300' }, index.h("p-icon", { key: '073a9283d49be1186521f2523ef34951d661e639', variant: 'minus' }), index.h("div", { key: 'ad06185fd986cbd65e12158ffba7be707a5f1dcb', class: 'relative h-6 flex-1' }, index.h("input", { key: '4077fb3587f98508dea3d0447d2ac965c7bcdcf8', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), index.h("div", { key: '6c7e786746ba2feec543d2aa53bdc67afd2cfc6e', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-indigo-600', style: {
|
|
35
35
|
width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
|
|
36
|
-
} })), index.h("p-icon", { key: '
|
|
36
|
+
} })), index.h("p-icon", { key: '74abe8e6c7bd8c75fa6813d0b02df8a589b3f0e3', variant: 'plus' })));
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
Range.style = rangeComponentCss;
|
|
@@ -323,7 +323,7 @@ const Select = class {
|
|
|
323
323
|
if (this.error?.length) {
|
|
324
324
|
buttonIcon = 'warning';
|
|
325
325
|
}
|
|
326
|
-
return (index.h("p-field-container", { key: '
|
|
326
|
+
return (index.h("p-field-container", { key: 'ade8bf1d8ba4064793820482327dff8906a35eb3', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, showOptional: this.showOptional, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, index.h("p-dropdown", { key: '015b145c15f659b318af58f193ffea092f4557ce', applyFullWidth: true, applyMaxWidth: false, slot: 'content', insideClick: true, manual: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), strategy: this.strategy }, index.h("p-button", { key: 'c07fe8d349a7bbbc8b33dcdd14b2231b5d4595d9', slot: 'trigger', class: 'w-full', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, disabled: this.disabled, active: this._showDropdown, error: !!this.error?.length, icon: buttonIcon, onClick: ev => this._onClick(ev) }, index.h("div", { key: '83f16d864b540b3ae9cf59c17b2159a3d965b777', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
|
|
327
327
|
}
|
|
328
328
|
documentClickHandler(event) {
|
|
329
329
|
if (!this._showDropdown || childOf.childOfComposed(event, this._el)) {
|
|
@@ -51,7 +51,7 @@ const Smile = class {
|
|
|
51
51
|
*/
|
|
52
52
|
variant = 'modal';
|
|
53
53
|
render() {
|
|
54
|
-
return (index.h(index.Host, { key: '
|
|
54
|
+
return (index.h(index.Host, { key: '15004903c601dea6302f06a56e03d5e2f920c77a', class: smile({ variant: this.variant }) }, index.h("div", { key: 'cd71854300aa7b22352fe297c2fe90810af665ec', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
|
|
55
55
|
}
|
|
56
56
|
};
|
|
57
57
|
Smile.style = smileComponentCss;
|
|
@@ -121,17 +121,17 @@ const StepperItem = class {
|
|
|
121
121
|
*/
|
|
122
122
|
active = false;
|
|
123
123
|
render() {
|
|
124
|
-
return (index.h("div", { key: '
|
|
124
|
+
return (index.h("div", { key: '3fd869f7506b7254d517134e89d9daa35001cf46', class: item({
|
|
125
125
|
align: this.align,
|
|
126
126
|
contentPosition: this.contentPosition,
|
|
127
|
-
}) }, index.h("div", { key: '
|
|
127
|
+
}) }, index.h("div", { key: '9609e9a660acdbfd6db973373266372f39bb8223', class: circle({
|
|
128
128
|
active: asBoolean.asBoolean(this.active),
|
|
129
129
|
finished: asBoolean.asBoolean(this.finished),
|
|
130
|
-
}) }, this.number), index.h("div", { key: '
|
|
130
|
+
}) }, this.number), index.h("div", { key: 'b273741186d17faa16687a1a433a8733c4d0d079', class: content({
|
|
131
131
|
active: asBoolean.asBoolean(this.active),
|
|
132
132
|
finished: asBoolean.asBoolean(this.finished),
|
|
133
133
|
direction: this.direction,
|
|
134
|
-
}) }, index.h("slot", { key: '
|
|
134
|
+
}) }, index.h("slot", { key: '34a911fa51007c340916f46894cddce7cde05ec2' }))));
|
|
135
135
|
}
|
|
136
136
|
};
|
|
137
137
|
StepperItem.style = stepperItemComponentCss;
|
|
@@ -151,7 +151,7 @@ const StepperLine = class {
|
|
|
151
151
|
*/
|
|
152
152
|
direction = 'horizontal';
|
|
153
153
|
render() {
|
|
154
|
-
return index.h(index.Host, { key: '
|
|
154
|
+
return index.h(index.Host, { key: 'acf1fd861383ec672e3d66471cb82af27c2a7496' });
|
|
155
155
|
}
|
|
156
156
|
};
|
|
157
157
|
StepperLine.style = stepperLineComponentCss;
|
|
@@ -9,7 +9,7 @@ const TabContainer = class {
|
|
|
9
9
|
index.registerInstance(this, hostRef);
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (index.h("div", { key: '
|
|
12
|
+
return (index.h("div", { key: '85819cea4b07350e917b869a980cd340a0fceb40', class: 'relative flex h-8 w-full flex-col' }, index.h("div", { key: 'bc4d8b901165deef89a20357884c406e41e35456', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, index.h("slot", { key: '0c11afff93b9dc1d800f658964e0cc55bd11311d' })), index.h("p-divider", { key: '4cc6d7d4e113f319ebf65d05798d7b996289eac0', class: 'absolute bottom-0 left-0 m-0 w-full' })));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
15
|
TabContainer.style = tabContainerComponentCss;
|
|
@@ -27,7 +27,7 @@ const TabItem = class {
|
|
|
27
27
|
*/
|
|
28
28
|
active = false;
|
|
29
29
|
render() {
|
|
30
|
-
return (index.h("div", { key: '
|
|
30
|
+
return (index.h("div", { key: '12cd3f2b9329e284f8112ff19a222e47e90d0f3c', class: item({ active: this.active }) }, index.h("slot", { key: 'a77d3197838d4cbb42aea2c4fd667664f7038d5f' })));
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
TabItem.style = tabItemComponentCss;
|
|
@@ -43,9 +43,9 @@ const ToastContainer = class {
|
|
|
43
43
|
*/
|
|
44
44
|
placement = 'top-end';
|
|
45
45
|
render() {
|
|
46
|
-
return (index.h("div", { key: '
|
|
46
|
+
return (index.h("div", { key: 'dfd6ab4b66c397923a9bd15352f8b0027646347d', class: container({
|
|
47
47
|
placement: this.placement,
|
|
48
|
-
}) }, index.h("slot", { key: '
|
|
48
|
+
}) }, index.h("slot", { key: 'a4a231ef7026d15840bff6b6b4041764e51e0833' })));
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
51
|
ToastContainer.style = toastContainerComponentCss;
|
|
@@ -58,7 +58,7 @@ const Toast = class {
|
|
|
58
58
|
*/
|
|
59
59
|
action;
|
|
60
60
|
render() {
|
|
61
|
-
return (index.h("div", { key: '
|
|
61
|
+
return (index.h("div", { key: '85632e290cceb8e44c1d846a542b4be4ae710b52', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2', onClick: () => this._onClick() }, index.h("div", { key: '976492254a92d129114b39cc715a7ba4d284fb90', class: indicator({ variant: this.variant }) }), index.h("div", { key: '9eb4d859239ea6adead3ab1afdec23653643211c', class: content() }, index.h("div", { key: 'baae5161ccc1bd0f455b23dbf1388787cc32e4b0', class: 'flex w-full min-w-0 flex-col' }, index.h("p", { key: '3dc2c0e3c03ab3c037031dae236cdbeaa754eb6b', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500' }, this.header?.length ? this.header : index.h("slot", { name: 'header' })), index.h("p", { key: '8f54e9d6f8c8cc59278e943676cc2396e3ea79ca', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300' }, this.content?.length ? this.content : index.h("slot", { name: 'content' }))), this.enableAction && (index.h("div", { key: '27583758fc5639866d3195d9d2b1eacaa7111401', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500' }, index.h("p-icon", { key: '0916610b404ea9ce90d61ec203bcbbff43e01761', variant: this.actionIcon, flip: this.actionIconFlip, rotate: this.actionIconRotate }))))));
|
|
62
62
|
}
|
|
63
63
|
_onClick() {
|
|
64
64
|
if (this.enableAction) {
|
|
@@ -6,7 +6,7 @@ var asBoolean = require('./as-boolean-C1PzA22I.js');
|
|
|
6
6
|
var nonce = require('./nonce-D6kacMR6.js');
|
|
7
7
|
require('./clsx-BtxeOLZW.js');
|
|
8
8
|
|
|
9
|
-
const toggleComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-\\[1px\\]{left:1px!important}.left-\\[2px\\]{left:2px!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-\\[14px\\]{height:14px!important}.w-3{width:.75rem!important}.w-8{width:2rem!important}.w-\\[14px\\]{width:14px!important}.flex-shrink-0{flex-shrink:0!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-storm-100{background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-100,.bg-storm-50{--tw-bg-opacity:1!important}.bg-storm-50{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:h-1:after{content:var(--tw-content)!important;height:.25rem!important}.after\\:w-1:after{content:var(--tw-content)!important;width:.25rem!important}.after\\:rounded-full:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\\:bg-indigo-800:after{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:transition-all:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:content-\\[\\]:after{--tw-content:!important;content:var(--tw-content)!important}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\],.group\\/toggle-label:hover .group-hover\\/toggle-label\\:w-\\[18px\\]{width:18px!important}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2:after,.group\\/toggle-label:hover .group-hover\\/toggle-label\\:after\\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:left-full{left:100%!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\"!important;content:var(--tw-content)!important}";
|
|
9
|
+
const toggleComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-\\[1px\\]{left:1px!important}.left-\\[2px\\]{left:2px!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.h-3{height:.75rem!important}.h-4{height:1rem!important}.h-\\[14px\\]{height:14px!important}.w-3{width:.75rem!important}.w-8{width:2rem!important}.w-\\[14px\\]{width:14px!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-storm-100{background-color:rgb(209 210 212/var(--tw-bg-opacity,1))!important}.bg-storm-100,.bg-storm-50{--tw-bg-opacity:1!important}.bg-storm-50{background-color:rgb(232 232 234/var(--tw-bg-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:h-1:after{content:var(--tw-content)!important;height:.25rem!important}.after\\:w-1:after{content:var(--tw-content)!important;width:.25rem!important}.after\\:rounded-full:after{border-radius:9999px!important;content:var(--tw-content)!important}.after\\:bg-indigo-800:after{--tw-bg-opacity:1!important;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))!important;content:var(--tw-content)!important}.after\\:transition-all:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.after\\:content-\\[\\]:after{--tw-content:!important;content:var(--tw-content)!important}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\],.group\\/toggle-label:hover .group-hover\\/toggle-label\\:w-\\[18px\\]{width:18px!important}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2:after,.group\\/toggle-label:hover .group-hover\\/toggle-label\\:after\\:w-2:after{content:var(--tw-content)!important;width:.5rem!important}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:left-full{left:100%!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)!important}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\"!important;content:var(--tw-content)!important}";
|
|
10
10
|
|
|
11
11
|
const toggle = index$1.cva([
|
|
12
12
|
'peer appearance-none m-0 outline-none flex-shrink-0',
|
|
@@ -105,11 +105,11 @@ const Toggle = class {
|
|
|
105
105
|
}
|
|
106
106
|
render() {
|
|
107
107
|
const id = this.id?.length ? this.id : this._nonce;
|
|
108
|
-
return (index.h("label", { key: '
|
|
108
|
+
return (index.h("label", { key: 'e09904661c96c91fad5d015f4126442bef9a89d5', htmlFor: id, class: 'flex items-center justify-start gap-2' }, index.h("div", { key: '80f542eaf5c20146212f0ffa3d6e1feb0edd59ba', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, index.h("input", { key: 'e52def64e9676f507389a8e6e2ca4f01804a2238', class: toggle({
|
|
109
109
|
disabled: asBoolean.asBoolean(this.disabled),
|
|
110
|
-
}), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: '
|
|
110
|
+
}), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean.asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), index.h("div", { key: 'bfe38f8114f6dd3a158aa7c326c6cbc6ba75e6de', class: circle({
|
|
111
111
|
disabled: asBoolean.asBoolean(this.disabled),
|
|
112
|
-
}) })), index.h("slot", { key: '
|
|
112
|
+
}) })), index.h("div", { key: 'ebd84c29c027e93e1ea23b1cc5775e6be84d94ed', class: 'flex-1 overflow-hidden text-ellipsis' }, index.h("slot", { key: 'd560238b2232a345dec18830f69129ab7c3c8cc4' }))));
|
|
113
113
|
}
|
|
114
114
|
_onChange(ev) {
|
|
115
115
|
if (asBoolean.asBoolean(this.disabled)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-toggle.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"file":"p-toggle.entry.cjs.js","mappings":"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","names":["cva","nonce","h","asBoolean"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst toggle = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-storm-50 border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: ['bg-white-600 border-storm-50 cursor-not-allowed'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-storm-500/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-[''] after:bg-indigo-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-storm-100 peer-checked:bg-storm-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='group/p-toggle relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={toggle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? 'on' : 'off');\n\t\t}\n\t}\n}\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-toggle.entry.cjs.js","sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst toggle = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-storm-50 border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: ['bg-white-600 border-storm-50 cursor-not-allowed'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-storm-500/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-[''] after:bg-indigo-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-storm-100 peer-checked:bg-storm-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='group/p-toggle relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={toggle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? 'on' : 'off');\n\t\t}\n\t}\n}\n"],"names":["cva","nonce","h","asBoolean"],"mappings":";;;;;;;;AAAA,MAAM,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"p-toggle.entry.cjs.js","sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst toggle = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded-full w-8 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-storm-50 border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: ['bg-white-600 border-storm-50 cursor-not-allowed'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'flex items-center justify-center',\n\t\t'rounded-full transition-all ',\n\t\t'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white ring-1 ring-storm-500/10',\n\t\t\t\t\t'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',\n\t\t\t\t\t\"after:content-[] peer-checked:after:content-[''] after:bg-indigo-800 after:rounded-full after:transition-all\",\n\t\t\t\t\t'w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]',\n\t\t\t\t\t'after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-storm-100 peer-checked:bg-storm-200',\n\t\t\t\t\t'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',\n\t\t\t\t\t'w-3 h-3',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-toggle',\n\tstyleUrl: 'toggle.component.css',\n\tformAssociated: true,\n})\nexport class Toggle {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t>\n\t\t\t\t<div class='group/p-toggle relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={toggle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\tchecked={!!this.checked}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={circle({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t\tthis._internals.setFormValue(this.checked ? 'on' : 'off');\n\t\t}\n\t}\n}\n"],"names":["cva","nonce","h","asBoolean"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\/2{left:50%!important}.top-1\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500{--tw-border-opacity:1!important;border-color:rgb(24 30 41/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-storm-200{color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-200,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\:border-storm-500\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.indeterminate\:border-storm-500\/20:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\:bg-indigo-600:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.indeterminate\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\:ring-indigo-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\:border-storm-500\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\:hover\:border-storm-500\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\:hover\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.indeterminate\:hover\:border-storm-500\/20:hover:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\:hover\:bg-indigo-700:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\/checkbox-label:hover .group-hover\/checkbox-label\:border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.group\/checkbox-label:hover .group-hover\/checkbox-label\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\/checkbox-label:hover .group-hover\/checkbox-label\:text-sm,.group\/p-checkbox:hover .group-hover\/p-checkbox\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.group\/checkbox-label:hover .checked\:group-hover\/checkbox-label\:border-storm-500\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\/checkbox-label:hover .checked\:group-hover\/checkbox-label\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\/checkbox-label:hover .indeterminate\:group-hover\/checkbox-label\:border-storm-500\/20:indeterminate{border-color:rgba(24,30,41,.2)!important}.group\/checkbox-label:hover .indeterminate\:group-hover\/checkbox-label\:bg-indigo-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\:flex{display:flex!important}
|
|
1
|
+
*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\/2{left:50%!important}.top-1\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-500{--tw-border-opacity:1!important;border-color:rgb(24 30 41/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-storm-200{color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-200,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\:border-storm-500\/20:checked{border-color:rgba(24,30,41,.2)!important}.checked\:bg-indigo-600:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\:ring-indigo-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.indeterminate\:border-storm-500\/20:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\:bg-indigo-600:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.indeterminate\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\:ring-indigo-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\:border-storm-500\/20:hover{border-color:rgba(24,30,41,.2)!important}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\:hover\:border-storm-500\/20:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\:hover\:bg-indigo-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.indeterminate\:hover\:border-storm-500\/20:hover:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\:hover\:bg-indigo-700:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\/checkbox-label:hover .group-hover\/checkbox-label\:border-storm-100{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.group\/checkbox-label:hover .group-hover\/checkbox-label\:bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\/checkbox-label:hover .group-hover\/checkbox-label\:text-sm,.group\/p-checkbox:hover .group-hover\/p-checkbox\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.group\/checkbox-label:hover .checked\:group-hover\/checkbox-label\:border-storm-500\/20:checked{border-color:rgba(24,30,41,.2)!important}.group\/checkbox-label:hover .checked\:group-hover\/checkbox-label\:bg-indigo-700:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\/checkbox-label:hover .indeterminate\:group-hover\/checkbox-label\:border-storm-500\/20:indeterminate{border-color:rgba(24,30,41,.2)!important}.group\/checkbox-label:hover .indeterminate\:group-hover\/checkbox-label\:bg-indigo-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\:flex{display:flex!important}
|
|
@@ -93,13 +93,13 @@ export class Checkbox {
|
|
|
93
93
|
}
|
|
94
94
|
render() {
|
|
95
95
|
const id = this.id?.length ? this.id : this._nonce;
|
|
96
|
-
return (h("label", { key: '
|
|
96
|
+
return (h("label", { key: '5b835532c598ac77500f5f563796d04127db7666', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2 ' }, h("div", { key: '7aca6c1f19de304fcd4aca4a23aa99a71111a5fe', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '7cee0e114e6e17d84666ceedbd71b20649911f50', class: checkbox({
|
|
97
97
|
disabled: asBoolean(this.disabled),
|
|
98
|
-
}), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '
|
|
98
|
+
}), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'fcf199540a1153b764b474d5843071c28ba13c81', class: iconContainer({
|
|
99
99
|
disabled: asBoolean(this.disabled),
|
|
100
|
-
}) }, h("p-icon", { key: '
|
|
100
|
+
}) }, h("p-icon", { key: '8d68440e7967637d96d3668c463bcec21e72fe83', class: icon({
|
|
101
101
|
disabled: asBoolean(this.disabled),
|
|
102
|
-
}), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("slot", { key: '
|
|
102
|
+
}), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: 'dce0b191fcbaa80249671c98eef1fb33690ff227', class: 'flex-1 overflow-hidden text-ellipsis' }, h("slot", { key: '915dbd432e80938d5a4a2beb3c5ff0dcfe4c8c97' }))));
|
|
103
103
|
}
|
|
104
104
|
_onChange(ev) {
|
|
105
105
|
if (this.disabled) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/checkbox/checkbox.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,eAAe,EACf,SAAS,EACT,KAAK,EAEL,IAAI,EACJ,KAAK,EACL,CAAC,GACD,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,QAAQ,GAAG,GAAG,CACnB;IACC,qDAAqD;IACrD,mCAAmC;IACnC,iBAAiB;CACjB,EACD;IACC,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EAAE;gBACN,yBAAyB;gBACzB,2BAA2B;gBAC3B,+CAA+C;gBAC/C,sFAAsF;gBACtF,mDAAmD;gBACnD,wCAAwC;gBACxC,+DAA+D;gBAC/D,yGAAyG;gBACzG,+DAA+D;gBAC/D,oDAAoD;gBACpD,2EAA2E;gBAC3E,qHAAqH;aACrH;YACD,IAAI,EAAE,kDAAkD;SACxD;KACD;CACD,CACD,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CACxB;IACC,kDAAkD;IAClD,2FAA2F;CAC3F,EACD;IACC,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,gBAAgB;SACtB;KACD;CACD,CACD,CAAC;AAEF,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;IAC3C,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,KAAK,EACJ,mEAAmE;YACpE,IAAI,EAAE,IAAI;SACV;KACD;CACD,CAAC,CAAC;AAOH,MAAM,OAAO,QAAQ;IACpB;;OAEG;IACK,OAAO,CAAU;IAEzB;;OAEG;IACK,aAAa,CAAU;IAE/B;;OAEG;IACsB,QAAQ,GAAY,KAAK,CAAC;IAEnD;;OAEG;IACsB,QAAQ,GAAY,IAAI,CAAC;IAElD;;OAEG;IACsB,EAAE,CAAS;IAEpC;;OAEG;IACsB,IAAI,CAAS;IAEtC;;OAEG;IACM,aAAa,CAAwB;IAC9C;;OAEG;IACM,mBAAmB,CAAwB;IAEnC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IAEhB,UAAU,CAAmB;IAEhD,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACrC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YAC3B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,MAAM;QACL,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QAEnD,OAAO,CACN,8DACC,OAAO,EAAE,EAAE,EACX,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/checkbox/checkbox.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t\t'indeterminate:bg-indigo-600 indeterminate:border-storm-500/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-indigo-100',\n\t\t\t\t\t'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm-500/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-500 cursor-not-allowed',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-storm-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-2 text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 '\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\n\t\t);\n\t}\n}\n"]}
|