@paperless/core 2.0.1-beta.201 → 2.0.1-beta.203
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 +22 -0
- package/dist/build/p-20152d8d.entry.js +2 -0
- package/dist/build/{p-f4c65de7.entry.js.map → p-20152d8d.entry.js.map} +1 -1
- package/dist/build/{p-6fbee1d3.entry.js → p-3ce32fe5.entry.js} +2 -2
- package/dist/{paperless/p-adfac475.entry.js → build/p-400adee7.entry.js} +2 -2
- package/dist/build/{p-4f7049d6.entry.js → p-4660078f.entry.js} +2 -2
- package/dist/{paperless/p-3624bdd9.entry.js → build/p-62ffa8f8.entry.js} +2 -2
- package/dist/build/p-7a773bbc.entry.js +2 -0
- package/dist/build/p-7a773bbc.entry.js.map +1 -0
- package/dist/build/{p-5a8ec950.js → p-818b3af5.js} +1 -1
- package/dist/build/{p-4832ba03.entry.js → p-82502013.entry.js} +2 -2
- package/dist/build/{p-a71d2352.entry.js → p-85074195.entry.js} +2 -2
- package/dist/build/p-9324c642.entry.js +2 -0
- package/dist/build/{p-ddab3670.entry.js → p-a663193c.entry.js} +2 -2
- package/dist/build/{p-b415c359.entry.js → p-a6fb3a0e.entry.js} +2 -2
- package/dist/build/{p-88c4591c.entry.js → p-b6595978.entry.js} +2 -2
- package/dist/build/{p-6010c311.entry.js → p-b836b88f.entry.js} +2 -2
- package/dist/build/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/build/{p-f376a605.entry.js → p-c2a06a1b.entry.js} +2 -2
- package/dist/{paperless/p-c78524f6.entry.js → build/p-c6ed8a71.entry.js} +2 -2
- package/dist/build/{p-8a137d2b.entry.js → p-d10c3755.entry.js} +2 -2
- package/dist/build/{p-8a137d2b.entry.js.map → p-d10c3755.entry.js.map} +1 -1
- package/dist/build/{p-4f840c17.entry.js → p-db98de49.entry.js} +2 -2
- package/dist/build/{p-9ca1759e.entry.js → p-fa4f61f4.entry.js} +2 -2
- package/dist/build/p-helper.p-tooltip.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-badge_3.cjs.entry.js +3 -3
- package/dist/cjs/p-button.p-icon.p-loader.entry.cjs.js.map +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-empty-state_9.cjs.entry.js +2 -2
- package/dist/cjs/p-helper.p-tooltip.entry.cjs.js.map +1 -1
- package/dist/cjs/p-helper_2.cjs.entry.js +6 -6
- package/dist/cjs/p-helper_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js +1 -1
- 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-modal-body_4.cjs.entry.js +6 -6
- 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-radio.cjs.entry.js +3 -3
- 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-toggle.cjs.entry.js +3 -3
- package/dist/collection/components/atoms/helper/helper.component.css +1 -1
- package/dist/collection/components/atoms/helper/helper.component.js +2 -2
- package/dist/collection/components/atoms/helper/helper.component.js.map +1 -1
- package/dist/collection/components/atoms/icon/icon.component.css +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.js +3 -3
- 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.js +3 -3
- package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
- package/dist/collection/components/atoms/tooltip/tooltip.component.js +3 -3
- package/dist/collection/components/atoms/tooltip/tooltip.component.js.map +1 -1
- package/dist/components/p-58ZdyO5B.js +57 -0
- package/dist/components/p-58ZdyO5B.js.map +1 -0
- package/dist/components/{p-BIWxU-mj.js → p-9pP0f4Bu.js} +5 -5
- package/dist/components/{p-BIWxU-mj.js.map → p-9pP0f4Bu.js.map} +1 -1
- package/dist/components/{p-DdUUdW-_.js → p-9uj5WvMD.js} +3 -3
- package/dist/components/{p-DdUUdW-_.js.map → p-9uj5WvMD.js.map} +1 -1
- package/dist/components/{p-CrkFK8oh.js → p-B5jBuVOO.js} +8 -8
- package/dist/components/{p-CrkFK8oh.js.map → p-B5jBuVOO.js.map} +1 -1
- package/dist/components/{p-BDzCFMx7.js → p-BD6lo9Vc.js} +3 -3
- package/dist/components/{p-BDzCFMx7.js.map → p-BD6lo9Vc.js.map} +1 -1
- package/dist/components/{p-PuDnH1bb.js → p-BNz_LoMA.js} +3 -3
- package/dist/components/p-BNz_LoMA.js.map +1 -0
- package/dist/components/{p-hfBcdLW3.js → p-BVdXkkQn.js} +3 -3
- package/dist/components/{p-hfBcdLW3.js.map → p-BVdXkkQn.js.map} +1 -1
- package/dist/components/{p-BnNkrKBz.js → p-Bene_y72.js} +3 -3
- package/dist/components/{p-BnNkrKBz.js.map → p-Bene_y72.js.map} +1 -1
- package/dist/components/{p-DEjsoofv.js → p-BhA71Rxe.js} +4 -4
- package/dist/components/{p-DEjsoofv.js.map → p-BhA71Rxe.js.map} +1 -1
- package/dist/components/{p-IeH3tzSF.js → p-BpQv5dhk.js} +3 -3
- package/dist/components/{p-IeH3tzSF.js.map → p-BpQv5dhk.js.map} +1 -1
- package/dist/components/{p-CjCAE2cp.js → p-BsP5jM-Z.js} +3 -3
- package/dist/components/{p-CjCAE2cp.js.map → p-BsP5jM-Z.js.map} +1 -1
- package/dist/components/{p-33nzbkiP.js → p-Bv4J8UoI.js} +3 -3
- package/dist/components/{p-33nzbkiP.js.map → p-Bv4J8UoI.js.map} +1 -1
- package/dist/components/{p-CjJnJl6U.js → p-BwRUQF3z.js} +3 -3
- package/dist/components/{p-CjJnJl6U.js.map → p-BwRUQF3z.js.map} +1 -1
- package/dist/components/{p-BRiiC-T-.js → p-C7TO765x.js} +5 -5
- package/dist/components/{p-BRiiC-T-.js.map → p-C7TO765x.js.map} +1 -1
- package/dist/components/{p-ChFd9qai.js → p-CN1UNbk2.js} +4 -4
- package/dist/components/{p-ChFd9qai.js.map → p-CN1UNbk2.js.map} +1 -1
- package/dist/components/{p-kYUQw6TE.js → p-CTKByKr7.js} +4 -4
- package/dist/components/{p-kYUQw6TE.js.map → p-CTKByKr7.js.map} +1 -1
- package/dist/components/{p-DVylbmCJ.js → p-CV42h0og.js} +3 -3
- package/dist/components/{p-DVylbmCJ.js.map → p-CV42h0og.js.map} +1 -1
- package/dist/components/{p-DaFR0BRQ.js → p-Cg10NNRU.js} +6 -6
- package/dist/components/{p-DaFR0BRQ.js.map → p-Cg10NNRU.js.map} +1 -1
- package/dist/components/{p-vNpC6m5q.js → p-CjQ0YYP0.js} +4 -4
- package/dist/components/{p-vNpC6m5q.js.map → p-CjQ0YYP0.js.map} +1 -1
- package/dist/components/{p-2szKJqUP.js → p-CoZHFshN.js} +6 -6
- package/dist/components/{p-2szKJqUP.js.map → p-CoZHFshN.js.map} +1 -1
- package/dist/components/{p-nTnL39Vu.js → p-CqhR6UDy.js} +10 -10
- package/dist/components/{p-nTnL39Vu.js.map → p-CqhR6UDy.js.map} +1 -1
- package/dist/components/{p-C3KyLq1Y.js → p-D0NG9CkU.js} +3 -3
- package/dist/components/{p-C3KyLq1Y.js.map → p-D0NG9CkU.js.map} +1 -1
- package/dist/components/{p-Brw_yUOU.js → p-DCg3hZib.js} +4 -4
- package/dist/components/{p-Brw_yUOU.js.map → p-DCg3hZib.js.map} +1 -1
- package/dist/components/{p-CwbMGzEg.js → p-DLng-LRD.js} +6 -6
- package/dist/components/p-DLng-LRD.js.map +1 -0
- package/dist/components/{p-BOOTE8h4.js → p-DTAKwigi.js} +3 -3
- package/dist/components/{p-BOOTE8h4.js.map → p-DTAKwigi.js.map} +1 -1
- package/dist/components/{p-BEvYp8zo.js → p-DnDxqCMI.js} +5 -5
- package/dist/components/{p-BEvYp8zo.js.map → p-DnDxqCMI.js.map} +1 -1
- package/dist/components/{p-DfPN0nSG.js → p-DxiOv4du.js} +3 -3
- package/dist/components/{p-DfPN0nSG.js.map → p-DxiOv4du.js.map} +1 -1
- package/dist/components/{p-BwBnItFk.js → p-EiSZHdzI.js} +6 -6
- package/dist/components/{p-BwBnItFk.js.map → p-EiSZHdzI.js.map} +1 -1
- package/dist/components/{p-CnwINpvX.js → p-Hy1ksk5C.js} +9 -9
- package/dist/components/{p-CnwINpvX.js.map → p-Hy1ksk5C.js.map} +1 -1
- package/dist/components/{p-BkUy03ey.js → p-PsoPd7Yi.js} +4 -4
- package/dist/components/{p-BkUy03ey.js.map → p-PsoPd7Yi.js.map} +1 -1
- package/dist/components/{p-BHC2T18u.js → p-ThWZUf_1.js} +5 -5
- package/dist/components/{p-BHC2T18u.js.map → p-ThWZUf_1.js.map} +1 -1
- package/dist/components/{p-yro2fxlI.js → p-ZQ7I1Mu3.js} +5 -5
- package/dist/components/{p-yro2fxlI.js.map → p-ZQ7I1Mu3.js.map} +1 -1
- package/dist/components/p-accordion.js +1 -1
- package/dist/components/p-attachment.js +5 -5
- package/dist/components/p-button.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-cropper.js +2 -2
- package/dist/components/p-datepicker.js +7 -7
- package/dist/components/p-drawer-header.js +1 -1
- package/dist/components/p-drawer.js +4 -4
- package/dist/components/p-dropdown-menu-item.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-helper.js +1 -1
- package/dist/components/p-icon.js +1 -1
- package/dist/components/p-info-panel.js +2 -2
- package/dist/components/p-label.js +1 -1
- package/dist/components/p-layout.js +1 -1
- package/dist/components/p-listing-item.js +2 -2
- package/dist/components/p-listing-line.js +1 -1
- package/dist/components/p-listing.js +1 -1
- 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 +7 -7
- package/dist/components/p-navbar.js +2 -2
- package/dist/components/p-navigation-item.js +1 -1
- package/dist/components/p-navigation-section.js +1 -1
- 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 +3 -3
- 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 +8 -8
- 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 +1 -1
- package/dist/components/p-tab-item.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.js +21 -21
- package/dist/components/p-toast-container.js +2 -2
- package/dist/components/p-toast.js +2 -2
- package/dist/components/p-toggle.js +3 -3
- package/dist/components/p-tooltip.js +1 -1
- package/dist/components/{p-DkDqphWD.js → p-uyz7YUJR.js} +3 -3
- package/dist/components/{p-DkDqphWD.js.map → p-uyz7YUJR.js.map} +1 -1
- package/dist/esm/p-badge_3.entry.js +3 -3
- package/dist/esm/p-button.p-icon.p-loader.entry.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +1 -1
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/p-empty-state_9.entry.js +2 -2
- package/dist/esm/p-helper.p-tooltip.entry.js.map +1 -1
- package/dist/esm/p-helper_2.entry.js +7 -7
- package/dist/esm/p-helper_2.entry.js.map +1 -1
- package/dist/esm/p-info-panel.entry.js +1 -1
- 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-modal-body_4.entry.js +6 -6
- 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-radio.entry.js +3 -3
- 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-toggle.entry.js +3 -3
- package/dist/index.html +1 -1
- package/dist/paperless/p-20152d8d.entry.js +2 -0
- package/dist/paperless/{p-f4c65de7.entry.js.map → p-20152d8d.entry.js.map} +1 -1
- package/dist/paperless/{p-6fbee1d3.entry.js → p-3ce32fe5.entry.js} +2 -2
- package/dist/{build/p-adfac475.entry.js → paperless/p-400adee7.entry.js} +2 -2
- package/dist/paperless/{p-4f7049d6.entry.js → p-4660078f.entry.js} +2 -2
- package/dist/{build/p-3624bdd9.entry.js → paperless/p-62ffa8f8.entry.js} +2 -2
- package/dist/paperless/p-7a773bbc.entry.js +2 -0
- package/dist/paperless/p-7a773bbc.entry.js.map +1 -0
- package/dist/paperless/{p-4832ba03.entry.js → p-82502013.entry.js} +2 -2
- package/dist/paperless/{p-a71d2352.entry.js → p-85074195.entry.js} +2 -2
- package/dist/paperless/p-9324c642.entry.js +2 -0
- package/dist/paperless/{p-ddab3670.entry.js → p-a663193c.entry.js} +2 -2
- package/dist/paperless/{p-b415c359.entry.js → p-a6fb3a0e.entry.js} +2 -2
- package/dist/paperless/{p-88c4591c.entry.js → p-b6595978.entry.js} +2 -2
- package/dist/paperless/{p-6010c311.entry.js → p-b836b88f.entry.js} +2 -2
- package/dist/paperless/p-button.p-icon.p-loader.entry.esm.js.map +1 -1
- package/dist/paperless/{p-f376a605.entry.js → p-c2a06a1b.entry.js} +2 -2
- package/dist/{build/p-c78524f6.entry.js → paperless/p-c6ed8a71.entry.js} +2 -2
- package/dist/paperless/{p-8a137d2b.entry.js → p-d10c3755.entry.js} +2 -2
- package/dist/paperless/{p-8a137d2b.entry.js.map → p-d10c3755.entry.js.map} +1 -1
- package/dist/paperless/{p-4f840c17.entry.js → p-db98de49.entry.js} +2 -2
- package/dist/paperless/{p-9ca1759e.entry.js → p-fa4f61f4.entry.js} +2 -2
- package/dist/paperless/p-helper.p-tooltip.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-2d26a2a7.entry.js +0 -2
- package/dist/build/p-2d26a2a7.entry.js.map +0 -1
- package/dist/build/p-6fc78697.entry.js +0 -2
- package/dist/build/p-f4c65de7.entry.js +0 -2
- package/dist/components/p-C1WohY-q.js +0 -57
- package/dist/components/p-C1WohY-q.js.map +0 -1
- package/dist/components/p-CwbMGzEg.js.map +0 -1
- package/dist/components/p-PuDnH1bb.js.map +0 -1
- package/dist/paperless/p-2d26a2a7.entry.js +0 -2
- package/dist/paperless/p-2d26a2a7.entry.js.map +0 -1
- package/dist/paperless/p-6fc78697.entry.js +0 -2
- package/dist/paperless/p-f4c65de7.entry.js +0 -2
- /package/dist/build/{p-6fbee1d3.entry.js.map → p-3ce32fe5.entry.js.map} +0 -0
- /package/dist/build/{p-adfac475.entry.js.map → p-400adee7.entry.js.map} +0 -0
- /package/dist/build/{p-4f7049d6.entry.js.map → p-4660078f.entry.js.map} +0 -0
- /package/dist/build/{p-3624bdd9.entry.js.map → p-62ffa8f8.entry.js.map} +0 -0
- /package/dist/build/{p-4832ba03.entry.js.map → p-82502013.entry.js.map} +0 -0
- /package/dist/build/{p-a71d2352.entry.js.map → p-85074195.entry.js.map} +0 -0
- /package/dist/build/{p-6fc78697.entry.js.map → p-9324c642.entry.js.map} +0 -0
- /package/dist/build/{p-ddab3670.entry.js.map → p-a663193c.entry.js.map} +0 -0
- /package/dist/build/{p-b415c359.entry.js.map → p-a6fb3a0e.entry.js.map} +0 -0
- /package/dist/build/{p-88c4591c.entry.js.map → p-b6595978.entry.js.map} +0 -0
- /package/dist/build/{p-6010c311.entry.js.map → p-b836b88f.entry.js.map} +0 -0
- /package/dist/build/{p-f376a605.entry.js.map → p-c2a06a1b.entry.js.map} +0 -0
- /package/dist/build/{p-c78524f6.entry.js.map → p-c6ed8a71.entry.js.map} +0 -0
- /package/dist/build/{p-4f840c17.entry.js.map → p-db98de49.entry.js.map} +0 -0
- /package/dist/build/{p-9ca1759e.entry.js.map → p-fa4f61f4.entry.js.map} +0 -0
- /package/dist/paperless/{p-6fbee1d3.entry.js.map → p-3ce32fe5.entry.js.map} +0 -0
- /package/dist/paperless/{p-adfac475.entry.js.map → p-400adee7.entry.js.map} +0 -0
- /package/dist/paperless/{p-4f7049d6.entry.js.map → p-4660078f.entry.js.map} +0 -0
- /package/dist/paperless/{p-3624bdd9.entry.js.map → p-62ffa8f8.entry.js.map} +0 -0
- /package/dist/paperless/{p-4832ba03.entry.js.map → p-82502013.entry.js.map} +0 -0
- /package/dist/paperless/{p-a71d2352.entry.js.map → p-85074195.entry.js.map} +0 -0
- /package/dist/paperless/{p-6fc78697.entry.js.map → p-9324c642.entry.js.map} +0 -0
- /package/dist/paperless/{p-ddab3670.entry.js.map → p-a663193c.entry.js.map} +0 -0
- /package/dist/paperless/{p-b415c359.entry.js.map → p-a6fb3a0e.entry.js.map} +0 -0
- /package/dist/paperless/{p-88c4591c.entry.js.map → p-b6595978.entry.js.map} +0 -0
- /package/dist/paperless/{p-6010c311.entry.js.map → p-b836b88f.entry.js.map} +0 -0
- /package/dist/paperless/{p-f376a605.entry.js.map → p-c2a06a1b.entry.js.map} +0 -0
- /package/dist/paperless/{p-c78524f6.entry.js.map → p-c6ed8a71.entry.js.map} +0 -0
- /package/dist/paperless/{p-4f840c17.entry.js.map → p-db98de49.entry.js.map} +0 -0
- /package/dist/paperless/{p-9ca1759e.entry.js.map → p-fa4f61f4.entry.js.map} +0 -0
|
@@ -325,7 +325,7 @@ const TableContainer = class {
|
|
|
325
325
|
registerInstance(this, hostRef);
|
|
326
326
|
}
|
|
327
327
|
render() {
|
|
328
|
-
return (h(Host, { key: '
|
|
328
|
+
return (h(Host, { key: '109dfb4af2b1496897bb359501376bb7849caa39', class: container() }, h("slot", { key: '0f9f85308de1ca2ea70cc695170f034a5cb5354f' })));
|
|
329
329
|
}
|
|
330
330
|
};
|
|
331
331
|
TableContainer.style = tableContainerComponentCss;
|
|
@@ -10156,7 +10156,7 @@ const TableRowActionsContainer = class {
|
|
|
10156
10156
|
registerInstance(this, hostRef);
|
|
10157
10157
|
}
|
|
10158
10158
|
render() {
|
|
10159
|
-
return (h("div", { key: '
|
|
10159
|
+
return (h("div", { key: '977729a414f8d7a48ba2de5ab5811b4a05226222', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: 'be5a0aedbcaed36d0de88579407348484eeee4ee', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: 'ba307f45bae49b7ad2dc6b594fb42604d5f8a444' }))));
|
|
10160
10160
|
}
|
|
10161
10161
|
};
|
|
10162
10162
|
TableRowActionsContainer.style = tableRowActionsContainerComponentCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"p-helper.p-tooltip.entry.js","sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":["","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<p-tooltip\n\t\t\t\tplacement={this.placement}\n\t\t\t\tstrategy={this.strategy}\n\t\t\t>\n\t\t\t\t<div slot='content'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<p-icon\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t</p-tooltip>\n\t\t);\n\t}\n}\n","","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={popover({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\t@Watch('content')\n\tonContentChange(content: string) {\n\t\tif (content.length > 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"p-helper.p-tooltip.entry.js","sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-flex h-[0.875rem] w-[0.875rem];\n}\n","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='flex'\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply relative h-inherit w-inherit max-w-full cursor-pointer;\n}\n","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name='trigger' />\n\t\t\t\t<div\n\t\t\t\t\tclass={popover({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\t@Watch('content')\n\tonContentChange(content: string) {\n\t\tif (!content || content.length > 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,iiBAAiiB;;MCQ/iB,MAAM,GAAA,MAAA;;;;AAClB;;AAEG;IACK,QAAQ,GAAa,UAAU;AAEvC;;AAEG;IACK,SAAS,GAAc,KAAK;IAEpC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,0DAA0D,EAChE,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,EACb,CAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACK,CACN;;;;;ACtCV,MAAM,mBAAmB,GAAG,sxEAAsxE;;ACsBlzE,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,mBAAmB;IACnB,SAAS;IACT,4CAA4C;IAC5C,YAAY;IAEZ,WAAW;IACX,qBAAqB;CACrB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,+CAA+C;AACtD,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,mBAAmB;AAC1B,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,QAAQ,EAAE,UAAU;AACpB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;AAC3B,YAAA,KAAK,EAAE,OAAO;AACd,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;AAC3B,YAAA,KAAK,EAAE,mCAAmC;AAC1C,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,OAAO,GAAA,MAAA;;;;;AACnB;;AAEG;IACK,OAAO,GAAgC,OAAO;AAEtD;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;IACK,MAAM,GAAW,CAAC;AAE1B;;AAEG;IACK,QAAQ,GAAa,UAAU;AAEvC;;AAEG;IACK,eAAe,GAAY,IAAI;AAEvC;;AAEG;IACK,IAAI,GAAY,KAAK;AAE7B;;AAEG;IACK,gBAAgB,GAAY,IAAI;AAExC;;AAEG;AAIH,IAAA,MAAM;;IAOE,eAAe,GAAG,KAAK;IAEvB,OAAO,GAAG,KAAK;AACf,IAAA,QAAQ;AACR,IAAA,QAAQ;IAEhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;;IAGF,qBAAqB,GAAA;QACpB,IAAI,CAAC,OAAO,EAAE;;IAGf,oBAAoB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;;IAItB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,EACvB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,aAAA,CAAC,EACF,IAAI,EAAC,SAAS,oBACE,IAAI,CAAC,SAAS,EAC9B,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAA,EAEzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,IAAI,CAAC,OAAO,KAAK,OAAO,KACxB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,yBAAyB,EAAA,CAAO,CAC3C,EACA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAG,CACjD,CACD,CACA;;IAKC,YAAY,GAAA;QACrB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACtD;;QAGD,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;YAC5C;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAIH,oBAAoB,GAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE;YACpE;;QAGD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;YAC7C;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAKH,iBAAiB,GAAA;QAC1B,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACtD;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAKH,iBAAiB,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACnE;;QAGD,IAAI,CAAC,KAAK,EAAE;;AAIb,IAAA,YAAY,CAAC,IAAa,EAAA;AACzB,QAAA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;AACrD,YAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;AAGpB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;AAIpB,IAAA,eAAe,CAAC,OAAe,EAAA;QAC9B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAGL,KAAK,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB;;AAGD,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACnD,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC5C,IAAI,CAAC,KAAK,EAAE;;YAGb;;QAGD,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;;QAGzE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;QAE3C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,qBAAqB,CAAC;QAClE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,EAAE,qBAAqB,CAAC;;AAGjE,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGf,KAAK,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB;;AAGD,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;;AAIrB,QAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;QAE1C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC;QACpE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,CAAC;AAE/D,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGhB,IAAA,KAAK,CAAC,OAAoB,EAAA;AACjC,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO;QAEvB,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AAEnB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACd,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC;;;;IAK9B,OAAO,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACnB;;QAGD,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;YACxC,SAAS,EACR,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC;AACjC,kBAAE;AACF,kBAAE,IAAI,CAAC,SAAS,IAAI,KAAK;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;AAEvB,YAAA,UAAU,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC;AAClD,SAAA,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,KAAI;YAC/B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS;YAC3C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;gBAClC,GAAG,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;gBACb,IAAI,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;AACd,aAAA,CAAC;AACH,SAAC,CAAC;;;;;;;;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { r as registerInstance, h,
|
|
1
|
+
import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-DhGo7hbh.js';
|
|
2
2
|
import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom-DGLCmOXW.js';
|
|
3
3
|
import { c as cva } from './index-CO0T2jO4.js';
|
|
4
4
|
import './clsx-ChV9xqsO.js';
|
|
5
5
|
|
|
6
|
-
const helperComponentCss = "*{box-sizing:border-box}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
|
|
6
|
+
const helperComponentCss = ".inline-flex{display:inline-flex!important}.h-\\[0\\.875rem\\]{height:.875rem!important}.w-\\[0\\.875rem\\]{width:.875rem!important}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.absolute{position:absolute!important}.flex{display:flex!important}.cursor-pointer{cursor:pointer!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.hover\\:text-black-teal:hover{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}";
|
|
7
7
|
|
|
8
8
|
const Helper = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -18,12 +18,12 @@ const Helper = class {
|
|
|
18
18
|
*/
|
|
19
19
|
placement = 'top';
|
|
20
20
|
render() {
|
|
21
|
-
return (h(
|
|
21
|
+
return (h(Host, { key: '38e2ec25bf65962a1097b6d461a7562a71322357' }, h("p-tooltip", { key: '03d9006f431ecb0314915ea667bf9f5c081b0d14', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: '9be75c3c4780f269f50d6fa027399657b406c91d', size: 'sm', class: 'cursor-pointer text-black-teal-300 hover:text-black-teal', variant: 'question-circle', slot: 'trigger' }), h("div", { key: '46f40a2549521f729aaa471148e181d6dc22a1b6', slot: 'content' }, h("slot", { key: '66171ec51f02f6281872d3f142ad04c490f5d5fa' })))));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
Helper.style = helperComponentCss;
|
|
25
25
|
|
|
26
|
-
const tooltipComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.
|
|
26
|
+
const tooltipComponentCss = ".relative{position:relative!important}.h-inherit{height:inherit!important}.w-inherit{width:inherit!important}.max-w-full{max-width:100%!important}*{box-sizing:border-box}:host{cursor:pointer;height:inherit;max-width:100%;position:relative;width:inherit}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-\\[18rem\\]{max-width:18rem!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{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}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";
|
|
27
27
|
|
|
28
28
|
const popover = cva([
|
|
29
29
|
'inline-block px-2',
|
|
@@ -114,10 +114,10 @@ const Tooltip = class {
|
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
render() {
|
|
117
|
-
return (h(Host, { key: '
|
|
117
|
+
return (h(Host, { key: 'cf9554458344b0f6a421d5c19b542b574d7f9320' }, h("slot", { key: '2f7b7c133230b4c8349419fed2c4846cff8c9038', name: 'trigger' }), h("div", { key: '4e60651f281f6da527455af299b1de58a5ec9038', class: popover({
|
|
118
118
|
variant: this.variant,
|
|
119
119
|
strategy: this.strategy,
|
|
120
|
-
}), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '
|
|
120
|
+
}), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '1fcc063c65485ed0f97999de65aac5e06a22ad09', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: '20e05006d7b16565095f8cd325a435e18f2f31cf', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' })))));
|
|
121
121
|
}
|
|
122
122
|
clickHandler() {
|
|
123
123
|
if (this.variant === 'hover' || !this.enableUserInput) {
|
|
@@ -156,7 +156,7 @@ const Tooltip = class {
|
|
|
156
156
|
return this._hide();
|
|
157
157
|
}
|
|
158
158
|
onContentChange(content) {
|
|
159
|
-
if (content.length > 0) {
|
|
159
|
+
if (!content || content.length > 0) {
|
|
160
160
|
return;
|
|
161
161
|
}
|
|
162
162
|
this._hide();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-helper.p-tooltip.entry.js","mappings":"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","names":[],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":["","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<p-tooltip\n\t\t\t\tplacement={this.placement}\n\t\t\t\tstrategy={this.strategy}\n\t\t\t>\n\t\t\t\t<div slot='content'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t<p-icon\n\t\t\t\t\tsize='sm'\n\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\tslot='trigger'\n\t\t\t\t/>\n\t\t\t</p-tooltip>\n\t\t);\n\t}\n}\n","","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={popover({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\t@Watch('content')\n\tonContentChange(content: string) {\n\t\tif (content.length > 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-helper.p-tooltip.entry.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,iiBAAiiB;;MCQ/iB,MAAM,GAAA,MAAA;;;;AAClB;;AAEG;IACK,QAAQ,GAAa,UAAU;AAEvC;;AAEG;IACK,SAAS,GAAc,KAAK;IAEpC,MAAM,GAAA;QACL,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAEvB,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,0DAA0D,EAChE,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAC,SAAS,EACb,CAAA,EAEF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACK,CACN;;;;;ACtCV,MAAM,mBAAmB,GAAG,sxEAAsxE;;ACsBlzE,MAAM,OAAO,GAAG,GAAG,CAClB;IACC,mBAAmB;IACnB,SAAS;IACT,4CAA4C;IAC5C,YAAY;IAEZ,WAAW;IACX,qBAAqB;CACrB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,KAAK,EAAE,+CAA+C;AACtD,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,mBAAmB;AAC1B,SAAA;AACD,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,QAAQ,EAAE,UAAU;AACpB,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;AAC3B,YAAA,KAAK,EAAE,OAAO;AACd,SAAA;AACD,QAAA;AACC,YAAA,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;AAC3B,YAAA,KAAK,EAAE,mCAAmC;AAC1C,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,OAAO,GAAA,MAAA;;;;;AACnB;;AAEG;IACK,OAAO,GAAgC,OAAO;AAEtD;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,SAAS;AAEjB;;AAEG;IACK,MAAM,GAAW,CAAC;AAE1B;;AAEG;IACK,QAAQ,GAAa,UAAU;AAEvC;;AAEG;IACK,eAAe,GAAY,IAAI;AAEvC;;AAEG;IACK,IAAI,GAAY,KAAK;AAE7B;;AAEG;IACK,gBAAgB,GAAY,IAAI;AAExC;;AAEG;AAIH,IAAA,MAAM;;IAOE,eAAe,GAAG,KAAK;IAEvB,OAAO,GAAG,KAAK;AACf,IAAA,QAAQ;AACR,IAAA,QAAQ;IAEhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;;IAGF,qBAAqB,GAAA;QACpB,IAAI,CAAC,OAAO,EAAE;;IAGf,oBAAoB,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;;IAItB,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACJ,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,EACvB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,aAAA,CAAC,EACF,IAAI,EAAC,SAAS,oBACE,IAAI,CAAC,SAAS,EAC9B,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAA,EAEzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,IAAI,CAAC,OAAO,KAAK,OAAO,KACxB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,yBAAyB,EAAA,CAAO,CAC3C,EACA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAA,CAAG,CACjD,CACD,CACA;;IAKC,YAAY,GAAA;QACrB,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACtD;;QAGD,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;YAC5C;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAIH,oBAAoB,GAAA;AAC7B,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE;YACpE;;QAGD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;YAC7C;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAKH,iBAAiB,GAAA;QAC1B,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACtD;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAKH,iBAAiB,GAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACnE;;QAGD,IAAI,CAAC,KAAK,EAAE;;AAIb,IAAA,YAAY,CAAC,IAAa,EAAA;AACzB,QAAA,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;AACrD,YAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;AAGpB,QAAA,OAAO,IAAI,CAAC,KAAK,EAAE;;AAIpB,IAAA,eAAe,CAAC,OAAe,EAAA;QAC9B,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YACnC;;QAGD,IAAI,CAAC,KAAK,EAAE;;IAGL,KAAK,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB;;AAGD,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACnD,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE;gBAC5C,IAAI,CAAC,KAAK,EAAE;;YAGb;;QAGD,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;;QAGzE,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;QAE3C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,EAAE,qBAAqB,CAAC;QAClE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,EAAE,qBAAqB,CAAC;;AAGjE,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGf,KAAK,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB;;AAGD,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;;;AAIrB,QAAA,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;QAE1C,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,qBAAqB,CAAC;QACpE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,qBAAqB,CAAC;AAE/D,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGhB,IAAA,KAAK,CAAC,OAAoB,EAAA;AACjC,QAAA,IAAI,CAAC,QAAQ,GAAG,OAAO;QAEvB,IAAI,OAAO,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AAEnB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;gBACd,UAAU,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC;;;;IAK9B,OAAO,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACnB;;QAGD,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;YACxC,SAAS,EACR,IAAI,CAAC,OAAO,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC;AACjC,kBAAE;AACF,kBAAE,IAAI,CAAC,SAAS,IAAI,KAAK;YAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ;AAEvB,YAAA,UAAU,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC;AAClD,SAAA,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,KAAI;YAC/B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS;YAC3C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE;gBAClC,GAAG,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;gBACb,IAAI,EAAE,CAAG,EAAA,CAAC,CAAI,EAAA,CAAA;AACd,aAAA,CAAC;AACH,SAAC,CAAC;;;;;;;;;;;","names":[],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply inline-flex h-[0.875rem] w-[0.875rem];\n}\n","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='flex'\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer text-black-teal-300 hover:text-black-teal'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n",":host {\n\t@apply relative h-inherit w-inherit max-w-full cursor-pointer;\n}\n","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<slot name='trigger' />\n\t\t\t\t<div\n\t\t\t\t\tclass={popover({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\trole='popover'\n\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\t@Watch('content')\n\tonContentChange(content: string) {\n\t\tif (!content || content.length > 0) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"version":3}
|
|
@@ -62,7 +62,7 @@ const InfoPanel = class {
|
|
|
62
62
|
render() {
|
|
63
63
|
const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
|
|
64
64
|
const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
|
|
65
|
-
return (h("div", { key: '
|
|
65
|
+
return (h("div", { key: 'bcd4b6f42534cd409dd5fb79d465ae8359d0b8cf', class: infopanel({ variant: this.variant }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: 'fef00d58e7904f8af8e5008ae1171070898a188a', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '9359345feba09fa0e2cdc0bea706e76bf667f637', class: 'h-inherit text-sm font-normal text-black-teal-800/60' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '36907fc05ee846257782f94a002356a38cc0be12', class: close(), onClick: () => this._close() }, h("p-icon", { key: '2a2d24503148b8414f277cd790e605cd974bdb7d', variant: 'negative' })))));
|
|
66
66
|
}
|
|
67
67
|
_close() {
|
|
68
68
|
this.closed.emit();
|
|
@@ -16,7 +16,7 @@ const Layout = class {
|
|
|
16
16
|
*/
|
|
17
17
|
scroll;
|
|
18
18
|
render() {
|
|
19
|
-
return (h(Host, { key: '
|
|
19
|
+
return (h(Host, { key: '474e15f4a31bb55b23ec6ff9523d52d82c7557b7', class: `p-layout variant-${this.variant}` }, h("div", { key: 'f42d06e51d86e3615e62bc115bb1fd4fee67ebe6', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '6b81f38faccb243e97eebf8c44719268313ed58f', class: 'inner-content' }, h("slot", { key: 'b316c8a854c3a2b0a7ff9b78828e994747731cc5', name: 'content' }))), h("div", { key: '2ca8750d8359c1fb05f0525e3f045ad68a924788', class: 'sidebar' }, h("slot", { key: '9161738a1e83ae018a8051ff81af94079d380fcf', name: 'sidebar' })), h("div", { key: '1af5a35f2a252664fa35a2681edeaa6e4fc2c67d', class: 'topbar' }, h("slot", { key: '2d979b72b4bed4d5acb405bcd462f9869cd55aba', name: 'topbar' }))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
Layout.style = layoutComponentCss;
|
|
@@ -11,7 +11,7 @@ const ListingItem = class {
|
|
|
11
11
|
*/
|
|
12
12
|
icon = 'placeholder';
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: '7282061329b002e0c8344da853f05c02be827ba5', class: 'flex items-center gap-2 text-black-teal' }, h("p-icon", { key: 'f092a9c094c58a1878d5a16338b5a671d11e3613', variant: this.icon }), h("div", { key: '7d62d8119bab472feab22ed99ffec89a5bedf599', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: 'b91dd51ca012ca65cbc2d094c97743f7c7c3de82' }))));
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
17
|
ListingItem.style = listingItemComponentCss;
|
|
@@ -7,7 +7,7 @@ const ListingLine = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return h(Host, { key: '
|
|
10
|
+
return h(Host, { key: '79a67747ee120dbd786e5a21e11cbd24c573bfa9' });
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
ListingLine.style = listingLineComponentCss;
|
|
@@ -30,10 +30,10 @@ const ModalBody = class {
|
|
|
30
30
|
*/
|
|
31
31
|
roundedTop = false;
|
|
32
32
|
render() {
|
|
33
|
-
return (h("div", { key: '
|
|
33
|
+
return (h("div", { key: 'e6002a4e648d6250aeb607c4049241a4aa851c9d', class: body({
|
|
34
34
|
roundedBottom: this.roundedBottom,
|
|
35
35
|
roundedTop: this.roundedTop,
|
|
36
|
-
}) }, h("slot", { key: '
|
|
36
|
+
}) }, h("slot", { key: '842b81747e523a69e73c08676807417d72e93cfc' })));
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
ModalBody.style = modalBodyComponentCss;
|
|
@@ -74,10 +74,10 @@ const ModalContainer = class {
|
|
|
74
74
|
*/
|
|
75
75
|
closing = false;
|
|
76
76
|
render() {
|
|
77
|
-
return (h("div", { key: '
|
|
77
|
+
return (h("div", { key: '75eea6706f2a3c3181ce467f215cdc2beb5cc6b6', class: container({
|
|
78
78
|
size: this.size,
|
|
79
79
|
closing: asBoolean(this.closing),
|
|
80
|
-
}) }, h("slot", { key: '
|
|
80
|
+
}) }, h("slot", { key: '9303c1ff29901be1ed6276a7b8064fa1997f7f21' })));
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
83
|
ModalContainer.style = modalContainerComponentCss;
|
|
@@ -89,7 +89,7 @@ const ModalFooter = class {
|
|
|
89
89
|
registerInstance(this, hostRef);
|
|
90
90
|
}
|
|
91
91
|
render() {
|
|
92
|
-
return (h("div", { key: '
|
|
92
|
+
return (h("div", { key: '920b729ad6eb28f740fb6b1f6a573dce8315d9a7', class: 'flex flex-col rounded-b-none bg-white pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl' }, h("p-divider", { key: 'fff9bbe0c4b7a24d7c545f69f5ff06fd9f8ea88d', class: 'mb-4 hidden desktop-xs:inline-block' }), h("div", { key: '1058fbd2f44470c0b28029ae5962b7c8477658e1', class: 'flex flex-col gap-4 px-4 tablet:flex-row' }, h("slot", { key: '804b59f666a51e894e6a9c5c0b8d51770350f17c' }))));
|
|
93
93
|
}
|
|
94
94
|
};
|
|
95
95
|
ModalFooter.style = modalFooterComponentCss;
|
|
@@ -121,7 +121,7 @@ const ModalHeader = class {
|
|
|
121
121
|
*/
|
|
122
122
|
close;
|
|
123
123
|
render() {
|
|
124
|
-
return (h("div", { key: '
|
|
124
|
+
return (h("div", { key: '41ca05ad15b6b0b077708bad33be8b231bf6bd43', class: header() }, h("div", { key: '28b908173cf3404a4eeb1173ffd115452ed64c1c', class: content() }, h("div", { key: '4f0e2641e96eca34dfe1df4bbfaa8e633c04c375', class: title() }, h("slot", { key: 'ba8e57293ede82f79ade21485ebe96bb2bc23b4a' })), this.showClose && (h("p-button", { key: 'dc7b397fbee7be83c9072094276cd84ec71f2f4a', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev) }))), h("p-smile", { key: '8cc7b5b9e75caba8876818510013aa4b9a8d00d9' })));
|
|
125
125
|
}
|
|
126
126
|
};
|
|
127
127
|
ModalHeader.style = modalHeaderComponentCss;
|
|
@@ -7,7 +7,7 @@ const NavigationTitle = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h(Host, { key: '
|
|
10
|
+
return (h(Host, { key: 'c27ee441faa038c96fde82b172e324a4f71d91dd', class: 'text-xs font-medium text-black-teal-300' }, h("slot", { key: 'adbd8a040f4bcf931202fc0d1ddd5e0f1af153bd' })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
NavigationTitle.style = navigationTitleComponentCss;
|
|
@@ -85,12 +85,12 @@ const PaginationPagesItem = class {
|
|
|
85
85
|
*/
|
|
86
86
|
disabled = false;
|
|
87
87
|
render() {
|
|
88
|
-
return (h("div", { key: '
|
|
88
|
+
return (h("div", { key: '51988da1f3003ae631bd115cb008986d73dcba2c', class: item({
|
|
89
89
|
variant: this.variant,
|
|
90
90
|
active: asBoolean(this.active),
|
|
91
91
|
hover: asBoolean(this.hover, true),
|
|
92
92
|
disabled: asBoolean(this.disabled),
|
|
93
|
-
}) }, h("slot", { key: '
|
|
93
|
+
}) }, h("slot", { key: 'e7c9c66e9b8be2f5c5a5563899c483c9579cf310' })));
|
|
94
94
|
}
|
|
95
95
|
};
|
|
96
96
|
PaginationPagesItem.style = paginationPagesItemComponentCss;
|
|
@@ -105,11 +105,11 @@ const Radio = class {
|
|
|
105
105
|
}
|
|
106
106
|
render() {
|
|
107
107
|
const id = this.id?.length ? this.id : this._nonce;
|
|
108
|
-
return (h("label", { key: '
|
|
108
|
+
return (h("label", { key: '2df58bb68a850f238ffa1a1a6eea5fa564cf5a40', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '80a8e24e28f80d35ee6ad4dbd8ce52785b3baf09', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '6d3e43e473a10b86a331dccee9905d2fda7d487d', class: radio({
|
|
109
109
|
disabled: asBoolean(this.disabled),
|
|
110
|
-
}), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '
|
|
110
|
+
}), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'f0dc8f2aaca96a9efc41f801f93c199e58cb39ca', class: circle({
|
|
111
111
|
disabled: asBoolean(this.disabled),
|
|
112
|
-
}) })), h("slot", { key: '
|
|
112
|
+
}) })), h("slot", { key: 'a177cd1e6807f6124a1424dc8a67e5c7d480c0f0' })));
|
|
113
113
|
}
|
|
114
114
|
_onChange(ev) {
|
|
115
115
|
if (asBoolean(this.disabled)) {
|
|
@@ -49,7 +49,7 @@ const Smile = class {
|
|
|
49
49
|
*/
|
|
50
50
|
variant = 'modal';
|
|
51
51
|
render() {
|
|
52
|
-
return (h(Host, { key: '
|
|
52
|
+
return (h(Host, { key: '31b0620527b6668a8cd854c167a42881a18f4304', class: smile({ variant: this.variant }) }, h("div", { key: 'bd63d3574e87788cf408c5193c65b31934af6db0', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
Smile.style = smileComponentCss;
|
|
@@ -119,17 +119,17 @@ const StepperItem = class {
|
|
|
119
119
|
*/
|
|
120
120
|
active = false;
|
|
121
121
|
render() {
|
|
122
|
-
return (h("div", { key: '
|
|
122
|
+
return (h("div", { key: 'c58e6035cf97eef91570ac4c614d888ca887d528', class: item({
|
|
123
123
|
align: this.align,
|
|
124
124
|
contentPosition: this.contentPosition,
|
|
125
|
-
}) }, h("div", { key: '
|
|
125
|
+
}) }, h("div", { key: 'd204648a2e9f79ff3e4d02d8264517e24b626210', class: circle({
|
|
126
126
|
active: asBoolean(this.active),
|
|
127
127
|
finished: asBoolean(this.finished),
|
|
128
|
-
}) }, this.number), h("div", { key: '
|
|
128
|
+
}) }, this.number), h("div", { key: '320ee166c3959a577f570808a356b77a7ebcbff1', class: content({
|
|
129
129
|
active: asBoolean(this.active),
|
|
130
130
|
finished: asBoolean(this.finished),
|
|
131
131
|
direction: this.direction,
|
|
132
|
-
}) }, h("slot", { key: '
|
|
132
|
+
}) }, h("slot", { key: 'b36bdcd1509acf07ce565731f4ba6968dc28fdc2' }))));
|
|
133
133
|
}
|
|
134
134
|
};
|
|
135
135
|
StepperItem.style = stepperItemComponentCss;
|
|
@@ -149,7 +149,7 @@ const StepperLine = class {
|
|
|
149
149
|
*/
|
|
150
150
|
direction = 'horizontal';
|
|
151
151
|
render() {
|
|
152
|
-
return h(Host, { key: '
|
|
152
|
+
return h(Host, { key: 'ed7c0fb95a8d2cc4e50b3d7b99cd51e354b3a8fc' });
|
|
153
153
|
}
|
|
154
154
|
};
|
|
155
155
|
StepperLine.style = stepperLineComponentCss;
|
|
@@ -7,7 +7,7 @@ const TabContainer = class {
|
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '4d2383fd0752b7dc7b334e52d91a8ebd7cae6c71', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '6dcb1f98ae9f1691da7c5b8df388cdad82795c94', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: 'c0d776c3bbc58f86407d370fad4f294168af7b44' })), h("p-divider", { key: 'e4bf504ad0a4eba3a02d0034527e13a62bdfa6b2', class: 'absolute bottom-0 left-0 m-0 w-full' })));
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
13
|
TabContainer.style = tabContainerComponentCss;
|
|
@@ -25,7 +25,7 @@ const TabItem = class {
|
|
|
25
25
|
*/
|
|
26
26
|
active = false;
|
|
27
27
|
render() {
|
|
28
|
-
return (h("div", { key: '
|
|
28
|
+
return (h("div", { key: '3e9e4cd3115e3ec666dc3cad67eaf161cd7bbfe7', class: item({ active: this.active }) }, h("slot", { key: '5eb55060062419f666a71429573217aaf900aa3e' })));
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
TabItem.style = tabItemComponentCss;
|
|
@@ -41,9 +41,9 @@ const ToastContainer = class {
|
|
|
41
41
|
*/
|
|
42
42
|
placement = 'top-end';
|
|
43
43
|
render() {
|
|
44
|
-
return (h("div", { key: '
|
|
44
|
+
return (h("div", { key: '6f308ab22f675823c930d42c17483ce969bcb3fb', class: container({
|
|
45
45
|
placement: this.placement,
|
|
46
|
-
}) }, h("slot", { key: '
|
|
46
|
+
}) }, h("slot", { key: 'd879fab252f0d27b283615889c0419f85dc8f7d3' })));
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
49
|
ToastContainer.style = toastContainerComponentCss;
|
|
@@ -103,11 +103,11 @@ const Toggle = class {
|
|
|
103
103
|
}
|
|
104
104
|
render() {
|
|
105
105
|
const id = this.id?.length ? this.id : this._nonce;
|
|
106
|
-
return (h("label", { key: '
|
|
106
|
+
return (h("label", { key: '3c452b7dbb4275ebb66c1d1bcc729a3a2b87c0d6', htmlFor: id, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'b7ab71a4a62d0de03a24f88452822ceff561bccd', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '31bc9fa1ffa15a745efeb2e387032a7f3aa5017a', class: toggle({
|
|
107
107
|
disabled: asBoolean(this.disabled),
|
|
108
|
-
}), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '
|
|
108
|
+
}), type: 'checkbox', id: id, name: this.name, required: this.required, checked: !!this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'a7887ab023773b18065c7b30afdfb4f23fa9afaa', class: circle({
|
|
109
109
|
disabled: asBoolean(this.disabled),
|
|
110
|
-
}) })), h("slot", { key: '
|
|
110
|
+
}) })), h("slot", { key: '8b4eff90e6e9b1fadc71ae5d2c39f4d690005b1c' })));
|
|
111
111
|
}
|
|
112
112
|
_onChange(ev) {
|
|
113
113
|
if (asBoolean(this.disabled)) {
|
package/dist/index.html
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-
|
|
1
|
+
<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-818b3af5.js"><link rel="modulepreload" href="/build/p-BmA7NKgh.js"><link rel="modulepreload" href="/build/p-C5CTp9IA.js"><link rel="modulepreload" href="/build/p-CBWjHURv.js"><link rel="modulepreload" href="/build/p-CT54OXR2.js"><link rel="modulepreload" href="/build/p-ChV9xqsO.js"><link rel="modulepreload" href="/build/p-DhGo7hbh.js"><script type="module" src="/build/p-818b3af5.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> <style>.touch-none{touch-action:none!important}.font-ambit{font-family:Ambit,sans-serif!important}.font-geist{font-family:Geist,serif!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.font-medium{font-weight:500!important}.lining-nums{--tw-numeric-figure:lining-nums!important}.lining-nums,.tabular-nums{font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.tabular-nums{--tw-numeric-spacing:tabular-nums!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit!important}.antialiased{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}*{box-sizing:border-box;font-family:Geist,serif}.touch-none{touch-action:none!important}.font-ambit{font-family:Ambit,sans-serif!important}.font-geist{font-family:Geist,serif!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.font-medium{font-weight:500!important}.lining-nums{--tw-numeric-figure:lining-nums!important;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit!important}.antialiased{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}@import url(https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap);@import url(https://fonts.cdnfonts.com/css/ambit);*,* button,.font-geist,.font-geist button{font-variant-numeric:lining-nums tabular-nums}body,html{--tw-bg-opacity:1;-webkit-font-smoothing:antialiased;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right));text-rendering:optimizeLegibility;width:100%}html{height:-moz-stretch;height:-webkit-stretch;height:-webkit-fill-available;height:-moz-available;height:stretch}body{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important;font-size:1rem!important;font-weight:500!important;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:-moz-stretch;height:-webkit-stretch;height:-webkit-fill-available;height:-moz-available;height:stretch;line-height:1.5rem!important}body *{box-sizing:border-box}a,a:visited{color:inherit}h1,h2,h3,h4,h5{font-family:Ambit,sans-serif;font-weight:700}h1{font-size:2rem;line-height:2.5rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem}h3,h4{line-height:1.75rem}h4{font-size:1.125rem}.scroll-lock{-webkit-overflow-scrolling:auto;overflow:hidden;overscroll-behavior:none;touch-action:none}</style> </head> <body> <p-button>Test</p-button> <script data-build="2025-06-26T13:18:54">
|
|
2
2
|
if ('serviceWorker' in navigator && location.protocol !== 'file:') {
|
|
3
3
|
window.addEventListener('load', function() {
|
|
4
4
|
navigator.serviceWorker.register('/sw.js')
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as r,h as e}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{a as o}from"./p-C5CTp9IA.js";import{n as i}from"./p-D9kEjsvZ.js";import"./p-ChV9xqsO.js";const n="*{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-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-black-teal-100{--tw-bg-opacity:1!important;background-color:rgb(205 212 211/var(--tw-bg-opacity,1))!important}.bg-black-teal-50{--tw-bg-opacity:1!important;background-color:rgb(230 234 233/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}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/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}.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-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.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-supportive-lilac-800:after{--tw-bg-opacity:1!important;background-color:rgb(189 140 255/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-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/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-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/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-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/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-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-supportive-lilac-700:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/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-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:\"\"!important;content:var(--tw-content)!important}";const c=a(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded-full w-8 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-black-teal-50 border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","group-hover/toggle-label:bg-supportive-lilac-100 group-hover/toggle-label:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20","checked:group-hover/toggle-label:bg-supportive-lilac-700 checked:group-hover/toggle-label:border-black-teal/20"],true:["bg-white-600 border-black-teal-50 cursor-not-allowed"]}}});const l=a(["flex items-center justify-center","rounded-full transition-all ","absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:["bg-white ring-1 ring-black-teal/10","left-[1px] peer-checked:-translate-x-[calc(100%+1px)]","after:content-[] peer-checked:after:content-[''] after:bg-supportive-lilac-800 after:rounded-full after:transition-all","w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]","after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2"],true:["bg-black-teal-100 peer-checked:bg-black-teal-200","left-[2px] peer-checked:-translate-x-[calc(100%+2px)]","w-3 h-3"]}}});const p=class{constructor(e){t(this,e);this.checkedChange=r(this,"checkedChange",7);this.indeterminateChange=r(this,"indeterminateChange",7);if(e.$hostElement$["s-ei"]){this._internals=e.$hostElement$["s-ei"]}else{this._internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this._internals}}checked;disabled=false;required=true;id;name;checkedChange;indeterminateChange;_nonce=i(5);_internals;formResetCallback(){this.checked=false}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const t=this.id?.length?this.id:this._nonce;return e("label",{key:"3c452b7dbb4275ebb66c1d1bcc729a3a2b87c0d6",htmlFor:t,class:"flex items-center justify-start gap-2 text-black-teal"},e("div",{key:"b7ab71a4a62d0de03a24f88452822ceff561bccd",class:"group/p-toggle relative flex flex-shrink-0 items-center"},e("input",{key:"31bc9fa1ffa15a745efeb2e387032a7f3aa5017a",class:c({disabled:o(this.disabled)}),type:"checkbox",id:t,name:this.name,required:this.required,checked:!!this.checked,disabled:o(this.disabled),onChange:t=>this._onChange(t)}),e("div",{key:"a7887ab023773b18065c7b30afdfb4f23fa9afaa",class:l({disabled:o(this.disabled)})})),e("slot",{key:"8b4eff90e6e9b1fadc71ae5d2c39f4d690005b1c"}))}_onChange(t){if(o(this.disabled)){t.preventDefault();return}const r=t.target.checked;if(r!=this.checked){this.checked=r;this.checkedChange.emit(r);this._internals.setFormValue(this.checked?"on":"off")}}static get formAssociated(){return true}};p.style=n;export{p as p_toggle};
|
|
2
|
+
//# sourceMappingURL=p-20152d8d.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["toggleComponentCss","toggle","cva","variants","disabled","false","true","circle","Toggle","checked","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","preventDefault","target","emit","setFormValue"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":[null,"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-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'group-hover/toggle-label:bg-supportive-lilac-100 group-hover/toggle-label:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'checked:group-hover/toggle-label:bg-supportive-lilac-700 checked:group-hover/toggle-label:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: ['bg-white-600 border-black-teal-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-black-teal/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-supportive-lilac-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-black-teal-100 peer-checked:bg-black-teal-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 text-black-teal'\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"],"mappings":"
|
|
1
|
+
{"version":3,"names":["toggleComponentCss","toggle","cva","variants","disabled","false","true","circle","Toggle","checked","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","preventDefault","target","emit","setFormValue"],"sources":["src/components/atoms/toggle/toggle.component.css?tag=p-toggle","src/components/atoms/toggle/toggle.component.tsx"],"sourcesContent":[null,"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-black-teal-50 border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'group-hover/toggle-label:bg-supportive-lilac-100 group-hover/toggle-label:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'checked:group-hover/toggle-label:bg-supportive-lilac-700 checked:group-hover/toggle-label:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: ['bg-white-600 border-black-teal-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-black-teal/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-supportive-lilac-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-black-teal-100 peer-checked:bg-black-teal-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 text-black-teal'\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"],"mappings":"sLAAA,MAAMA,EAAqB,6pNCa3B,MAAMC,EAASC,EACd,CACC,sDACA,oCACA,wBAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,0BACA,yCACA,4DACA,kGACA,2DACA,mDACA,2EACA,kHAEDC,KAAM,CAAC,4DAMX,MAAMC,EAASL,EACd,CACC,mCACA,+BACA,4FAED,CACCC,SAAU,CACTC,SAAU,CACTC,MAAO,CACN,qCACA,wDACA,0HACA,oFACA,yFAEDC,KAAM,CACL,mDACA,wDACA,e,MAYQE,EAAM,M,mSAIVC,QAKiBL,SAAoB,MAKpBM,SAAoB,KAKpBC,GAKAC,KAKhBC,cAIAC,oBAEQC,OAASC,EAAM,GAEbC,WAEnB,iBAAAC,GACCC,KAAKV,QAAU,K,CAGhB,oBAAAW,CAAqBhB,GACpB,IAAKe,KAAKF,WAAWI,KAAM,CAC1B,M,CAGDF,KAAKf,SAAWA,C,CAGjB,MAAAkB,GACC,MAAMX,EAAKQ,KAAKR,IAAIY,OAASJ,KAAKR,GAAKQ,KAAKJ,OAE5C,OACCS,EAAA,SAAAC,IAAA,2CACCC,QAASf,EACTgB,MAAM,yDAENH,EAAK,OAAAC,IAAA,2CAAAE,MAAM,2DACVH,EACC,SAAAC,IAAA,2CAAAE,MAAO1B,EAAO,CACbG,SAAUwB,EAAUT,KAAKf,YAE1ByB,KAAK,WACLlB,GAAIA,EACJC,KAAMO,KAAKP,KACXF,SAAUS,KAAKT,SACfD,UAAWU,KAAKV,QAChBL,SAAUwB,EAAUT,KAAKf,UACzB0B,SAAUC,GAAMZ,KAAKa,UAAUD,KAGhCP,EACC,OAAAC,IAAA,2CAAAE,MAAOpB,EAAO,CACbH,SAAUwB,EAAUT,KAAKf,eAI5BoB,EAAQ,QAAAC,IAAA,6C,CAKH,SAAAO,CAAUD,GACjB,GAAIH,EAAUT,KAAKf,UAAW,CAC7B2B,EAAGE,iBACH,M,CAGD,MAAMxB,EAAWsB,EAAGG,OAA4BzB,QAChD,GAAIA,GAAWU,KAAKV,QAAS,CAC5BU,KAAKV,QAAUA,EACfU,KAAKN,cAAcsB,KAAK1B,GACxBU,KAAKF,WAAWmB,aAAajB,KAAKV,QAAU,KAAO,M","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r,c as t,h as e}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{a as o}from"./p-C5CTp9IA.js";import{n as i}from"./p-D9kEjsvZ.js";import"./p-ChV9xqsO.js";const c="*{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-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/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}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/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}.checked\\:cursor-auto:checked{cursor:auto!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/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-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/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-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}";const n=a(["peer appearance-none m-0 outline-none flex-shrink-0","rounded-full border border-inset border-solid ","w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportivce-lilac-100 hover:border-black-teal-100","group-hover/radio-label:bg-supportivce-lilac-100 group-hover/radio-label:border-black-teal-100","checked:cursor-auto","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20","checked:group-hover/radio-label:bg-supportive-lilac checked:group-hover/radio-label:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}},compoundVariants:[{disabled:false,class:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","group-hover/radio-label:bg-supportive-lilac-100 group-hover/radio-label:border-black-teal-100"]}]});const l=a(["block","rounded-full bg-transparent","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none","w-2 h-2"],{variants:{disabled:{false:"peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10",true:"peer-checked:bg-black-teal-200"}}});const s=class{constructor(e){r(this,e);this.checkedChange=t(this,"checkedChange",7);if(e.$hostElement$["s-ei"]){this._internals=e.$hostElement$["s-ei"]}else{this._internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this._internals}}value;disabled=false;required=true;id;name;checked=false;checkedChange;_nonce=i(5);_internals;formResetCallback(){this._setValue(false)}formDisabledCallback(r){if(!this._internals.form){return}this.disabled=r}render(){const r=this.id?.length?this.id:this._nonce;return e("label",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r,c as t,h as e}from"./p-DhGo7hbh.js";import{c as a}from"./p-CBWjHURv.js";import{a as o}from"./p-C5CTp9IA.js";import{n as i}from"./p-D9kEjsvZ.js";import"./p-ChV9xqsO.js";const c="*{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-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/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}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/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}.checked\\:cursor-auto:checked{cursor:auto!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/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-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.group\\/radio-label:hover .group-hover\\/radio-label\\:bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.group\\/radio-label:hover .checked\\:group-hover\\/radio-label\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:bg-black-teal-200{--tw-bg-opacity:1!important;background-color:rgb(154 170 167/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-black-teal\\/10{--tw-ring-color:rgba(3,42,36,.1)!important}";const n=a(["peer appearance-none m-0 outline-none flex-shrink-0","rounded-full border border-inset border-solid ","w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportivce-lilac-100 hover:border-black-teal-100","group-hover/radio-label:bg-supportivce-lilac-100 group-hover/radio-label:border-black-teal-100","checked:cursor-auto","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac checked:hover:border-black-teal/20","checked:group-hover/radio-label:bg-supportive-lilac checked:group-hover/radio-label:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}},compoundVariants:[{disabled:false,class:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","group-hover/radio-label:bg-supportive-lilac-100 group-hover/radio-label:border-black-teal-100"]}]});const l=a(["block","rounded-full bg-transparent","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none","w-2 h-2"],{variants:{disabled:{false:"peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-black-teal/10",true:"peer-checked:bg-black-teal-200"}}});const s=class{constructor(e){r(this,e);this.checkedChange=t(this,"checkedChange",7);if(e.$hostElement$["s-ei"]){this._internals=e.$hostElement$["s-ei"]}else{this._internals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this._internals}}value;disabled=false;required=true;id;name;checked=false;checkedChange;_nonce=i(5);_internals;formResetCallback(){this._setValue(false)}formDisabledCallback(r){if(!this._internals.form){return}this.disabled=r}render(){const r=this.id?.length?this.id:this._nonce;return e("label",{key:"2df58bb68a850f238ffa1a1a6eea5fa564cf5a40",htmlFor:r,class:"flex items-center justify-start gap-2 text-black-teal"},e("div",{key:"80a8e24e28f80d35ee6ad4dbd8ce52785b3baf09",class:"relative flex flex-shrink-0 items-center"},e("input",{key:"6d3e43e473a10b86a331dccee9905d2fda7d487d",class:n({disabled:o(this.disabled)}),type:"radio",id:r,name:this.name,required:this.required,value:this.value,checked:this.checked,disabled:o(this.disabled),onChange:r=>this._onChange(r)}),e("div",{key:"f0dc8f2aaca96a9efc41f801f93c199e58cb39ca",class:l({disabled:o(this.disabled)})})),e("slot",{key:"a177cd1e6807f6124a1424dc8a67e5c7d480c0f0"}))}_onChange(r){if(o(this.disabled)){r.preventDefault();return}const t=r.target.checked;this._setValue(t)}_setValue(r){this.checked=r;this.checkedChange.emit(r);this._internals.setFormValue(r?"on":"off")}static get formAssociated(){return true}};s.style=c;export{s as p_radio};
|
|
2
|
+
//# sourceMappingURL=p-3ce32fe5.entry.js.map
|