@paperless/core 0.1.0-alpha.332 → 0.1.0-alpha.334
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 +29 -0
- package/dist/build/index.esm.js +2 -1
- package/dist/build/index.esm.js.map +1 -0
- package/dist/build/p-05f976da.entry.js +2 -0
- package/dist/build/p-05f976da.entry.js.map +1 -0
- package/dist/build/p-0764d32f.entry.js +2 -0
- package/dist/build/p-0764d32f.entry.js.map +1 -0
- package/dist/build/p-09a3626c.entry.js +2 -0
- package/dist/build/p-09a3626c.entry.js.map +1 -0
- package/dist/build/p-09ea2a1a.js +2 -1
- package/dist/build/p-09ea2a1a.js.map +1 -0
- package/dist/build/p-142c9878.entry.js +2 -0
- package/dist/build/p-142c9878.entry.js.map +1 -0
- package/dist/build/p-2336d954.entry.js +2 -0
- package/dist/build/p-2336d954.entry.js.map +1 -0
- package/dist/build/p-26501e6f.entry.js +2 -0
- package/dist/build/p-26501e6f.entry.js.map +1 -0
- package/dist/build/p-270f2589.entry.js +2 -0
- package/dist/build/p-270f2589.entry.js.map +1 -0
- package/dist/build/p-295ef188.entry.js +2 -0
- package/dist/build/p-295ef188.entry.js.map +1 -0
- package/dist/build/p-2e66e252.entry.js +2 -0
- package/dist/build/p-2e66e252.entry.js.map +1 -0
- package/dist/build/p-38f88fcb.entry.js +2 -0
- package/dist/build/p-38f88fcb.entry.js.map +1 -0
- package/dist/build/p-3fffdc43.entry.js +2 -0
- package/dist/build/p-3fffdc43.entry.js.map +1 -0
- package/dist/build/p-4539d855.entry.js +2 -0
- package/dist/build/p-4539d855.entry.js.map +1 -0
- package/dist/build/p-4e650fe4.js +2 -1
- package/dist/build/p-4e650fe4.js.map +1 -0
- package/dist/build/p-52d7d305.entry.js +2 -0
- package/dist/build/p-52d7d305.entry.js.map +1 -0
- package/dist/build/p-5477db13.entry.js +2 -0
- package/dist/build/p-5477db13.entry.js.map +1 -0
- package/dist/build/p-5da19525.entry.js +2 -0
- package/dist/build/p-5da19525.entry.js.map +1 -0
- package/dist/build/p-5f8538e7.entry.js +2 -0
- package/dist/build/p-5f8538e7.entry.js.map +1 -0
- package/dist/build/p-62543956.entry.js +2 -0
- package/dist/build/p-62543956.entry.js.map +1 -0
- package/dist/build/p-6c60fd3d.js +2 -1
- package/dist/build/p-6c60fd3d.js.map +1 -0
- package/dist/build/p-8a471962.entry.js +2 -0
- package/dist/build/p-8a471962.entry.js.map +1 -0
- package/dist/build/p-8a6728d5.js +2 -1
- package/dist/build/p-8a6728d5.js.map +1 -0
- package/dist/build/p-8c8f9caa.entry.js +2 -0
- package/dist/build/p-8c8f9caa.entry.js.map +1 -0
- package/dist/build/p-90a0ba40.entry.js +2 -0
- package/dist/build/p-90a0ba40.entry.js.map +1 -0
- package/dist/build/p-91a42549.entry.js +2 -0
- package/dist/build/p-91a42549.entry.js.map +1 -0
- package/dist/build/p-9f4617e1.entry.js +2 -0
- package/dist/build/p-9f4617e1.entry.js.map +1 -0
- package/dist/build/p-a5133564.entry.js +2 -0
- package/dist/build/p-a5133564.entry.js.map +1 -0
- package/dist/build/p-b273ac6d.js +2 -1
- package/dist/build/p-b273ac6d.js.map +1 -0
- package/dist/build/p-b54a9bb2.entry.js +2 -0
- package/dist/build/p-b54a9bb2.entry.js.map +1 -0
- package/dist/build/p-b5a51e04.entry.js +2 -0
- package/dist/build/p-b5a51e04.entry.js.map +1 -0
- package/dist/build/p-bcbb18e0.entry.js +2 -0
- package/dist/build/p-bcbb18e0.entry.js.map +1 -0
- package/dist/build/{p-529ccaf7.entry.js → p-c1ab6e47.entry.js} +2 -1
- package/dist/build/p-c1ab6e47.entry.js.map +1 -0
- package/dist/build/p-c432f3f6.js +3 -0
- package/dist/build/p-c432f3f6.js.map +1 -0
- package/dist/build/p-c5a5a394.entry.js +2 -0
- package/dist/build/p-c5a5a394.entry.js.map +1 -0
- package/dist/build/p-ce944a28.entry.js +2 -0
- package/dist/build/p-ce944a28.entry.js.map +1 -0
- package/dist/build/p-d3d37d1d.entry.js +2 -0
- package/dist/build/p-d3d37d1d.entry.js.map +1 -0
- package/dist/build/p-d85a8835.entry.js +2 -0
- package/dist/build/p-d85a8835.entry.js.map +1 -0
- package/dist/build/p-db4c03d8.entry.js +2 -0
- package/dist/build/p-db4c03d8.entry.js.map +1 -0
- package/dist/build/p-dcf862ac.entry.js +2 -0
- package/dist/build/p-dcf862ac.entry.js.map +1 -0
- package/dist/build/p-df38fb1d.entry.js +2 -0
- package/dist/build/p-df38fb1d.entry.js.map +1 -0
- package/dist/build/p-e6561000.entry.js +2 -0
- package/dist/build/p-e6561000.entry.js.map +1 -0
- package/dist/build/p-ef0622db.entry.js +2 -0
- package/dist/build/p-ef0622db.entry.js.map +1 -0
- package/dist/build/p-f64106d1.entry.js +2 -0
- package/dist/build/p-f64106d1.entry.js.map +1 -0
- package/dist/build/p-f86fcdf4.js +2 -1
- package/dist/build/p-f86fcdf4.js.map +1 -0
- package/dist/build/p-fb277355.entry.js +2 -0
- package/dist/build/p-fb277355.entry.js.map +1 -0
- package/dist/build/p-fe6db098.entry.js +2 -0
- package/dist/build/p-fe6db098.entry.js.map +1 -0
- package/dist/build/paperless.esm.js +2 -1
- package/dist/build/paperless.esm.js.map +1 -0
- package/dist/cjs/child-of-e472f812.js +2 -0
- package/dist/cjs/child-of-e472f812.js.map +1 -0
- package/dist/cjs/constants-a4459ec9.js +2 -0
- package/dist/cjs/constants-a4459ec9.js.map +1 -0
- package/dist/cjs/index-040ec3f9.js +2 -0
- package/dist/cjs/index-040ec3f9.js.map +1 -0
- package/dist/cjs/{index-195002a8.js → index-0a3162ce.js} +122 -3
- package/dist/cjs/index-0a3162ce.js.map +1 -0
- package/dist/cjs/index.cjs.js +2 -0
- package/dist/cjs/index.cjs.js.map +1 -0
- package/dist/cjs/loader.cjs.js +6 -3
- package/dist/cjs/loader.cjs.js.map +1 -0
- package/dist/cjs/localization-9e2ac7f3.js +2 -0
- package/dist/cjs/localization-9e2ac7f3.js.map +1 -0
- package/dist/cjs/object-get-by-path-6dc21ed5.js +2 -0
- package/dist/cjs/object-get-by-path-6dc21ed5.js.map +1 -0
- package/dist/cjs/p-accordion.cjs.entry.js +3 -1
- package/dist/cjs/p-accordion.cjs.entry.js.map +1 -0
- package/dist/cjs/p-avatar-group.cjs.entry.js +3 -1
- package/dist/cjs/p-avatar-group.cjs.entry.js.map +1 -0
- package/dist/cjs/p-avatar.cjs.entry.js +3 -1
- package/dist/cjs/p-avatar.cjs.entry.js.map +1 -0
- package/dist/cjs/p-backdrop.cjs.entry.js +4 -2
- package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -0
- package/dist/cjs/p-button_3.cjs.entry.js +6 -4
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -0
- package/dist/cjs/p-calendar.cjs.entry.js +3 -1
- package/dist/cjs/p-calendar.cjs.entry.js.map +1 -0
- package/dist/cjs/p-card-body.cjs.entry.js +3 -1
- package/dist/cjs/p-card-body.cjs.entry.js.map +1 -0
- package/dist/cjs/p-card-container.cjs.entry.js +3 -1
- package/dist/cjs/p-card-container.cjs.entry.js.map +1 -0
- package/dist/cjs/p-card-header.cjs.entry.js +3 -1
- package/dist/cjs/p-card-header.cjs.entry.js.map +1 -0
- package/dist/cjs/p-content-slider.cjs.entry.js +3 -1
- package/dist/cjs/p-content-slider.cjs.entry.js.map +1 -0
- package/dist/cjs/p-counter.cjs.entry.js +3 -1
- package/dist/cjs/p-counter.cjs.entry.js.map +1 -0
- package/dist/cjs/p-datepicker.cjs.entry.js +10 -2
- package/dist/cjs/p-datepicker.cjs.entry.js.map +1 -0
- package/dist/cjs/p-divider.cjs.entry.js +4 -2
- package/dist/cjs/p-divider.cjs.entry.js.map +1 -0
- package/dist/cjs/p-drawer-body_3.cjs.entry.js +3 -1
- package/dist/cjs/p-drawer-body_3.cjs.entry.js.map +1 -0
- package/dist/cjs/p-drawer.cjs.entry.js +3 -1
- package/dist/cjs/p-drawer.cjs.entry.js.map +1 -0
- package/dist/cjs/p-dropdown-menu-container.cjs.entry.js +4 -2
- package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map +1 -0
- package/dist/cjs/p-dropdown_2.cjs.entry.js +5 -3
- package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -0
- package/dist/cjs/p-helper_3.cjs.entry.js +6 -4
- package/dist/cjs/p-helper_3.cjs.entry.js.map +1 -0
- package/dist/cjs/p-illustration_6.cjs.entry.js +8 -6
- package/dist/cjs/p-illustration_6.cjs.entry.js.map +1 -0
- package/dist/cjs/p-info-panel.cjs.entry.js +3 -1
- package/dist/cjs/p-info-panel.cjs.entry.js.map +1 -0
- package/dist/cjs/p-label_3.cjs.entry.js +6 -4
- package/dist/cjs/p-label_3.cjs.entry.js.map +1 -0
- package/dist/cjs/p-layout.cjs.entry.js +3 -1
- package/dist/cjs/p-layout.cjs.entry.js.map +1 -0
- package/dist/cjs/p-modal-body_4.cjs.entry.js +3 -1
- package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -0
- package/dist/cjs/p-modal.cjs.entry.js +3 -1
- package/dist/cjs/p-modal.cjs.entry.js.map +1 -0
- package/dist/cjs/p-navbar.cjs.entry.js +3 -1
- package/dist/cjs/p-navbar.cjs.entry.js.map +1 -0
- package/dist/cjs/p-navigation-item.cjs.entry.js +3 -1
- package/dist/cjs/p-navigation-item.cjs.entry.js.map +1 -0
- package/dist/cjs/p-page-size-select_3.cjs.entry.js +5 -3
- package/dist/cjs/p-page-size-select_3.cjs.entry.js.map +1 -0
- package/dist/cjs/p-profile.cjs.entry.js +3 -1
- package/dist/cjs/p-profile.cjs.entry.js.map +1 -0
- package/dist/cjs/p-select.cjs.entry.js +4 -2
- package/dist/cjs/p-select.cjs.entry.js.map +1 -0
- package/dist/cjs/p-slider-indicator.cjs.entry.js +3 -1
- package/dist/cjs/p-slider-indicator.cjs.entry.js.map +1 -0
- package/dist/cjs/p-status.cjs.entry.js +3 -1
- package/dist/cjs/p-status.cjs.entry.js.map +1 -0
- package/dist/cjs/p-stepper-item_2.cjs.entry.js +6 -3
- package/dist/cjs/p-stepper-item_2.cjs.entry.js.map +1 -0
- package/dist/cjs/p-stepper.cjs.entry.js +6 -3
- package/dist/cjs/p-stepper.cjs.entry.js.map +1 -0
- package/dist/cjs/p-tab-group.cjs.entry.js +3 -1
- package/dist/cjs/p-tab-group.cjs.entry.js.map +1 -0
- package/dist/cjs/p-tab-item.cjs.entry.js +3 -1
- package/dist/cjs/p-tab-item.cjs.entry.js.map +1 -0
- package/dist/cjs/p-table-column.cjs.entry.js +3 -1
- package/dist/cjs/p-table-column.cjs.entry.js.map +1 -0
- package/dist/cjs/p-table.cjs.entry.js +4 -2
- package/dist/cjs/p-table.cjs.entry.js.map +1 -0
- package/dist/cjs/p-toast-container.cjs.entry.js +4 -2
- package/dist/cjs/p-toast-container.cjs.entry.js.map +1 -0
- package/dist/cjs/p-toast.cjs.entry.js +3 -1
- package/dist/cjs/p-toast.cjs.entry.js.map +1 -0
- package/dist/cjs/paperless.cjs.js +12 -3
- package/dist/cjs/paperless.cjs.js.map +1 -0
- package/dist/cjs/popper-d7a0f999.js +2 -0
- package/dist/cjs/popper-d7a0f999.js.map +1 -0
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/avatar/avatar.component.js +1 -0
- package/dist/collection/components/atoms/avatar/avatar.component.js.map +1 -0
- package/dist/collection/components/atoms/avatar-group/avatar-group.component.js +1 -0
- package/dist/collection/components/atoms/avatar-group/avatar-group.component.js.map +1 -0
- package/dist/collection/components/atoms/backdrop/backdrop.component.css +1 -1
- package/dist/collection/components/atoms/backdrop/backdrop.component.js +1 -0
- package/dist/collection/components/atoms/backdrop/backdrop.component.js.map +1 -0
- package/dist/collection/components/atoms/button/button.component.css +1 -1
- package/dist/collection/components/atoms/button/button.component.js +1 -0
- package/dist/collection/components/atoms/button/button.component.js.map +1 -0
- package/dist/collection/components/atoms/card-body/card-body.component.js +1 -0
- package/dist/collection/components/atoms/card-body/card-body.component.js.map +1 -0
- package/dist/collection/components/atoms/card-container/card-container.component.js +1 -0
- package/dist/collection/components/atoms/card-container/card-container.component.js.map +1 -0
- package/dist/collection/components/atoms/card-header/card-header.component.js +1 -0
- package/dist/collection/components/atoms/card-header/card-header.component.js.map +1 -0
- package/dist/collection/components/atoms/counter/counter.component.js +1 -0
- package/dist/collection/components/atoms/counter/counter.component.js.map +1 -0
- package/dist/collection/components/atoms/divider/divider.component.css +1 -1
- package/dist/collection/components/atoms/divider/divider.component.js +1 -0
- package/dist/collection/components/atoms/divider/divider.component.js.map +1 -0
- package/dist/collection/components/atoms/drawer-body/drawer-body.component.js +1 -0
- package/dist/collection/components/atoms/drawer-body/drawer-body.component.js.map +1 -0
- package/dist/collection/components/atoms/drawer-container/drawer-container.component.js +1 -0
- package/dist/collection/components/atoms/drawer-container/drawer-container.component.js.map +1 -0
- package/dist/collection/components/atoms/drawer-header/drawer-header.component.js +1 -0
- package/dist/collection/components/atoms/drawer-header/drawer-header.component.js.map +1 -0
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.js +1 -0
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.js.map +1 -0
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +1 -0
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js.map +1 -0
- package/dist/collection/components/atoms/helper/helper.component.css +1 -1
- package/dist/collection/components/atoms/helper/helper.component.js +1 -0
- package/dist/collection/components/atoms/helper/helper.component.js.map +1 -0
- package/dist/collection/components/atoms/icon/icon.component.css +1 -1
- package/dist/collection/components/atoms/icon/icon.component.js +5 -2
- package/dist/collection/components/atoms/icon/icon.component.js.map +1 -0
- package/dist/collection/components/atoms/illustration/illustration.component.js +3 -1
- package/dist/collection/components/atoms/illustration/illustration.component.js.map +1 -0
- package/dist/collection/components/atoms/info-panel/info-panel.component.js +1 -0
- package/dist/collection/components/atoms/info-panel/info-panel.component.js.map +1 -0
- package/dist/collection/components/atoms/label/label.component.css +1 -1
- package/dist/collection/components/atoms/label/label.component.js +1 -0
- package/dist/collection/components/atoms/label/label.component.js.map +1 -0
- package/dist/collection/components/atoms/layout/layout.component.js +1 -0
- package/dist/collection/components/atoms/layout/layout.component.js.map +1 -0
- package/dist/collection/components/atoms/loader/loader.component.css +1 -1
- package/dist/collection/components/atoms/loader/loader.component.js +1 -0
- package/dist/collection/components/atoms/loader/loader.component.js.map +1 -0
- package/dist/collection/components/atoms/modal-body/modal-body.component.js +1 -0
- package/dist/collection/components/atoms/modal-body/modal-body.component.js.map +1 -0
- package/dist/collection/components/atoms/modal-container/modal-container.component.js +1 -0
- package/dist/collection/components/atoms/modal-container/modal-container.component.js.map +1 -0
- package/dist/collection/components/atoms/modal-footer/modal-footer.component.js +1 -0
- package/dist/collection/components/atoms/modal-footer/modal-footer.component.js.map +1 -0
- package/dist/collection/components/atoms/modal-header/modal-header.component.js +1 -0
- package/dist/collection/components/atoms/modal-header/modal-header.component.js.map +1 -0
- package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
- package/dist/collection/components/atoms/pagination-item/pagination-item.component.js +1 -0
- package/dist/collection/components/atoms/pagination-item/pagination-item.component.js.map +1 -0
- package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
- package/dist/collection/components/atoms/segment-container/segment-container.component.js +1 -0
- package/dist/collection/components/atoms/segment-container/segment-container.component.js.map +1 -0
- package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
- package/dist/collection/components/atoms/segment-item/segment-item.component.js +1 -0
- package/dist/collection/components/atoms/segment-item/segment-item.component.js.map +1 -0
- package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.js +1 -0
- package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.js.map +1 -0
- package/dist/collection/components/atoms/status/status.component.js +1 -0
- package/dist/collection/components/atoms/status/status.component.js.map +1 -0
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.css +1 -1
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.js +20 -0
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.js.map +1 -0
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.css +1 -1
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.js +1 -0
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.js.map +1 -0
- package/dist/collection/components/atoms/tab-group/tab-group.component.js +1 -0
- package/dist/collection/components/atoms/tab-group/tab-group.component.js.map +1 -0
- package/dist/collection/components/atoms/tab-item/tab-item.component.js +1 -0
- package/dist/collection/components/atoms/tab-item/tab-item.component.js.map +1 -0
- package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
- package/dist/collection/components/atoms/table-container/table-container.component.js +1 -0
- package/dist/collection/components/atoms/table-container/table-container.component.js.map +1 -0
- package/dist/collection/components/atoms/toast-container/toast-container.component.css +1 -1
- package/dist/collection/components/atoms/toast-container/toast-container.component.js +1 -0
- package/dist/collection/components/atoms/toast-container/toast-container.component.js.map +1 -0
- package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
- package/dist/collection/components/atoms/tooltip/tooltip.component.js +1 -0
- package/dist/collection/components/atoms/tooltip/tooltip.component.js.map +1 -0
- package/dist/collection/components/helpers/table-column/table-column.component.js +1 -0
- package/dist/collection/components/helpers/table-column/table-column.component.js.map +1 -0
- package/dist/collection/components/molecules/accordion/accordion.component.css +1 -1
- package/dist/collection/components/molecules/accordion/accordion.component.js +1 -0
- package/dist/collection/components/molecules/accordion/accordion.component.js.map +1 -0
- package/dist/collection/components/molecules/calendar/calendar.component.js +1 -0
- package/dist/collection/components/molecules/calendar/calendar.component.js.map +1 -0
- package/dist/collection/components/molecules/content-slider/content-slider.component.js +1 -0
- package/dist/collection/components/molecules/content-slider/content-slider.component.js.map +1 -0
- package/dist/collection/components/molecules/datepicker/datepicker.component.css +1 -1
- package/dist/collection/components/molecules/datepicker/datepicker.component.js +7 -0
- package/dist/collection/components/molecules/datepicker/datepicker.component.js.map +1 -0
- package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +1 -0
- package/dist/collection/components/molecules/dropdown/dropdown.component.js.map +1 -0
- package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
- package/dist/collection/components/molecules/input-group/input-group.component.js +1 -0
- package/dist/collection/components/molecules/input-group/input-group.component.js.map +1 -0
- package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +1 -0
- package/dist/collection/components/molecules/navigation-item/navigation-item.component.js.map +1 -0
- package/dist/collection/components/molecules/page-size-select/constants.js +1 -0
- package/dist/collection/components/molecules/page-size-select/constants.js.map +1 -0
- package/dist/collection/components/molecules/page-size-select/page-size-select.component.js +5 -2
- package/dist/collection/components/molecules/page-size-select/page-size-select.component.js.map +1 -0
- package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
- package/dist/collection/components/molecules/pagination/pagination.component.js +1 -0
- package/dist/collection/components/molecules/pagination/pagination.component.js.map +1 -0
- package/dist/collection/components/molecules/profile/profile.component.js +1 -0
- package/dist/collection/components/molecules/profile/profile.component.js.map +1 -0
- package/dist/collection/components/molecules/select/select.component.css +1 -1
- package/dist/collection/components/molecules/select/select.component.js +1 -0
- package/dist/collection/components/molecules/select/select.component.js.map +1 -0
- package/dist/collection/components/molecules/stepper/stepper.component.css +1 -1
- package/dist/collection/components/molecules/stepper/stepper.component.js +21 -1
- package/dist/collection/components/molecules/stepper/stepper.component.js.map +1 -0
- package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
- package/dist/collection/components/molecules/table-cell/table-cell.component.js +1 -0
- package/dist/collection/components/molecules/table-cell/table-cell.component.js.map +1 -0
- package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
- package/dist/collection/components/molecules/table-footer/table-footer.component.js +1 -0
- package/dist/collection/components/molecules/table-footer/table-footer.component.js.map +1 -0
- package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
- package/dist/collection/components/molecules/table-header/table-header.component.js +5 -2
- package/dist/collection/components/molecules/table-header/table-header.component.js.map +1 -0
- package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
- package/dist/collection/components/molecules/table-row/table-row.component.js +1 -0
- package/dist/collection/components/molecules/table-row/table-row.component.js.map +1 -0
- package/dist/collection/components/molecules/toast/toast.component.js +1 -0
- package/dist/collection/components/molecules/toast/toast.component.js.map +1 -0
- package/dist/collection/components/organisms/drawer/drawer.component.js +1 -0
- package/dist/collection/components/organisms/drawer/drawer.component.js.map +1 -0
- package/dist/collection/components/organisms/modal/modal.component.js +1 -0
- package/dist/collection/components/organisms/modal/modal.component.js.map +1 -0
- package/dist/collection/components/organisms/navbar/navbar.component.js +1 -0
- package/dist/collection/components/organisms/navbar/navbar.component.js.map +1 -0
- package/dist/collection/components/organisms/table/table.component.css +1 -1
- package/dist/collection/components/organisms/table/table.component.js +13 -6
- package/dist/collection/components/organisms/table/table.component.js.map +1 -0
- package/dist/collection/index.js +1 -0
- package/dist/collection/index.js.map +1 -0
- package/dist/collection/types/index.js +1 -0
- package/dist/collection/types/index.js.map +1 -0
- package/dist/collection/types/table.js +1 -0
- package/dist/collection/types/table.js.map +1 -0
- package/dist/collection/types/tailwind.js +1 -0
- package/dist/collection/types/tailwind.js.map +1 -0
- package/dist/collection/utils/child-of.js +1 -0
- package/dist/collection/utils/child-of.js.map +1 -0
- package/dist/collection/utils/icons.js +1 -0
- package/dist/collection/utils/icons.js.map +1 -0
- package/dist/collection/utils/illustrations.js +1 -0
- package/dist/collection/utils/illustrations.js.map +1 -0
- package/dist/collection/utils/index.js +1 -0
- package/dist/collection/utils/index.js.map +1 -0
- package/dist/collection/utils/localization.js +1 -0
- package/dist/collection/utils/localization.js.map +1 -0
- package/dist/collection/utils/object-get-by-path.js +1 -0
- package/dist/collection/utils/object-get-by-path.js.map +1 -0
- package/dist/collection/utils/transformers.js +1 -0
- package/dist/collection/utils/transformers.js.map +1 -0
- package/dist/components/backdrop.component.js +3 -1
- package/dist/components/backdrop.component.js.map +1 -0
- package/dist/components/button.component.js +3 -1
- package/dist/components/button.component.js.map +1 -0
- package/dist/components/calendar.component.js +2 -0
- package/dist/components/calendar.component.js.map +1 -0
- package/dist/components/child-of.js +9 -0
- package/dist/components/child-of.js.map +1 -0
- package/dist/components/counter.component.js +2 -0
- package/dist/components/counter.component.js.map +1 -0
- package/dist/components/divider.component.js +3 -1
- package/dist/components/divider.component.js.map +1 -0
- package/dist/components/drawer-body.component.js +2 -0
- package/dist/components/drawer-body.component.js.map +1 -0
- package/dist/components/drawer-container.component.js +2 -0
- package/dist/components/drawer-container.component.js.map +1 -0
- package/dist/components/drawer-header.component.js +2 -0
- package/dist/components/drawer-header.component.js.map +1 -0
- package/dist/components/dropdown-menu-container.component.js +3 -1
- package/dist/components/dropdown-menu-container.component.js.map +1 -0
- package/dist/components/dropdown-menu-item.component.js +3 -1
- package/dist/components/dropdown-menu-item.component.js.map +1 -0
- package/dist/components/dropdown.component.js +5 -8
- package/dist/components/dropdown.component.js.map +1 -0
- package/dist/components/helper.component.js +3 -1
- package/dist/components/helper.component.js.map +1 -0
- package/dist/components/icon.component.js +3 -1
- package/dist/components/icon.component.js.map +1 -0
- package/dist/components/illustration.component.js +2 -0
- package/dist/components/illustration.component.js.map +1 -0
- package/dist/components/index.d.ts +9 -62
- package/dist/components/index.js +5 -62
- package/dist/components/index.js.map +1 -0
- package/dist/components/input-group.component.js +3 -1
- package/dist/components/input-group.component.js.map +1 -0
- package/dist/components/label.component.js +3 -1
- package/dist/components/label.component.js.map +1 -0
- package/dist/components/loader.component.js +3 -1
- package/dist/components/loader.component.js.map +1 -0
- package/dist/components/localization.js +2 -0
- package/dist/components/localization.js.map +1 -0
- package/dist/components/modal-body.component.js +2 -0
- package/dist/components/modal-body.component.js.map +1 -0
- package/dist/components/modal-container.component.js +2 -0
- package/dist/components/modal-container.component.js.map +1 -0
- package/dist/components/modal-footer.component.js +2 -0
- package/dist/components/modal-footer.component.js.map +1 -0
- package/dist/components/modal-header.component.js +2 -0
- package/dist/components/modal-header.component.js.map +1 -0
- package/dist/components/object-get-by-path.js +12 -0
- package/dist/components/object-get-by-path.js.map +1 -0
- package/dist/components/p-accordion.js +2 -0
- package/dist/components/p-accordion.js.map +1 -0
- package/dist/components/p-avatar-group.js +2 -0
- package/dist/components/p-avatar-group.js.map +1 -0
- package/dist/components/p-avatar.js +2 -0
- package/dist/components/p-avatar.js.map +1 -0
- package/dist/components/p-backdrop.js +2 -0
- package/dist/components/p-backdrop.js.map +1 -0
- package/dist/components/p-button.js +2 -0
- package/dist/components/p-button.js.map +1 -0
- package/dist/components/p-calendar.js +2 -0
- package/dist/components/p-calendar.js.map +1 -0
- package/dist/components/p-card-body.js +2 -0
- package/dist/components/p-card-body.js.map +1 -0
- package/dist/components/p-card-container.js +2 -0
- package/dist/components/p-card-container.js.map +1 -0
- package/dist/components/p-card-header.js +2 -0
- package/dist/components/p-card-header.js.map +1 -0
- package/dist/components/p-content-slider.js +2 -0
- package/dist/components/p-content-slider.js.map +1 -0
- package/dist/components/p-counter.js +2 -0
- package/dist/components/p-counter.js.map +1 -0
- package/dist/components/p-datepicker.js +11 -2
- package/dist/components/p-datepicker.js.map +1 -0
- package/dist/components/p-divider.js +2 -0
- package/dist/components/p-divider.js.map +1 -0
- package/dist/components/p-drawer-body.js +2 -0
- package/dist/components/p-drawer-body.js.map +1 -0
- package/dist/components/p-drawer-container.js +2 -0
- package/dist/components/p-drawer-container.js.map +1 -0
- package/dist/components/p-drawer-header.js +2 -0
- package/dist/components/p-drawer-header.js.map +1 -0
- package/dist/components/p-drawer.js +2 -0
- package/dist/components/p-drawer.js.map +1 -0
- package/dist/components/p-dropdown-menu-container.js +2 -0
- package/dist/components/p-dropdown-menu-container.js.map +1 -0
- package/dist/components/p-dropdown-menu-item.js +2 -0
- package/dist/components/p-dropdown-menu-item.js.map +1 -0
- package/dist/components/p-dropdown.js +2 -0
- package/dist/components/p-dropdown.js.map +1 -0
- package/dist/components/p-helper.js +2 -0
- package/dist/components/p-helper.js.map +1 -0
- package/dist/components/p-icon.js +2 -0
- package/dist/components/p-icon.js.map +1 -0
- package/dist/components/p-illustration.js +2 -0
- package/dist/components/p-illustration.js.map +1 -0
- package/dist/components/p-info-panel.js +2 -0
- package/dist/components/p-info-panel.js.map +1 -0
- package/dist/components/p-input-group.js +2 -0
- package/dist/components/p-input-group.js.map +1 -0
- package/dist/components/p-label.js +2 -0
- package/dist/components/p-label.js.map +1 -0
- package/dist/components/p-layout.js +2 -0
- package/dist/components/p-layout.js.map +1 -0
- package/dist/components/p-loader.js +2 -0
- package/dist/components/p-loader.js.map +1 -0
- package/dist/components/p-modal-body.js +2 -0
- package/dist/components/p-modal-body.js.map +1 -0
- package/dist/components/p-modal-container.js +2 -0
- package/dist/components/p-modal-container.js.map +1 -0
- package/dist/components/p-modal-footer.js +2 -0
- package/dist/components/p-modal-footer.js.map +1 -0
- package/dist/components/p-modal-header.js +2 -0
- package/dist/components/p-modal-header.js.map +1 -0
- package/dist/components/p-modal.js +2 -0
- package/dist/components/p-modal.js.map +1 -0
- package/dist/components/p-navbar.js +2 -0
- package/dist/components/p-navbar.js.map +1 -0
- package/dist/components/p-navigation-item.js +2 -0
- package/dist/components/p-navigation-item.js.map +1 -0
- package/dist/components/p-page-size-select.js +2 -0
- package/dist/components/p-page-size-select.js.map +1 -0
- package/dist/components/p-pagination-item.js +2 -0
- package/dist/components/p-pagination-item.js.map +1 -0
- package/dist/components/p-pagination.js +2 -0
- package/dist/components/p-pagination.js.map +1 -0
- package/dist/components/p-profile.js +2 -0
- package/dist/components/p-profile.js.map +1 -0
- package/dist/components/p-segment-container.js +2 -0
- package/dist/components/p-segment-container.js.map +1 -0
- package/dist/components/p-segment-item.js +2 -0
- package/dist/components/p-segment-item.js.map +1 -0
- package/dist/components/p-select.js +5 -2
- package/dist/components/p-select.js.map +1 -0
- package/dist/components/p-slider-indicator.js +2 -0
- package/dist/components/p-slider-indicator.js.map +1 -0
- package/dist/components/p-status.js +2 -0
- package/dist/components/p-status.js.map +1 -0
- package/dist/components/p-stepper-item.js +2 -0
- package/dist/components/p-stepper-item.js.map +1 -0
- package/dist/components/p-stepper-line.js +2 -0
- package/dist/components/p-stepper-line.js.map +1 -0
- package/dist/components/p-stepper.js +7 -3
- package/dist/components/p-stepper.js.map +1 -0
- package/dist/components/p-tab-group.js +2 -0
- package/dist/components/p-tab-group.js.map +1 -0
- package/dist/components/p-tab-item.js +2 -0
- package/dist/components/p-tab-item.js.map +1 -0
- package/dist/components/p-table-cell.js +2 -0
- package/dist/components/p-table-cell.js.map +1 -0
- package/dist/components/p-table-column.js +2 -0
- package/dist/components/p-table-column.js.map +1 -0
- package/dist/components/p-table-container.js +2 -0
- package/dist/components/p-table-container.js.map +1 -0
- package/dist/components/p-table-footer.js +2 -0
- package/dist/components/p-table-footer.js.map +1 -0
- package/dist/components/p-table-header.js +2 -0
- package/dist/components/p-table-header.js.map +1 -0
- package/dist/components/p-table-row.js +2 -0
- package/dist/components/p-table-row.js.map +1 -0
- package/dist/components/p-table.js +3 -1
- package/dist/components/p-table.js.map +1 -0
- package/dist/components/p-toast-container.js +3 -1
- package/dist/components/p-toast-container.js.map +1 -0
- package/dist/components/p-toast.js +2 -0
- package/dist/components/p-toast.js.map +1 -0
- package/dist/components/p-tooltip.js +2 -0
- package/dist/components/p-tooltip.js.map +1 -0
- package/dist/components/page-size-select.component.js +2 -0
- package/dist/components/page-size-select.component.js.map +1 -0
- package/dist/components/pagination-item.component.js +3 -1
- package/dist/components/pagination-item.component.js.map +1 -0
- package/dist/components/pagination.component.js +3 -1
- package/dist/components/pagination.component.js.map +1 -0
- package/dist/components/popper.js +2 -0
- package/dist/components/popper.js.map +1 -0
- package/dist/components/segment-container.component.js +3 -1
- package/dist/components/segment-container.component.js.map +1 -0
- package/dist/components/segment-item.component.js +3 -1
- package/dist/components/segment-item.component.js.map +1 -0
- package/dist/components/slider-indicator.component.js +2 -0
- package/dist/components/slider-indicator.component.js.map +1 -0
- package/dist/components/stepper-item.component.js +5 -1
- package/dist/components/stepper-item.component.js.map +1 -0
- package/dist/components/stepper-line.component.js +3 -1
- package/dist/components/stepper-line.component.js.map +1 -0
- package/dist/components/table-cell.component.js +5 -11
- package/dist/components/table-cell.component.js.map +1 -0
- package/dist/components/table-container.component.js +3 -1
- package/dist/components/table-container.component.js.map +1 -0
- package/dist/components/table-footer.component.js +3 -1
- package/dist/components/table-footer.component.js.map +1 -0
- package/dist/components/table-header.component.js +3 -1
- package/dist/components/table-header.component.js.map +1 -0
- package/dist/components/table-row.component.js +3 -1
- package/dist/components/table-row.component.js.map +1 -0
- package/dist/components/tooltip.component.js +3 -1
- package/dist/components/tooltip.component.js.map +1 -0
- package/dist/esm/child-of-90a8c4b5.js +2 -0
- package/dist/esm/child-of-90a8c4b5.js.map +1 -0
- package/dist/esm/constants-826f9460.js +2 -0
- package/dist/esm/constants-826f9460.js.map +1 -0
- package/dist/esm/index-340e085c.js +2 -0
- package/dist/esm/index-340e085c.js.map +1 -0
- package/dist/esm/{index-8170b4fb.js → index-5b62da5c.js} +122 -4
- package/dist/esm/index-5b62da5c.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/loader.js +6 -3
- package/dist/esm/loader.js.map +1 -0
- package/dist/esm/localization-901dc2d3.js +2 -0
- package/dist/esm/localization-901dc2d3.js.map +1 -0
- package/dist/esm/object-get-by-path-d6427a61.js +2 -0
- package/dist/esm/object-get-by-path-d6427a61.js.map +1 -0
- package/dist/esm/p-accordion.entry.js +3 -1
- package/dist/esm/p-accordion.entry.js.map +1 -0
- package/dist/esm/p-avatar-group.entry.js +3 -1
- package/dist/esm/p-avatar-group.entry.js.map +1 -0
- package/dist/esm/p-avatar.entry.js +3 -1
- package/dist/esm/p-avatar.entry.js.map +1 -0
- package/dist/esm/p-backdrop.entry.js +4 -2
- package/dist/esm/p-backdrop.entry.js.map +1 -0
- package/dist/esm/p-button_3.entry.js +6 -4
- package/dist/esm/p-button_3.entry.js.map +1 -0
- package/dist/esm/p-calendar.entry.js +3 -1
- package/dist/esm/p-calendar.entry.js.map +1 -0
- package/dist/esm/p-card-body.entry.js +3 -1
- package/dist/esm/p-card-body.entry.js.map +1 -0
- package/dist/esm/p-card-container.entry.js +3 -1
- package/dist/esm/p-card-container.entry.js.map +1 -0
- package/dist/esm/p-card-header.entry.js +3 -1
- package/dist/esm/p-card-header.entry.js.map +1 -0
- package/dist/esm/p-content-slider.entry.js +3 -1
- package/dist/esm/p-content-slider.entry.js.map +1 -0
- package/dist/esm/p-counter.entry.js +3 -1
- package/dist/esm/p-counter.entry.js.map +1 -0
- package/dist/esm/p-datepicker.entry.js +10 -2
- package/dist/esm/p-datepicker.entry.js.map +1 -0
- package/dist/esm/p-divider.entry.js +4 -2
- package/dist/esm/p-divider.entry.js.map +1 -0
- package/dist/esm/p-drawer-body_3.entry.js +3 -1
- package/dist/esm/p-drawer-body_3.entry.js.map +1 -0
- package/dist/esm/p-drawer.entry.js +3 -1
- package/dist/esm/p-drawer.entry.js.map +1 -0
- package/dist/esm/p-dropdown-menu-container.entry.js +4 -2
- package/dist/esm/p-dropdown-menu-container.entry.js.map +1 -0
- package/dist/esm/p-dropdown_2.entry.js +5 -3
- package/dist/esm/p-dropdown_2.entry.js.map +1 -0
- package/dist/esm/p-helper_3.entry.js +6 -4
- package/dist/esm/p-helper_3.entry.js.map +1 -0
- package/dist/esm/p-illustration_6.entry.js +8 -6
- package/dist/esm/p-illustration_6.entry.js.map +1 -0
- package/dist/esm/p-info-panel.entry.js +3 -1
- package/dist/esm/p-info-panel.entry.js.map +1 -0
- package/dist/esm/p-label_3.entry.js +6 -4
- package/dist/esm/p-label_3.entry.js.map +1 -0
- package/dist/esm/p-layout.entry.js +3 -1
- package/dist/esm/p-layout.entry.js.map +1 -0
- package/dist/esm/p-modal-body_4.entry.js +3 -1
- package/dist/esm/p-modal-body_4.entry.js.map +1 -0
- package/dist/esm/p-modal.entry.js +3 -1
- package/dist/esm/p-modal.entry.js.map +1 -0
- package/dist/esm/p-navbar.entry.js +3 -1
- package/dist/esm/p-navbar.entry.js.map +1 -0
- package/dist/esm/p-navigation-item.entry.js +3 -1
- package/dist/esm/p-navigation-item.entry.js.map +1 -0
- package/dist/esm/p-page-size-select_3.entry.js +5 -3
- package/dist/esm/p-page-size-select_3.entry.js.map +1 -0
- package/dist/esm/p-profile.entry.js +3 -1
- package/dist/esm/p-profile.entry.js.map +1 -0
- package/dist/esm/p-select.entry.js +4 -2
- package/dist/esm/p-select.entry.js.map +1 -0
- package/dist/esm/p-slider-indicator.entry.js +3 -1
- package/dist/esm/p-slider-indicator.entry.js.map +1 -0
- package/dist/esm/p-status.entry.js +3 -1
- package/dist/esm/p-status.entry.js.map +1 -0
- package/dist/esm/p-stepper-item_2.entry.js +6 -3
- package/dist/esm/p-stepper-item_2.entry.js.map +1 -0
- package/dist/esm/p-stepper.entry.js +6 -3
- package/dist/esm/p-stepper.entry.js.map +1 -0
- package/dist/esm/p-tab-group.entry.js +3 -1
- package/dist/esm/p-tab-group.entry.js.map +1 -0
- package/dist/esm/p-tab-item.entry.js +3 -1
- package/dist/esm/p-tab-item.entry.js.map +1 -0
- package/dist/esm/p-table-column.entry.js +3 -1
- package/dist/esm/p-table-column.entry.js.map +1 -0
- package/dist/esm/p-table.entry.js +4 -2
- package/dist/esm/p-table.entry.js.map +1 -0
- package/dist/esm/p-toast-container.entry.js +4 -2
- package/dist/esm/p-toast-container.entry.js.map +1 -0
- package/dist/esm/p-toast.entry.js +3 -1
- package/dist/esm/p-toast.entry.js.map +1 -0
- package/dist/esm/paperless.js +9 -3
- package/dist/esm/paperless.js.map +1 -0
- package/dist/esm/polyfills/css-shim.js +1 -1
- package/dist/esm/popper-42db9fbd.js +2 -0
- package/dist/esm/popper-42db9fbd.js.map +1 -0
- package/dist/index.html +1 -1
- package/dist/paperless/index.esm.js +2 -1
- package/dist/paperless/index.esm.js.map +1 -0
- package/dist/paperless/p-05f976da.entry.js +2 -0
- package/dist/paperless/p-05f976da.entry.js.map +1 -0
- package/dist/paperless/p-0764d32f.entry.js +2 -0
- package/dist/paperless/p-0764d32f.entry.js.map +1 -0
- package/dist/paperless/p-09a3626c.entry.js +2 -0
- package/dist/paperless/p-09a3626c.entry.js.map +1 -0
- package/dist/paperless/p-09ea2a1a.js +2 -1
- package/dist/paperless/p-09ea2a1a.js.map +1 -0
- package/dist/paperless/p-142c9878.entry.js +2 -0
- package/dist/paperless/p-142c9878.entry.js.map +1 -0
- package/dist/paperless/p-2336d954.entry.js +2 -0
- package/dist/paperless/p-2336d954.entry.js.map +1 -0
- package/dist/paperless/p-26501e6f.entry.js +2 -0
- package/dist/paperless/p-26501e6f.entry.js.map +1 -0
- package/dist/paperless/p-270f2589.entry.js +2 -0
- package/dist/paperless/p-270f2589.entry.js.map +1 -0
- package/dist/paperless/p-295ef188.entry.js +2 -0
- package/dist/paperless/p-295ef188.entry.js.map +1 -0
- package/dist/paperless/p-2e66e252.entry.js +2 -0
- package/dist/paperless/p-2e66e252.entry.js.map +1 -0
- package/dist/paperless/p-38f88fcb.entry.js +2 -0
- package/dist/paperless/p-38f88fcb.entry.js.map +1 -0
- package/dist/paperless/p-3fffdc43.entry.js +2 -0
- package/dist/paperless/p-3fffdc43.entry.js.map +1 -0
- package/dist/paperless/p-4539d855.entry.js +2 -0
- package/dist/paperless/p-4539d855.entry.js.map +1 -0
- package/dist/paperless/p-4e650fe4.js +2 -1
- package/dist/paperless/p-4e650fe4.js.map +1 -0
- package/dist/paperless/p-52d7d305.entry.js +2 -0
- package/dist/paperless/p-52d7d305.entry.js.map +1 -0
- package/dist/paperless/p-5477db13.entry.js +2 -0
- package/dist/paperless/p-5477db13.entry.js.map +1 -0
- package/dist/paperless/p-5da19525.entry.js +2 -0
- package/dist/paperless/p-5da19525.entry.js.map +1 -0
- package/dist/paperless/p-5f8538e7.entry.js +2 -0
- package/dist/paperless/p-5f8538e7.entry.js.map +1 -0
- package/dist/paperless/p-62543956.entry.js +2 -0
- package/dist/paperless/p-62543956.entry.js.map +1 -0
- package/dist/paperless/p-6c60fd3d.js +2 -1
- package/dist/paperless/p-6c60fd3d.js.map +1 -0
- package/dist/paperless/p-8a471962.entry.js +2 -0
- package/dist/paperless/p-8a471962.entry.js.map +1 -0
- package/dist/paperless/p-8a6728d5.js +2 -1
- package/dist/paperless/p-8a6728d5.js.map +1 -0
- package/dist/paperless/p-8c8f9caa.entry.js +2 -0
- package/dist/paperless/p-8c8f9caa.entry.js.map +1 -0
- package/dist/paperless/p-90a0ba40.entry.js +2 -0
- package/dist/paperless/p-90a0ba40.entry.js.map +1 -0
- package/dist/paperless/p-91a42549.entry.js +2 -0
- package/dist/paperless/p-91a42549.entry.js.map +1 -0
- package/dist/paperless/p-9f4617e1.entry.js +2 -0
- package/dist/paperless/p-9f4617e1.entry.js.map +1 -0
- package/dist/paperless/p-a5133564.entry.js +2 -0
- package/dist/paperless/p-a5133564.entry.js.map +1 -0
- package/dist/paperless/p-b273ac6d.js +2 -1
- package/dist/paperless/p-b273ac6d.js.map +1 -0
- package/dist/paperless/p-b54a9bb2.entry.js +2 -0
- package/dist/paperless/p-b54a9bb2.entry.js.map +1 -0
- package/dist/paperless/p-b5a51e04.entry.js +2 -0
- package/dist/paperless/p-b5a51e04.entry.js.map +1 -0
- package/dist/paperless/p-bcbb18e0.entry.js +2 -0
- package/dist/paperless/p-bcbb18e0.entry.js.map +1 -0
- package/dist/paperless/{p-529ccaf7.entry.js → p-c1ab6e47.entry.js} +2 -1
- package/dist/paperless/p-c1ab6e47.entry.js.map +1 -0
- package/dist/paperless/p-c432f3f6.js +3 -0
- package/dist/paperless/p-c432f3f6.js.map +1 -0
- package/dist/paperless/p-c5a5a394.entry.js +2 -0
- package/dist/paperless/p-c5a5a394.entry.js.map +1 -0
- package/dist/paperless/p-ce944a28.entry.js +2 -0
- package/dist/paperless/p-ce944a28.entry.js.map +1 -0
- package/dist/paperless/p-d3d37d1d.entry.js +2 -0
- package/dist/paperless/p-d3d37d1d.entry.js.map +1 -0
- package/dist/paperless/p-d85a8835.entry.js +2 -0
- package/dist/paperless/p-d85a8835.entry.js.map +1 -0
- package/dist/paperless/p-db4c03d8.entry.js +2 -0
- package/dist/paperless/p-db4c03d8.entry.js.map +1 -0
- package/dist/paperless/p-dcf862ac.entry.js +2 -0
- package/dist/paperless/p-dcf862ac.entry.js.map +1 -0
- package/dist/paperless/p-df38fb1d.entry.js +2 -0
- package/dist/paperless/p-df38fb1d.entry.js.map +1 -0
- package/dist/paperless/p-e6561000.entry.js +2 -0
- package/dist/paperless/p-e6561000.entry.js.map +1 -0
- package/dist/paperless/p-ef0622db.entry.js +2 -0
- package/dist/paperless/p-ef0622db.entry.js.map +1 -0
- package/dist/paperless/p-f64106d1.entry.js +2 -0
- package/dist/paperless/p-f64106d1.entry.js.map +1 -0
- package/dist/paperless/p-f86fcdf4.js +2 -1
- package/dist/paperless/p-f86fcdf4.js.map +1 -0
- package/dist/paperless/p-fb277355.entry.js +2 -0
- package/dist/paperless/p-fb277355.entry.js.map +1 -0
- package/dist/paperless/p-fe6db098.entry.js +2 -0
- package/dist/paperless/p-fe6db098.entry.js.map +1 -0
- package/dist/paperless/paperless.esm.js +2 -1
- package/dist/paperless/paperless.esm.js.map +1 -0
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/atoms/icon/icon.component.d.ts +2 -2
- package/dist/types/components/atoms/illustration/illustration.component.d.ts +1 -1
- package/dist/types/components/atoms/stepper-item/stepper-item.component.d.ts +4 -0
- package/dist/types/components/molecules/datepicker/datepicker.component.d.ts +2 -0
- package/dist/types/components/molecules/page-size-select/page-size-select.component.d.ts +1 -1
- package/dist/types/components/molecules/stepper/stepper.component.d.ts +4 -0
- package/dist/types/components/molecules/table-header/table-header.component.d.ts +2 -2
- package/dist/types/components/organisms/table/table.component.d.ts +1 -1
- package/dist/types/components.d.ts +49 -20
- package/dist/types/stencil-public-runtime.d.ts +71 -15
- package/dist/types/types/table.d.ts +2 -2
- package/dist/types/types/tailwind.d.ts +2 -2
- package/loader/index.d.ts +9 -0
- package/package.json +6 -6
- package/dist/build/p-05f73516.entry.js +0 -1
- package/dist/build/p-0688d548.entry.js +0 -1
- package/dist/build/p-07f28695.entry.js +0 -1
- package/dist/build/p-12f5c483.entry.js +0 -1
- package/dist/build/p-13169f11.entry.js +0 -1
- package/dist/build/p-1a8b852d.entry.js +0 -1
- package/dist/build/p-1ba7cadc.entry.js +0 -1
- package/dist/build/p-2e47afc7.entry.js +0 -1
- package/dist/build/p-3946e0a3.entry.js +0 -1
- package/dist/build/p-3a98b145.entry.js +0 -1
- package/dist/build/p-5b7c22ee.entry.js +0 -1
- package/dist/build/p-62d49606.entry.js +0 -1
- package/dist/build/p-63de1c3d.entry.js +0 -1
- package/dist/build/p-681ed79b.entry.js +0 -1
- package/dist/build/p-76cbf5bb.entry.js +0 -1
- package/dist/build/p-7cdad890.entry.js +0 -1
- package/dist/build/p-7df6230f.entry.js +0 -1
- package/dist/build/p-7f4b2d8e.entry.js +0 -1
- package/dist/build/p-80a032ae.entry.js +0 -1
- package/dist/build/p-8b09a126.entry.js +0 -1
- package/dist/build/p-91d032b2.entry.js +0 -1
- package/dist/build/p-9315c1e2.entry.js +0 -1
- package/dist/build/p-98e3dcd7.entry.js +0 -1
- package/dist/build/p-ac5a17c4.entry.js +0 -1
- package/dist/build/p-b072e53b.entry.js +0 -1
- package/dist/build/p-b4af4b21.entry.js +0 -1
- package/dist/build/p-b55c1a9c.entry.js +0 -1
- package/dist/build/p-b72559e4.entry.js +0 -1
- package/dist/build/p-b8dd503c.entry.js +0 -1
- package/dist/build/p-c9f2fa8f.js +0 -2
- package/dist/build/p-d2cf5ab2.entry.js +0 -1
- package/dist/build/p-d896ab0d.entry.js +0 -1
- package/dist/build/p-dbb409ab.entry.js +0 -1
- package/dist/build/p-ddd3372b.entry.js +0 -1
- package/dist/build/p-e25ea1c8.entry.js +0 -1
- package/dist/build/p-f1867cb5.entry.js +0 -1
- package/dist/build/p-f499f696.entry.js +0 -1
- package/dist/build/p-fa3216a5.entry.js +0 -1
- package/dist/build/p-fecba798.entry.js +0 -1
- package/dist/paperless/p-05f73516.entry.js +0 -1
- package/dist/paperless/p-0688d548.entry.js +0 -1
- package/dist/paperless/p-07f28695.entry.js +0 -1
- package/dist/paperless/p-12f5c483.entry.js +0 -1
- package/dist/paperless/p-13169f11.entry.js +0 -1
- package/dist/paperless/p-1a8b852d.entry.js +0 -1
- package/dist/paperless/p-1ba7cadc.entry.js +0 -1
- package/dist/paperless/p-2e47afc7.entry.js +0 -1
- package/dist/paperless/p-3946e0a3.entry.js +0 -1
- package/dist/paperless/p-3a98b145.entry.js +0 -1
- package/dist/paperless/p-5b7c22ee.entry.js +0 -1
- package/dist/paperless/p-62d49606.entry.js +0 -1
- package/dist/paperless/p-63de1c3d.entry.js +0 -1
- package/dist/paperless/p-681ed79b.entry.js +0 -1
- package/dist/paperless/p-76cbf5bb.entry.js +0 -1
- package/dist/paperless/p-7cdad890.entry.js +0 -1
- package/dist/paperless/p-7df6230f.entry.js +0 -1
- package/dist/paperless/p-7f4b2d8e.entry.js +0 -1
- package/dist/paperless/p-80a032ae.entry.js +0 -1
- package/dist/paperless/p-8b09a126.entry.js +0 -1
- package/dist/paperless/p-91d032b2.entry.js +0 -1
- package/dist/paperless/p-9315c1e2.entry.js +0 -1
- package/dist/paperless/p-98e3dcd7.entry.js +0 -1
- package/dist/paperless/p-ac5a17c4.entry.js +0 -1
- package/dist/paperless/p-b072e53b.entry.js +0 -1
- package/dist/paperless/p-b4af4b21.entry.js +0 -1
- package/dist/paperless/p-b55c1a9c.entry.js +0 -1
- package/dist/paperless/p-b72559e4.entry.js +0 -1
- package/dist/paperless/p-b8dd503c.entry.js +0 -1
- package/dist/paperless/p-c9f2fa8f.js +0 -2
- package/dist/paperless/p-d2cf5ab2.entry.js +0 -1
- package/dist/paperless/p-d896ab0d.entry.js +0 -1
- package/dist/paperless/p-dbb409ab.entry.js +0 -1
- package/dist/paperless/p-ddd3372b.entry.js +0 -1
- package/dist/paperless/p-e25ea1c8.entry.js +0 -1
- package/dist/paperless/p-f1867cb5.entry.js +0 -1
- package/dist/paperless/p-f499f696.entry.js +0 -1
- package/dist/paperless/p-fa3216a5.entry.js +0 -1
- package/dist/paperless/p-fecba798.entry.js +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as a,H as r,g as e}from"./p-c432f3f6.js";const o='.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.ml-1{margin-left:.25rem!important}.mt-6{margin-top:1.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.mb-14{margin-bottom:3.5rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-8{height:2rem!important}.h-px{height:1px!important}.h-6{height:1.5rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-1{width:.25rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-mystic-medium{background-color:rgb(227 236 243/var(--tw-bg-opacity))!important}.bg-mystic-medium,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.text-storm-vague{color:rgb(152 154 183/var(--tw-text-opacity))!important}.text-storm-medium,.text-storm-vague{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{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}*{box-sizing:border-box}:host{display:block;margin-bottom:.5rem;margin-top:.5rem;width:100%}:host .content{align-items:center;display:flex;width:100%}:host .content:after,:host .content:before{--tw-bg-opacity:1;background-color:rgb(227 236 243/var(--tw-bg-opacity));content:"";flex:1 1 0%;height:1px}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.text-lg,.text-xl{line-height:1.75rem!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{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}';const i=class{constructor(a){t(this,a)}render(){var t;const e=!!((t=this._el.innerHTML)===null||t===void 0?void 0:t.length);return a(r,{class:"p-divider"},a("div",{class:"content"},a("div",{class:`flex items-center ${e&&"px-2"}`},a("slot",null))))}get _el(){return e(this)}};i.style=o;export{i as p_divider};
|
|
2
|
+
//# sourceMappingURL=p-270f2589.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["dividerComponentCss","Divider","render","hasSlotted","_a","this","_el","innerHTML","length","h","Host","class"],"sources":["./src/components/atoms/divider/divider.component.scss?tag=p-divider&encapsulation=shadow","./src/components/atoms/divider/divider.component.tsx"],"sourcesContent":[":host {\n @apply block my-2 w-full;\n\n .content {\n @apply flex w-full items-center;\n\n &::before,\n &::after {\n content: '';\n @apply h-px bg-mystic-medium flex-1;\n }\n }\n}\n","import { Component, Element, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-divider',\n styleUrl: 'divider.component.scss',\n shadow: true,\n})\nexport class Divider {\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n render() {\n const hasSlotted = !!this._el.innerHTML?.length;\n return (\n <Host class=\"p-divider\">\n <div class=\"content\">\n <div class={`flex items-center ${hasSlotted && 'px-2'}`}>\n <slot />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,60X,MCOfC,EAAO,M,yBAMhBC,S,MACI,MAAMC,MAAeC,EAAAC,KAAKC,IAAIC,aAAS,MAAAH,SAAA,SAAAA,EAAEI,QACzC,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,OAAKE,MAAM,WACPF,EAAA,OAAKE,MAAO,qBAAqBR,GAAc,UAC3CM,EAAA,e"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as a,h as r,H as e,g as o}from"./p-c432f3f6.js";import{c as i}from"./p-8a6728d5.js";import{c as s}from"./p-f86fcdf4.js";const w=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-auto{margin-left:auto!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-1{width:.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{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}*{box-sizing:border-box}:host{display:block;position:relative}:host .trigger{display:block;height:auto;position:relative;width:auto}:host p-dropdown-menu-container{display:none;z-index:200}:host p-dropdown-menu-container[data-show]{display:flex}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{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}";const n=class{constructor(r){t(this,r);this.isOpen=a(this,"isOpen",7);this._loaded=false;this.placement="bottom-start";this.strategy="absolute";this.show=false;this.calculateWidth=false;this.applyMaxWidth=true;this.applyFullWidth=true;this.insideClick=false;this.disableTriggerClick=false;this.chevronPosition="end";this.chevronDirection=undefined}componentShouldUpdate(){this._setOptions()}render(){return r(e,{class:"p-dropdown"},r("div",{class:"trigger",ref:t=>this._trigger=t,onClick:()=>this._triggerClickHandler()},r("slot",{onSlotchange:t=>this._checkButton(t),name:"trigger"})),r("p-dropdown-menu-container",{role:"popover",maxWidth:!this.calculateWidth&&this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,ref:t=>this._load(t),onClick:()=>this._containerClickHandler()},r("slot",{name:"items"})))}_checkButton({target:t}){const a=t;const r=a.assignedElements();for(let t of r){if(t.nodeName==="P-BUTTON"){t.chevronPosition=this.chevronPosition;t.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?"up":"down"}}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler({target:t}){if(!this._menu.hasAttribute("data-show")||i(t,this._el)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._popper=s(this._el,t,{strategy:this.strategy});this._setOptions();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_setOptions(){if(!this._popper){return}this._popper.setOptions({placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,8]}}]})}_show(){if(!this._loaded){return}if(this.calculateWidth){this._menu.style.width=`${this._trigger.clientWidth}px`}this._menu.setAttribute("data-show","");this.isOpen.emit(true);this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this._popper.update()}_hide(){if(!this._loaded||this.show){return}this._menu.removeAttribute("data-show");this.isOpen.emit(false);this._popper.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:false}]})))}get _el(){return o(this)}static get watchers(){return{show:["onShowChange"]}}};n.style=w;const m=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-8{height:2rem!important}.h-6{height:1.5rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-1{width:.25rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.text-storm{color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-indigo,.text-storm{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{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}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;height:2rem;line-height:1.25rem;padding-left:.5rem;padding-right:.5rem;width:100%}:host .text-container{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.hover:hover){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}.filter{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}";const p=class{constructor(a){t(this,a);this.active=false;this.enableHover=true;this.icon=undefined}render(){return r(e,{class:`p-dropdown-menu-item ${this.active&&"active"} ${this.enableHover&&"hover"}`},this.icon&&r("p-icon",{variant:this.icon}),r("div",{class:"text-container"},r("slot",null)))}};p.style=m;export{n as p_dropdown,p as p_dropdown_menu_item};
|
|
2
|
+
//# sourceMappingURL=p-295ef188.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["dropdownComponentCss","Dropdown","this","_loaded","componentShouldUpdate","_setOptions","render","h","Host","class","ref","_trigger","onClick","_triggerClickHandler","onSlotchange","ev","_checkButton","name","role","maxWidth","calculateWidth","applyMaxWidth","fullWidth","applyFullWidth","el","_load","_containerClickHandler","target","slot","children","assignedElements","child","nodeName","chevronPosition","chevron","chevronDirection","placement","indexOf","onShowChange","show","_hide","_show","documentClickHandler","_menu","hasAttribute","childOf","_el","insideClick","disableTriggerClick","popover","_popper","createPopper","strategy","setTimeout","setOptions","modifiers","options","offset","style","width","clientWidth","setAttribute","isOpen","emit","Object","assign","enabled","update","removeAttribute","dropdownMenuItemComponentCss","DropdownMenuItem","active","enableHover","icon","variant"],"sources":["./src/components/molecules/dropdown/dropdown.component.scss?tag=p-dropdown&encapsulation=shadow","./src/components/molecules/dropdown/dropdown.component.tsx","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.scss?tag=p-dropdown-menu-item&encapsulation=shadow","./src/components/atoms/dropdown-menu-item/dropdown-menu-item.component.tsx"],"sourcesContent":[":host {\n @apply block relative;\n\n .trigger {\n @apply block relative w-auto h-auto;\n }\n\n p-dropdown-menu-container {\n @apply hidden z-dropdown;\n\n &[data-show] {\n @apply flex;\n }\n }\n}\n","import { createPopper, Placement, PositioningStrategy } from '@popperjs/core';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils/child-of';\n\n@Component({\n tag: 'p-dropdown',\n styleUrl: 'dropdown.component.scss',\n shadow: true,\n})\nexport class Dropdown {\n /**\n * The content of the dropdown menu\n */\n @Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n /**\n * The strategy of the popover placement\n */\n @Prop() strategy: PositioningStrategy = 'absolute';\n\n /**\n * Wether to show the dropdown menu\n */\n @Prop() show: boolean = false;\n\n /**\n * Wether to automatically calculate the width of the menu based on the trigger\n */\n @Prop() calculateWidth: boolean = false;\n\n /**\n * Wether to apply the max width\n */\n @Prop() applyMaxWidth: boolean = true;\n\n /**\n * Wether to apply the full width\n */\n @Prop() applyFullWidth: boolean = true;\n\n /**\n * Wether to automatically close the dropdown menu after clicking inside\n */\n @Prop() insideClick: boolean = false;\n\n /**\n * Wether to automatically close the dropdown menu after clicking inside\n */\n @Prop() disableTriggerClick: boolean = false;\n\n /**\n * Chevron position\n */\n @Prop() chevronPosition: 'start' | 'end' = 'end';\n\n /**\n * Chevron direction\n */\n @Prop() chevronDirection: 'up' | 'down';\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n /**\n * Open change event\n */\n @Event() isOpen: EventEmitter<boolean>;\n\n private _loaded = false;\n private _popper: any;\n private _trigger: HTMLElement;\n private _menu: HTMLElement;\n\n componentShouldUpdate() {\n this._setOptions();\n }\n\n render() {\n return (\n <Host class=\"p-dropdown\">\n <div\n class=\"trigger\"\n ref={(ref) => (this._trigger = ref)}\n onClick={() => this._triggerClickHandler()}\n >\n <slot\n onSlotchange={(ev) => this._checkButton(ev)}\n name=\"trigger\"\n />\n </div>\n <p-dropdown-menu-container\n role=\"popover\"\n maxWidth={!this.calculateWidth && this.applyMaxWidth}\n fullWidth={this.applyFullWidth && !this.applyMaxWidth}\n ref={(el) => this._load(el)}\n onClick={() => this._containerClickHandler()}\n >\n <slot name=\"items\" />\n </p-dropdown-menu-container>\n </Host>\n );\n }\n\n private _checkButton({ target }: Event) {\n const slot = target as HTMLSlotElement;\n const children = slot.assignedElements();\n\n for (let child of children) {\n if (child.nodeName === 'P-BUTTON') {\n (child as any).chevronPosition = this.chevronPosition;\n (child as any).chevron = this.chevronDirection\n ? this.chevronDirection\n : this.placement.indexOf('top') >= 0\n ? 'up'\n : 'down';\n }\n }\n }\n\n @Watch('show')\n protected onShowChange(show) {\n if (!this._loaded) {\n return;\n }\n\n if (!show) {\n this._hide();\n return;\n }\n\n this._show();\n }\n\n @Listen('click', { target: 'document', capture: true })\n protected documentClickHandler({ target }) {\n if (\n !this._menu.hasAttribute('data-show') ||\n childOf(target, this._el)\n ) {\n return;\n }\n\n this._hide();\n }\n\n private _containerClickHandler() {\n if (this.insideClick) {\n return;\n }\n\n if (this._menu.hasAttribute('data-show')) {\n this._hide();\n }\n }\n\n private _triggerClickHandler() {\n if (this.disableTriggerClick) {\n return;\n }\n\n if (this._menu.hasAttribute('data-show')) {\n this._hide();\n return;\n }\n\n this._show();\n }\n\n private _load(popover: HTMLElement) {\n this._menu = popover;\n if (popover) {\n this._popper = createPopper(this._el, popover, {\n strategy: this.strategy,\n });\n\n this._setOptions();\n this._loaded = true;\n\n if (this.show) {\n setTimeout(() => this._show(), 100);\n }\n }\n }\n\n private _setOptions() {\n if (!this._popper) {\n return;\n }\n\n this._popper.setOptions({\n placement: this.placement,\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [0, 8],\n },\n },\n ],\n });\n }\n\n private _show() {\n if (!this._loaded) {\n return;\n }\n\n // Make the popover visible\n if (this.calculateWidth) {\n this._menu.style.width = `${this._trigger.clientWidth}px`;\n }\n\n this._menu.setAttribute('data-show', '');\n this.isOpen.emit(true);\n\n // Enable the event listeners\n this._popper.setOptions((options) => ({\n ...options,\n modifiers: [\n ...options.modifiers,\n { name: 'eventListeners', enabled: true },\n ],\n }));\n\n // Update its position\n this._popper.update();\n }\n\n private _hide() {\n if (!this._loaded || this.show) {\n return;\n }\n\n // Hide the popover\n this._menu.removeAttribute('data-show');\n this.isOpen.emit(false);\n\n // Disable the event listeners\n this._popper.setOptions((options) => ({\n ...options,\n modifiers: [\n ...options.modifiers,\n { name: 'eventListeners', enabled: false },\n ],\n }));\n }\n}\n",":host {\n @apply h-8 flex items-center px-2 rounded w-full gap-2;\n @apply text-sm text-storm font-semibold;\n @apply cursor-pointer;\n\n .text-container {\n @apply block overflow-hidden text-ellipsis whitespace-nowrap;\n }\n}\n\n:host(.hover:hover) {\n @apply text-storm bg-indigo-light;\n}\n\n:host(.active) {\n @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { IconVariant } from '../icon/icon.component';\n\n@Component({\n tag: 'p-dropdown-menu-item',\n styleUrl: 'dropdown-menu-item.component.scss',\n shadow: true,\n})\nexport class DropdownMenuItem {\n /**\n * Wether the dropdown menu item is active\n */\n @Prop() active: boolean = false;\n\n /**\n * Wether to enable the hover state\n */\n @Prop() enableHover: boolean = true;\n\n /**\n * Icon of the navigation item\n */\n @Prop() icon: IconVariant;\n\n render() {\n return (\n <Host\n class={`p-dropdown-menu-item ${this.active && 'active'} ${\n this.enableHover && 'hover'\n }`}\n >\n {this.icon && <p-icon variant={this.icon} />}\n\n <div class=\"text-container\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as r,H as o,c as i}from"./p-c432f3f6.js";const e=".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.hidden{display:none!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:1.5rem}@media (min-width:40rem){:host{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:64rem){:host{padding-left:3.5rem;padding-right:3.5rem}}:host(.variant-table){padding-left:1.5rem;padding-right:1.5rem}:host(.is-rounded){border-bottom-left-radius:0;border-bottom-right-radius:0}@media (min-width:64rem){:host(.is-rounded){border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}@media (min-width:40rem){.tablet\\:px-10{padding-left:2.5rem!important;padding-right:2.5rem!important}}@media (min-width:64rem){.desktop-xs\\:px-14{padding-left:3.5rem!important;padding-right:3.5rem!important}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const a=class{constructor(r){t(this,r);this.variant="default";this.rounded=false}render(){return r(o,{class:`p-modal-body variant-${this.variant} ${this.rounded&&"is-rounded"}`},r("slot",null))}};a.style=e;const m=".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.flex{display:flex!important}.hidden{display:none!important}.w-full{width:100%!important}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem 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}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const n={xs:"tablet:w-80",sm:"tablet:w-[33.5rem]",md:"tablet:w-[38rem]",lg:"tablet:w-[47.5rem]",xl:"tablet:w-[57.5rem]"};const d=class{constructor(r){t(this,r);this.size="md";this.closing=false}render(){const t=n[this.size];return r(o,{class:`p-modal-container ${this.closing&&"closing"} ${t}`},r("slot",null))}};d.style=m;const s=".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.flex{display:flex!important}.hidden{display:none!important}.rounded{border-radius:.25rem!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pb-6{padding-bottom:1.5rem!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;flex-direction:column;padding-bottom:1.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:64rem){:host{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const l=class{constructor(r){t(this,r)}render(){return r(o,{class:"p-modal-footer"},r("p-divider",{class:"mb-6 mt-0 hidden desktop-xs:flex"}),r("slot",null))}};l.style=s;const p=".static{position:static!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.flex{display:flex!important}.hidden{display:none!important}.justify-between{justify-content:space-between!important}.rounded{border-radius:.25rem!important}.bg-mystic{--tw-bg-opacity:1!important;background-color:rgb(247 250 252/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(247 250 252/var(--tw-bg-opacity));border-top-left-radius:.75rem;border-top-right-radius:.75rem;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;line-height:1.75rem;padding:1rem}@media (min-width:64rem){:host{font-size:1.875rem;font-weight:700;line-height:2.25rem;padding:1.5rem}.desktop-xs\\:text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const b=class{constructor(r){t(this,r);this.close=i(this,"close",7);this.showClose=true}render(){return r(o,{class:"p-modal-header"},r("span",null,r("slot",null)),this.showClose&&r("p-button",{variant:"secondary",icon:"negative",iconOnly:true,onClick:()=>this.close.emit(),size:"small"}))}};b.style=p;export{a as p_modal_body,d as p_modal_container,l as p_modal_footer,b as p_modal_header};
|
|
2
|
+
//# sourceMappingURL=p-2e66e252.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","close","emit"],"sources":["./src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","./src/components/atoms/modal-body/modal-body.component.tsx","./src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","./src/components/atoms/modal-container/modal-container.component.tsx","./src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","./src/components/atoms/modal-footer/modal-footer.component.tsx","./src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","./src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n @apply bg-white;\n @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n @apply px-6;\n}\n\n:host(.is-rounded) {\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-body',\n styleUrl: 'modal-body.component.scss',\n shadow: true,\n})\nexport class ModalBody {\n /**\n * The variant of the modal body\n */\n @Prop() variant: 'default' | 'table' = 'default';\n\n /**\n * Wether the modal body should be rounded at the bottom\n */\n @Prop() rounded: boolean = false;\n\n render() {\n return (\n <Host\n class={`p-modal-body variant-${this.variant} ${\n this.rounded && 'is-rounded'\n }`}\n >\n <slot />\n </Host>\n );\n }\n}\n","p-modal-container {\n @apply flex flex-col w-full tablet:w-auto z-modal;\n @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n @apply shadow-4 #{!important};\n\n &.closing {\n @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n xs: 'tablet:w-80',\n sm: 'tablet:w-[33.5rem]',\n md: 'tablet:w-[38rem]',\n lg: 'tablet:w-[47.5rem]',\n xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n tag: 'p-modal-container',\n styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n /**\n * The size of the modal container\n */\n @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n /**\n * Wether the container is closing\n */\n @Prop() closing: boolean = false;\n\n render() {\n const sizeClass = modalSizes[this.size];\n\n return (\n <Host\n class={`p-modal-container ${\n this.closing && 'closing'\n } ${sizeClass}`}\n >\n <slot />\n </Host>\n );\n }\n}\n",":host {\n @apply bg-white;\n @apply flex flex-col;\n @apply pb-6 px-6;\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-footer',\n styleUrl: 'modal-footer.component.scss',\n shadow: true,\n})\nexport class ModalFooter {\n render() {\n return (\n <Host class=\"p-modal-footer\">\n <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n <slot />\n </Host>\n );\n }\n}\n",":host {\n @apply bg-mystic rounded-t-xxlarge;\n @apply flex justify-between items-center;\n @apply p-4 desktop-xs:p-6;\n\n @apply text-storm-dark text-xl font-semibold;\n @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-header',\n styleUrl: 'modal-header.component.scss',\n shadow: true,\n})\nexport class ModalHeader {\n /**\n * Wether to show the close button on mobile\n */\n @Prop() showClose = true;\n\n /**\n * Close click event\n */\n @Event() close: EventEmitter<MouseEvent>;\n\n render() {\n return (\n <Host class=\"p-modal-header\">\n <span>\n <slot />\n </span>\n\n {this.showClose && (\n <p-button\n variant=\"secondary\"\n icon=\"negative\"\n iconOnly={true}\n onClick={() => this.close.emit()}\n size=\"small\"\n ></p-button>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,g3C,MCOjBC,EAAS,M,sCAIqB,U,aAKZ,K,CAE3BC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,wBAAwBC,KAAKC,WAChCD,KAAKE,SAAW,gBAGpBL,EAAA,a,aCzBhB,MAAMM,EAA6B,83FCQnC,MAAMC,EAAa,CACfC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMKC,EAAc,M,mCAImB,K,aAKf,K,CAE3Bd,SACI,MAAMe,EAAYP,EAAWJ,KAAKY,MAElC,OACIf,EAACC,EAAI,CACDC,MAAO,qBACHC,KAAKa,SAAW,aAChBF,KAEJd,EAAA,a,aCvChB,MAAMiB,EAA0B,ggC,MCOnBC,EAAW,M,yBACpBnB,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbhB,MAAMmB,EAA0B,w5C,MCOnBC,EAAW,M,qEAIA,I,CAOpBrB,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,YACIA,EAAA,cAGHG,KAAKkB,WACFrB,EAAA,YACII,QAAQ,YACRkB,KAAK,WACLC,SAAU,KACVC,QAAS,IAAMrB,KAAKsB,MAAMC,OAC1BX,KAAK,U"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as e,H as i}from"./p-c432f3f6.js";const n='.static{position:static!important}.relative{position:relative!important}.sticky{position:sticky!important}.order-2{order:2!important}.order-1{order:1!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-screen{height:100vh!important}.h-full{height:100%!important}.w-screen{width:100vw!important}.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}.w-full,.w-sidebar-mobile{width:100%!important}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(1fr,3);height:100vh;overflow:hidden;width:100vw}@media (min-width:64rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-x:hidden;overflow-y:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:64rem){:host .content .inner-content{padding:2rem;width:100%}}@media (min-width:80rem){:host .content .inner-content{width:100%}}@media (min-width:85.375rem){:host .content .inner-content{width:69rem}}@media (min-width:90rem){:host .content .inner-content{width:69rem}}@media (min-width:120rem){:host .content .inner-content{width:69rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:100%!important}.desktop-xs\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:100%!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:69rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:69rem!important}}';const o=class{constructor(e){t(this,e);this.variant="default"}render(){return e(i,{class:`p-layout variant-${this.variant}`},e("div",{class:"topbar"},e("slot",{name:"topbar"})),e("div",{class:"sidebar"},e("slot",{name:"sidebar"})),e("div",{class:"content"},e("div",{class:"inner-content"},e("slot",{name:"content"}))))}};o.style=n;export{o as p_layout};
|
|
2
|
+
//# sourceMappingURL=p-38f88fcb.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["layoutComponentCss","Layout","render","h","Host","class","this","variant","name"],"sources":["./src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","./src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n @apply grid h-screen w-screen content-start overflow-hidden;\n\n grid-template-columns: 1fr;\n grid-template-rows: repeat(1fr, 3);\n gap: 0;\n grid-template-areas:\n 'sidebar'\n 'topbar'\n 'content';\n\n @screen desktop-xs {\n grid-template-columns: auto 1fr;\n grid-template-rows: auto 1fr;\n grid-template-areas:\n 'topbar topbar'\n 'sidebar content';\n }\n\n .topbar,\n .sidebar,\n .content {\n @apply self-start;\n }\n\n .topbar {\n grid-area: topbar;\n\n @apply sticky w-full;\n @apply order-2 desktop-sm:order-1;\n }\n\n .sidebar {\n grid-area: sidebar;\n\n @apply flex h-full box-border;\n @apply w-sidebar-mobile desktop-sm:w-sidebar-desktop;\n @apply order-1 desktop-sm:order-2;\n }\n\n .content {\n grid-area: content;\n\n @apply relative flex flex-col h-full overflow-y-auto overflow-x-hidden;\n @apply order-3;\n\n padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)\n env(safe-area-inset-left);\n\n .inner-content {\n @apply relative pb-24;\n\n @apply px-content-mobile-x py-content-mobile-y;\n @apply desktop-xs:px-content-desktop-x desktop-xs:py-content-desktop-y;\n\n @apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;\n }\n }\n}\n\n:host(.variant-default) {\n .content {\n @apply flex-1;\n }\n}\n\n:host(.variant-login) {\n grid-template-areas:\n 'topbar topbar'\n 'content content';\n\n @screen desktop-xs {\n grid-template-areas:\n 'topbar topbar'\n 'content sidebar';\n }\n\n .sidebar {\n @apply hidden desktop-xs:flex w-unset;\n @apply order-3 p-2;\n @apply flex-1 overflow-hidden;\n\n .inner-content {\n @apply p-2;\n }\n }\n\n .content {\n @apply order-3 desktop-xs:order-2;\n @apply items-center desktop-xs:justify-center;\n\n .inner-content {\n @apply box-border;\n @apply desktop-xs:py-0 desktop-xs:px-18;\n @apply w-full tablet:w-content-desktop-login;\n\n @apply px-content-mobile-x py-content-mobile-y;\n padding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n @screen desktop-xs {\n @apply pt-content-mobile-y;\n }\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-layout',\n styleUrl: 'layout.component.scss',\n shadow: true,\n})\nexport class Layout {\n /**\n * Variant of the layout\n */\n @Prop() variant: 'default' | 'login' = 'default';\n\n render() {\n return (\n <Host class={`p-layout variant-${this.variant}`}>\n <div class=\"topbar\">\n <slot name=\"topbar\" />\n </div>\n <div class=\"sidebar\">\n <slot name=\"sidebar\" />\n </div>\n <div class=\"content\">\n <div class=\"inner-content\">\n <slot name=\"content\" />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,6+G,MCOdC,EAAM,M,sCAIwB,S,CAEvCC,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,oBAAoBC,KAAKC,WAClCJ,EAAA,OAAKE,MAAM,UACPF,EAAA,QAAMK,KAAK,YAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMK,KAAK,aAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,OAAKE,MAAM,iBACPF,EAAA,QAAMK,KAAK,c"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as a,H as r}from"./p-c432f3f6.js";const e=".static{position:static!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;font-weight:600;order:2}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}";const o=class{constructor(a){t(this,a);this.header=undefined;this.arrow=false}render(){var t,e;return a(r,{class:"p-card-header"},a("slot",{name:"prefix"}),(((t=this.header)===null||t===void 0?void 0:t.length)||this.arrow)&&a("div",{class:"title"},(e=this.header)!==null&&e!==void 0?e:"",this.arrow&&a("p-icon",{variant:"arrow"})),a("slot",{name:"suffix"}))}};o.style=e;export{o as p_card_header};
|
|
2
|
+
//# sourceMappingURL=p-3fffdc43.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cardHeaderComponentCss","CardHeader","render","h","Host","class","name","_a","this","header","length","arrow","_b","variant"],"sources":["./src/components/atoms/card-header/card-header.component.scss?tag=p-card-header","./src/components/atoms/card-header/card-header.component.tsx"],"sourcesContent":["p-card-header {\n @apply mx-4 h-14;\n @apply flex gap-3 items-center;\n @apply text-storm-medium;\n @apply border-b border-b-mystic-medium #{!important};\n\n .title {\n @apply order-2;\n @apply flex items-center text-storm;\n @apply font-semibold;\n\n > p-icon {\n @apply ml-2 text-mystic-dark;\n }\n }\n\n [slot='prefix'] {\n @apply order-1;\n }\n\n [slot='suffix'] {\n @apply order-3;\n }\n}\n\np-card-container.has-hover:hover {\n p-card-header {\n .title > p-icon {\n @apply text-indigo;\n }\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-header',\n styleUrl: 'card-header.component.scss',\n})\nexport class CardHeader {\n /**\n * Content of the card header\n */\n @Prop() header: string;\n\n /**\n * Enable the title arrow\n */\n @Prop() arrow: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-header\">\n <slot name=\"prefix\" />\n\n {(this.header?.length || this.arrow) && (\n <div class=\"title\">\n {this.header ?? ''}\n {this.arrow && <p-icon variant=\"arrow\" />}\n </div>\n )}\n\n <slot name=\"suffix\" />\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAyB,w8K,MCMlBC,EAAU,M,0DASM,K,CAEzBC,S,QACI,OACIC,EAACC,EAAI,CAACC,MAAM,iBACRF,EAAA,QAAMG,KAAK,cAETC,EAAAC,KAAKC,UAAM,MAAAF,SAAA,SAAAA,EAAEG,SAAUF,KAAKG,QAC1BR,EAAA,OAAKE,MAAM,UACNO,EAAAJ,KAAKC,UAAM,MAAAG,SAAA,EAAAA,EAAI,GACfJ,KAAKG,OAASR,EAAA,UAAQU,QAAQ,WAIvCV,EAAA,QAAMG,KAAK,W"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as i,h as r,H as o,g as e}from"./p-c432f3f6.js";import{f as a,g as p}from"./p-4e650fe4.js";import{d as n,a as m}from"./p-6c60fd3d.js";const s=class{constructor(r){t(this,r);this.sizeChange=i(this,"sizeChange",7);this._defaultButtonTemplate=t=>a(this._locales.item,{size:t});this._defaultItemTemplate=t=>a(this._locales.item,{size:t});this.size=n;this.sizeOptions=m;this.chevronPosition="start";this.buttonSize="small";this.buttonTemplate=this._defaultButtonTemplate;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this._locales={}}componentWillLoad(){this._setLocales()}render(){return r(o,{class:`p-page-size-select ${this.hidden&&"hidden"}`},r("p-dropdown",{placement:"top-start",chevronPosition:this.chevronPosition,chevronDirection:"down"},r("p-button",{variant:"secondary",slot:"trigger",size:this.buttonSize},this.buttonTemplate?this.buttonTemplate(this.size):this._defaultButtonTemplate(this.size)),r("slot",{slot:"items"},this.sizeOptions.map((t=>r("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await p(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}get _el(){return e(this)}};const d=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{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}*{box-sizing:border-box}p-pagination{display:flex}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{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}";const w=class{constructor(o){t(this,o);this.pageChange=i(this,"pageChange",7);this._pages=[];this._set=[];this._nextClick=()=>{const t=this.page+1;if(t>this._pages[this._pages.length-1]){return}this._changePage(t)};this._pageClick=t=>this._changePage(t);this._generateSet=(t=1,i=true)=>{const o=this._pages.length;if(!o){return[]}let e=this.page-t;let a=this.page+t;if(a>o){a=o;e=o-t*2;e=e<1?1:e}if(e<=1){e=1;a=Math.min(t*2+1,o)}const p=[];const n={type:"previous",value:r("p-icon",{variant:"chevron",rotate:90})};const m={type:"next",value:r("p-icon",{variant:"chevron",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return i?[n,...t,m]:t}if(i){p.push(n)}if(e<=3){for(let t=1;t<e;t++){p.push({type:"page",value:this._pages[t-1]})}}else{p.push({type:"page",value:1});p.push({type:"ellipsis",value:"ellipsis"})}for(let t=e;t<=a;t++){p.push({type:"page",value:this._pages[t-1]})}if(a>=o-2){for(let t=a+1;t<=o;t++){p.push({type:"page",value:this._pages[t-1]})}}else{p.push({type:"ellipsis"});p.push({type:"page",value:this._pages[this._pages.length-1]})}if(i){p.push(m)}return p};this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}componentWillRender(){this._generate()}render(){var t,i;return r(o,{class:`p-pagination ${this.hideOnSinglePage&&((t=this._set)===null||t===void 0?void 0:t.length)===3&&"hidden"}`},(i=this._set)===null||i===void 0?void 0:i.map((t=>{if(t.type==="previous"||t.type==="next"){return r("p-pagination-item",{onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return r("p-pagination-item",null,"...")}return r("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_generate(){var t;this._pages=this._generatePages();this._set=this._generateSet();if(this.page>((t=this._pages)===null||t===void 0?void 0:t.length)){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this.page=t;this.pageChange.emit(this.page)}_previousClick(){const t=this.page-1;if(t<this._pages[0]){return}this._changePage(t)}_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(undefined).map(((t,i)=>i+1))}static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};w.style=d;const h=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mb-14{margin-bottom:3.5rem!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-8{height:2rem!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.text-indigo,.text-storm-medium{--tw-text-opacity:1!important}.text-indigo{color:rgb(82 138 250/var(--tw-text-opacity))!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.filter{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}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));color:rgb(82 138 250/var(--tw-text-opacity))}.max-w-\\[20rem\\]{max-width:20rem!important}.w-1\\/12{width:8.333333%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.filter{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}";const l=class{constructor(i){t(this,i);this.active=false}render(){return r(o,{class:`p-pagination-item ${this.active&&"active"}`},r("slot",null))}};l.style=h;export{s as p_page_size_select,w as p_pagination,l as p_pagination_item};
|
|
2
|
+
//# sourceMappingURL=p-4539d855.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["PageSizeSelect","this","_defaultButtonTemplate","size","formatTranslation","_locales","item","_defaultItemTemplate","defaultSize","defaultSizeOptions","componentWillLoad","_setLocales","render","h","Host","class","hidden","placement","chevronPosition","chevronDirection","variant","slot","buttonSize","buttonTemplate","sizeOptions","map","option","active","onClick","_changeSize","itemTemplate","async","getLocaleComponentStrings","_el","s","sizeChange","emit","paginationComponentCss","Pagination","_pages","_set","_nextClick","nextPage","page","length","_changePage","_pageClick","p","_generateSet","range","enableBoundaries","totalPages","start","end","Math","min","set","previous","type","value","rotate","next","push","i","componentWillRender","_generate","hideOnSinglePage","_a","_b","_previousClick","pageChangeHandler","_generatePages","pageChange","previousPage","total","pageSize","pages","ceil","Array","fill","undefined","_","paginationItemComponentCss","PaginationItem"],"sources":["./src/components/molecules/page-size-select/page-size-select.component.tsx","./src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","./src/components/molecules/pagination/pagination.component.tsx","./src/components/atoms/pagination-item/pagination-item.component.scss?tag=p-pagination-item&encapsulation=shadow","./src/components/atoms/pagination-item/pagination-item.component.tsx"],"sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\nimport {\n formatTranslation,\n getLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n tag: 'p-page-size-select',\n shadow: true,\n})\nexport class PageSizeSelect {\n private _defaultButtonTemplate: templateFunc = (size) =>\n formatTranslation(this._locales.item, { size });\n private _defaultItemTemplate: templateFunc = (size) =>\n formatTranslation(this._locales.item, { size });\n /**\n * The current page\n */\n @Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n /**\n * The available sizes\n */\n @Prop() sizeOptions: number[] = defaultSizeOptions;\n\n /**\n * Event whenever the size changes\n */\n @Event() sizeChange: EventEmitter<number>;\n\n /**\n * Chevron position\n */\n @Prop() chevronPosition: 'start' | 'end' = 'start';\n\n /**\n * The size of the button\n */\n @Prop() buttonSize: 'small' | 'medium' = 'small';\n\n /**\n * The template for the data view\n */\n @Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\n\n /**\n * The template for the data view\n */\n @Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n /**\n * Wether to hide when there is only 1 page available\n */\n @Prop() hidden: boolean = false;\n\n /**\n * Locales used for this component\n */\n @State() private _locales: any = {};\n\n componentWillLoad() {\n this._setLocales();\n }\n\n render() {\n return (\n <Host class={`p-page-size-select ${this.hidden && 'hidden'}`}>\n <p-dropdown\n placement=\"top-start\"\n chevronPosition={this.chevronPosition}\n chevronDirection=\"down\"\n >\n <p-button\n variant=\"secondary\"\n slot=\"trigger\"\n size={this.buttonSize}\n >\n {this.buttonTemplate\n ? this.buttonTemplate(this.size)\n : this._defaultButtonTemplate(this.size)}\n </p-button>\n <slot slot=\"items\">\n {this.sizeOptions.map((option) => (\n <p-dropdown-menu-item\n active={option === this.size}\n onClick={() => this._changeSize(option)}\n >\n {this.itemTemplate\n ? this.itemTemplate(this.size)\n : this._defaultItemTemplate(option)}\n </p-dropdown-menu-item>\n ))}\n </slot>\n </p-dropdown>\n </Host>\n );\n }\n\n @Listen('localeChanged', { target: 'body' })\n private async _setLocales(): Promise<void> {\n this._locales = await getLocaleComponentStrings(this._el);\n }\n\n private _changeSize(s?: number) {\n if (!s) {\n return;\n }\n\n this.size = s;\n this.sizeChange.emit(this.size);\n }\n}\n","p-pagination {\n @apply flex;\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n type: string;\n value?: number | Element | JSX.Element | string;\n};\n\n@Component({\n tag: 'p-pagination',\n styleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\n /**\n * The current page\n */\n @Prop({ mutable: true, reflect: true }) page: number = 1;\n\n /**\n * Event whenever the page changes\n */\n @Event() pageChange: EventEmitter<number>;\n\n /**\n * The amount of items per page\n */\n @Prop() pageSize: number = 12;\n\n /**\n * Wether to hide when there is only 1 page available\n */\n @Prop() hideOnSinglePage: boolean = false;\n\n /**\n * The total amount of items\n */\n @Prop() total!: number;\n\n private _pages: number[] = [];\n private _set: PaginationSetItem[] = [];\n\n componentWillRender() {\n this._generate();\n }\n\n render() {\n return (\n <Host\n class={`p-pagination ${\n this.hideOnSinglePage && this._set?.length === 3 && 'hidden'\n }`}\n >\n {this._set?.map((p) => {\n if (p.type === 'previous' || p.type === 'next') {\n return (\n <p-pagination-item\n onClick={() =>\n p.type === 'previous'\n ? this._previousClick()\n : this._nextClick()\n }\n >\n {p.value}\n </p-pagination-item>\n );\n }\n\n if (p.type === 'ellipsis') {\n return <p-pagination-item>...</p-pagination-item>;\n }\n\n return (\n <p-pagination-item\n active={p.value === this.page}\n onClick={() => this._pageClick(p.value as number)}\n >\n {p.value}\n </p-pagination-item>\n );\n })}\n </Host>\n );\n }\n\n @Watch('page')\n @Watch('pageSize')\n @Watch('total')\n protected pageChangeHandler() {\n this._generate();\n }\n\n private _generate() {\n this._pages = this._generatePages();\n this._set = this._generateSet();\n\n if (this.page > this._pages?.length) {\n this._changePage(this._pages.length);\n }\n }\n\n private _changePage(p?: number) {\n if (!p) {\n return;\n }\n\n this.page = p;\n this.pageChange.emit(this.page);\n }\n\n private _previousClick() {\n const previousPage = this.page - 1;\n if (previousPage < this._pages[0]) {\n return;\n }\n\n this._changePage(previousPage);\n }\n\n private _nextClick = () => {\n const nextPage = this.page + 1;\n if (nextPage > this._pages[this._pages.length - 1]) {\n return;\n }\n\n this._changePage(nextPage);\n };\n\n private _pageClick = (p?: number) => this._changePage(p);\n\n private _generatePages() {\n if (!this.total || !this.pageSize) {\n return [];\n }\n\n const pages = Math.ceil(this.total / this.pageSize);\n return new Array(pages).fill(undefined).map((_, i) => i + 1);\n }\n\n private _generateSet = (\n range: number = 1,\n enableBoundaries: boolean = true\n ): PaginationSetItem[] => {\n const totalPages = this._pages.length;\n\n if (!totalPages) {\n return [];\n }\n\n let start = this.page - range;\n let end = this.page + range;\n\n if (end > totalPages) {\n end = totalPages;\n start = totalPages - range * 2;\n start = start < 1 ? 1 : start;\n }\n\n if (start <= 1) {\n start = 1;\n end = Math.min(range * 2 + 1, totalPages);\n }\n\n const set = [];\n\n const previous = {\n type: 'previous',\n value: <p-icon variant=\"chevron\" rotate={90} />,\n };\n\n const next = {\n type: 'next',\n value: <p-icon variant=\"chevron\" rotate={-90} />,\n };\n\n // Disable page range, display all the pages\n if (range === null) {\n const p = this._pages.map((p) => ({\n type: 'page',\n value: p,\n }));\n\n return enableBoundaries ? [previous, ...p, next] : p;\n }\n\n if (enableBoundaries) {\n set.push(previous);\n }\n\n if (start <= 3) {\n for (let i = 1; i < start; i++) {\n set.push({\n type: 'page',\n value: this._pages[i - 1],\n });\n }\n } else {\n set.push({\n type: 'page',\n value: 1,\n });\n\n set.push({\n type: 'ellipsis',\n value: 'ellipsis',\n });\n }\n\n for (let i = start; i <= end; i++) {\n set.push({\n type: 'page',\n value: this._pages[i - 1],\n });\n }\n\n if (end >= totalPages - 2) {\n for (let i = end + 1; i <= totalPages; i++) {\n set.push({\n type: 'page',\n value: this._pages[i - 1],\n });\n }\n } else {\n set.push({\n type: 'ellipsis',\n });\n\n set.push({\n type: 'page',\n value: this._pages[this._pages.length - 1],\n });\n }\n\n if (enableBoundaries) {\n set.push(next);\n }\n\n return set;\n };\n}\n",":host {\n @apply h-8 w-8;\n @apply flex justify-center items-center;\n @apply font-semibold text-storm-medium text-sm;\n @apply rounded;\n @apply cursor-pointer;\n}\n\n:host(:hover),\n:host(:focus) {\n @apply text-storm;\n}\n\n:host(.active) {\n @apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-pagination-item',\n styleUrl: 'pagination-item.component.scss',\n shadow: true,\n})\nexport class PaginationItem {\n /**\n * Wether the pagination item is active\n */\n @Prop() active: boolean = false;\n\n render() {\n return (\n <Host class={`p-pagination-item ${this.active && 'active'}`}>\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
const n=(n,
|
|
1
|
+
const n=n=>{const t=n.closest("[lang]");const o=document.documentElement;return t?t.lang:(o===null||o===void 0?void 0:o.lang)?o.lang:"en"};const t=(n,t)=>new Promise(((o,e)=>{fetch(`/assets/i18n/${n}.i18n.${t}.json`).then((n=>{if(n.ok){o(n.json());return}e()}),(()=>e()))}));const o={};const e=async e=>{var c;let r=e.tagName.toLowerCase().replace("p-","");let s=n(e);let a;if((c=o[r])===null||c===void 0?void 0:c[s]){return o[r][s]}try{a=await t(r,s)}catch(n){console.warn(`no locale for ${r} (${s}) loading default locale en.`);a=await t(r,"en")}if(!o[r]){o[r]={}}if(!o[r][s]){o[r][s]={}}o[r][s]=a;return a};const c=(n,t)=>{if(!n||!t){return n}for(const o of Object.keys(t)){const e=`{${o}}`;n=n.replace(new RegExp(e,"g"),t[o])}return n};export{c as f,e as g};
|
|
2
|
+
//# sourceMappingURL=p-4e650fe4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getComponentClosestLanguage","element","closestElement","closest","htmlElement","document","documentElement","lang","fetchLocaleStringsForComponent","componentName","locale","Promise","resolve","reject","fetch","then","result","ok","json","cache","getLocaleComponentStrings","async","tagName","toLowerCase","replace","componentLanguage","strings","_a","e","console","warn","formatTranslation","str","data","key","Object","keys","regex","RegExp"],"sources":["./src/utils/localization.ts"],"sourcesContent":["const getComponentClosestLanguage = (element: HTMLElement): string => {\n const closestElement = element.closest('[lang]') as HTMLElement;\n const htmlElement = document.documentElement;\n\n return closestElement\n ? closestElement.lang\n : htmlElement?.lang\n ? htmlElement.lang\n : 'en';\n};\n\nconst fetchLocaleStringsForComponent = (\n componentName: string,\n locale: string\n): Promise<any> => {\n return new Promise((resolve, reject): void => {\n fetch(`/assets/i18n/${componentName}.i18n.${locale}.json`).then(\n (result) => {\n if (result.ok) {\n resolve(result.json());\n return;\n }\n\n reject();\n },\n () => reject()\n );\n });\n};\n\nconst cache = {};\n\nexport const getLocaleComponentStrings = async (\n element: HTMLElement\n): Promise<any> => {\n let componentName = element.tagName.toLowerCase().replace('p-', '');\n let componentLanguage = getComponentClosestLanguage(element);\n let strings;\n\n if (cache[componentName]?.[componentLanguage]) {\n return cache[componentName][componentLanguage];\n }\n\n try {\n strings = await fetchLocaleStringsForComponent(\n componentName,\n componentLanguage\n );\n } catch (e) {\n console.warn(\n `no locale for ${componentName} (${componentLanguage}) loading default locale en.`\n );\n strings = await fetchLocaleStringsForComponent(componentName, 'en');\n }\n\n if (!cache[componentName]) {\n cache[componentName] = {};\n }\n\n if (!cache[componentName][componentLanguage]) {\n cache[componentName][componentLanguage] = {};\n }\n\n cache[componentName][componentLanguage] = strings;\n return strings;\n};\n\nexport const formatTranslation = (str: string, data?: any) => {\n if (!str || !data) {\n return str;\n }\n\n for (const key of Object.keys(data)) {\n const regex = `{${key}}`;\n str = str.replace(new RegExp(regex, 'g'), data[key]);\n }\n\n return str;\n};\n"],"mappings":"AAAA,MAAMA,EAA+BC,IACjC,MAAMC,EAAiBD,EAAQE,QAAQ,UACvC,MAAMC,EAAcC,SAASC,gBAE7B,OAAOJ,EACDA,EAAeK,MACfH,IAAW,MAAXA,SAAW,SAAXA,EAAaG,MACbH,EAAYG,KACZ,IAAI,EAGd,MAAMC,EAAiC,CACnCC,EACAC,IAEO,IAAIC,SAAQ,CAACC,EAASC,KACzBC,MAAM,gBAAgBL,UAAsBC,UAAeK,MACtDC,IACG,GAAIA,EAAOC,GAAI,CACXL,EAAQI,EAAOE,QACf,M,CAGJL,GAAQ,IAEZ,IAAMA,KACT,IAIT,MAAMM,EAAQ,G,MAEDC,EAA4BC,MACrCpB,I,MAEA,IAAIQ,EAAgBR,EAAQqB,QAAQC,cAAcC,QAAQ,KAAM,IAChE,IAAIC,EAAoBzB,EAA4BC,GACpD,IAAIyB,EAEJ,IAAIC,EAAAR,EAAMV,MAAc,MAAAkB,SAAA,SAAAA,EAAGF,GAAoB,CAC3C,OAAON,EAAMV,GAAegB,E,CAGhC,IACIC,QAAgBlB,EACZC,EACAgB,E,CAEN,MAAOG,GACLC,QAAQC,KACJ,iBAAiBrB,MAAkBgB,iCAEvCC,QAAgBlB,EAA+BC,EAAe,K,CAGlE,IAAKU,EAAMV,GAAgB,CACvBU,EAAMV,GAAiB,E,CAG3B,IAAKU,EAAMV,GAAegB,GAAoB,CAC1CN,EAAMV,GAAegB,GAAqB,E,CAG9CN,EAAMV,GAAegB,GAAqBC,EAC1C,OAAOA,CAAO,E,MAGLK,EAAoB,CAACC,EAAaC,KAC3C,IAAKD,IAAQC,EAAM,CACf,OAAOD,C,CAGX,IAAK,MAAME,KAAOC,OAAOC,KAAKH,GAAO,CACjC,MAAMI,EAAQ,IAAIH,KAClBF,EAAMA,EAAIR,QAAQ,IAAIc,OAAOD,EAAO,KAAMJ,EAAKC,G,CAGnD,OAAOF,CAAG,S"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as r,H as a}from"./p-c432f3f6.js";const i=".static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--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}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";const e=class{constructor(r){t(this,r);this.extra=undefined}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};e.style=i;export{e as p_avatar_group};
|
|
2
|
+
//# sourceMappingURL=p-52d7d305.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["avatarGroupComponentCss","AvatarGroup","render","h","Host","class","this","extra"],"sources":["./src/components/atoms/avatar-group/avatar-group.component.scss?tag=p-avatar-group","./src/components/atoms/avatar-group/avatar-group.component.tsx"],"sourcesContent":["p-avatar-group {\n @apply flex -space-x-1 overflow-hidden items-center;\n\n p-avatar > img {\n @apply ring-2 ring-white;\n }\n\n p-avatar:nth-child(1) {\n z-index: 3;\n }\n\n p-avatar:nth-child(2) {\n z-index: 2;\n }\n\n p-avatar:nth-child(3) {\n z-index: 1;\n }\n\n .extra {\n @apply text-sm text-storm-vague pl-4;\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-avatar-group',\n styleUrl: 'avatar-group.component.scss',\n // shadow: true,\n})\nexport class AvatarGroup {\n /**\n * The amount to show after the avatars\n */\n @Prop() extra: number;\n\n render() {\n return (\n <Host class=\"p-avatar-group\">\n <slot />\n\n {this.extra && <span class=\"extra\">+{this.extra}</span>}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,mxD,MCOnBC,EAAW,M,8CAMpBC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAECG,KAAKC,OAASJ,EAAA,QAAME,MAAM,SAAO,IAAGC,KAAKC,O"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as a,h as e,H as r,g as s}from"./p-c432f3f6.js";const o=".static{position:static!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.justify-center{justify-content:center!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}*{box-sizing:border-box}:host{display:block}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}";const n=class{constructor(e){t(this,e);this.closeClicked=a(this,"closeClicked",7);this.closed=a(this,"closed",7);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var t;if(!this.show){return}const a=e("slot",{name:"header"});const s=e("slot",{name:"content"});return e(r,{class:"p-drawer"},e("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:t=>this._backdropClick(t.detail),closing:this._closing,scrollLock:this.scrollLock},e("p-drawer-container",{closing:this._closing},(((t=this.header)===null||t===void 0?void 0:t.length)||this._hasHeaderSlot)&&e("p-drawer-header",{"show-close":this.showClose,onClose:t=>this.close(t.detail)},this._hasHeaderSlot?a:this.header),e("p-drawer-body",null,s))))}_backdropClick(t){if(!this.backdropClickClose){return}this.close(t)}close(t){this.closeClicked.emit({event:t,canClose:this.canClose});if(!this.canClose){return}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}get _el(){return s(this)}};n.style=o;export{n as p_drawer};
|
|
2
|
+
//# sourceMappingURL=p-5477db13.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed"],"sources":["./src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","./src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n @apply block;\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-drawer',\n styleUrl: 'drawer.component.scss',\n shadow: true,\n})\nexport class Drawer {\n /**\n * The Header of the drawer\n */\n @Prop() header?: string;\n\n /**\n * Wether to show the drawer or not\n */\n @Prop() show: boolean = false;\n\n /**\n * Wether to apply blur to the backdrop\n */\n @Prop() applyBlur: boolean = false;\n\n /**\n * Wether to show the close on mobile in the header\n */\n @Prop() showClose = true;\n\n /**\n * Wether to hide the drawer when the backdrop is clicked\n */\n @Prop() backdropClickClose = true;\n\n /**\n * Wether the drawer can be closed\n */\n @Prop() canClose: boolean = true;\n\n /**\n * Wether we should scroll lock the body\n */\n @Prop() scrollLock: boolean = true;\n\n /**\n * Close click event\n */\n @Event() closeClicked: EventEmitter<{\n event: MouseEvent;\n canClose: boolean;\n }>;\n\n /**\n * Closed event\n */\n @Event() closed: EventEmitter<null>;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n private _hasHeaderSlot = false;\n\n @State() private _closing = false;\n\n componentWillLoad() {\n this._hasHeaderSlot = !!this._el.querySelector(\n ':scope > [slot=\"header\"]'\n );\n }\n\n render() {\n if (!this.show) {\n return;\n }\n\n const headerContent = <slot name=\"header\" />;\n const bodyContent = <slot name=\"content\" />;\n\n return (\n <Host class=\"p-drawer\">\n <p-backdrop\n variant=\"drawer\"\n applyBlur={this.applyBlur}\n onClicked={(ev) => this._backdropClick(ev.detail)}\n closing={this._closing}\n scrollLock={this.scrollLock}\n >\n <p-drawer-container closing={this._closing}>\n {(this.header?.length || this._hasHeaderSlot) && (\n <p-drawer-header\n show-close={this.showClose}\n onClose={(ev) => this.close(ev.detail)}\n >\n {this._hasHeaderSlot\n ? headerContent\n : this.header}\n </p-drawer-header>\n )}\n <p-drawer-body>{bodyContent}</p-drawer-body>\n </p-drawer-container>\n </p-backdrop>\n </Host>\n );\n }\n\n private _backdropClick(ev) {\n if (!this.backdropClickClose) {\n return;\n }\n\n this.close(ev);\n }\n\n public close(ev: MouseEvent) {\n this.closeClicked.emit({\n event: ev,\n canClose: this.canClose,\n });\n\n if (!this.canClose) {\n return;\n }\n\n this._closing = true;\n\n setTimeout(() => {\n this.show = false;\n this._closing = false;\n this.closed.emit();\n }, 250);\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,+hJ,MCgBdC,EAAM,M,mGAsDPC,KAAAC,eAAiB,M,gCA7CD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cAsBF,K,CAE5BC,oBACIF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAC7B,2B,CAIRC,S,MACI,IAAKL,KAAKM,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACID,EAACG,EAAI,CAACC,MAAM,YACRJ,EAAA,cACIK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC5BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC1BO,EAAA,gCACgBR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACAM,EACAP,KAAKuB,QAGnBf,EAAA,qBAAgBE,K,CAO5BO,eAAeD,GACnB,IAAKhB,KAAK4B,mBAAoB,CAC1B,M,CAGJ5B,KAAK2B,MAAMX,E,CAGRW,MAAMX,GACThB,KAAK6B,aAAaC,KAAK,CACnBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGnB,IAAKhC,KAAKgC,SAAU,CAChB,M,CAGJhC,KAAKoB,SAAW,KAEhBa,YAAW,KACPjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GACnB,I"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as i,H as s,g as e}from"./p-c432f3f6.js";const r=".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.mt-3{margin-top:.75rem!important}.flex{display:flex!important}.hidden{display:none!important}.w-full{width:100%!important}.w-0{width:0!important}.flex-shrink-0{flex-shrink:0!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) 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-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.overflow-visible{overflow:visible!important}.p-16{padding:4rem!important}.pt-1{padding-top:.25rem!important}.will-change-transform{will-change:transform!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;margin:-4rem;overflow:hidden;padding:4rem}:host .slider{box-sizing:content-box;overflow:visible;position:relative}:host .slider.draggable{cursor:grab}@media (min-width:64rem){:host .slider.draggable{cursor:auto}}:host .slider.draggable.dragging{cursor:grabbing}@media (min-width:64rem){:host .slider.draggable.dragging{cursor:auto}}:host .slider.draggable.dragging .inner-slider{transition-property:none}:host .slider .inner-slider{--tw-translate-x:0px;align-items:stretch;display:flex;flex-wrap:nowrap;gap:.5rem;position:absolute;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));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}@media (min-width:64rem){:host .slider .inner-slider{flex-wrap:wrap;gap:1rem}}:host .slider .inner-slider>::slotted(*){flex-shrink:0;position:relative;width:100%;z-index:10}@media (min-width:40rem){:host .slider .inner-slider>::slotted(*){width:calc(50% - .5rem)}}@media (min-width:64rem){:host .slider .inner-slider>::slotted(*){flex:1 1 0%;width:0}}:host .indicator{align-items:center;display:flex;justify-content:center}@media (min-width:64rem){:host .indicator{display:none}}:host .indicator .item{margin-top:.75rem;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:gap-4{gap:1rem!important}}";const n=class{constructor(i){t(this,i);this._items=[];this._shouldCheckLocation=false;this.hideMobileIndicator=false;this.disableDrag=false;this.disableAutoCenter=false;this.disableIndicatorClick=false;this._visibleIndex=undefined;this._outerHeight=0;this._totalWidth=0;this._dragging=false}componentWillRender(){const t=this._el.querySelectorAll(":scope > *");this._items=Array.from(t)}componentDidLoad(){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);this._calculateWidth();this._calculateIndicator()}disconnectedCallback(){if(this._innerSliderResizeObserver){this._innerSliderResizeObserver.disconnect()}}render(){return i(s,{class:"p-content-slider"},i("div",{class:`slider ${!this.disableDrag&&"draggable"} ${this._dragging&&"dragging"}`,style:{height:`${this._outerHeight}px`},ref:t=>this._sliderRef=t,onMouseDown:t=>this._mouseDownHandler(t),onTouchStart:t=>this._mouseDownHandler(t),onMouseMove:t=>this._mouseMoveHandler(t),onTouchMove:t=>this._mouseMoveHandler(t)},i("div",{class:"inner-slider",ref:t=>this._setInnerSliderReft(t),onTransitionEnd:()=>this._transitionEndHandler()},i("slot",null))),i("div",{class:`indicator ${this.hideMobileIndicator&&"hidden"}`},this._items.map(((t,s)=>i("div",{onClick:()=>this._scrollTo(s,true),class:`item ${!this.disableIndicatorClick&&"cursor-pointer"}`},i("p-slider-indicator",{active:s===this._visibleIndex}))))))}_mouseDownHandler(t){var i;if(this.disableDrag||this._dragging){return}const s=getComputedStyle(this._innerSliderRef);if(s.flexWrap==="wrap"){return}this._startMouseX=t.x;const e=this._sliderRef.getBoundingClientRect();if(t.type==="touchstart"){this._startMouseX=(i=t.touches)===null||i===void 0?void 0:i[0].clientX}const r=this._innerSliderRef.getBoundingClientRect();const n=r.x-e.x;this._startX=this._startMouseX-e.x-n;this._lastIndex=this._visibleIndex;this._dragging=true}_mouseMoveHandler(t){var i,s;if(!t||!this._dragging||this.disableDrag){return}t.preventDefault();this._shouldCheckLocation=true;if(this._innerSliderRef.style.getPropertyValue("pointer-events")===""){this._innerSliderRef.style.pointerEvents="none"}const e=this._sliderRef.getBoundingClientRect();let r=t.clientX-e.left;this._lastMouseX=t.x;if(t.type==="touchmove"){r=((i=t.touches)===null||i===void 0?void 0:i[0].clientX)-e.left;this._lastMouseX=(s=t.touches)===null||s===void 0?void 0:s[0].clientX}this._innerSliderRef.style.setProperty("--tw-translate-x",`${r-this._startX}px`);this._checkBoundary();this._calculateIndicator()}_transitionEndHandler(){this._calculateIndicator()}mouseUpHandler(){this._dragging=false;this._innerSliderRef.style.removeProperty("pointer-events");this._checkLocation()}resizeHandler(){if(this._innerSliderRef){this._innerSliderRef.style.setProperty("--tw-translate-x","0px");this._calculateWidth();this._calculateIndicator()}}_setInnerSliderReft(t){this._innerSliderRef=t;this._innerSliderResizeObserver=new ResizeObserver((()=>this._calculateHeight()));this._innerSliderResizeObserver.observe(this._innerSliderRef)}_scrollTo(t,i=false){if(this.disableIndicatorClick&&i){return}const s=this._items[t];if(t===0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`);return}const e=this._sliderRef.getBoundingClientRect();const r=this._innerSliderRef.getBoundingClientRect();const n=s.getBoundingClientRect();const a=n.x-r.x;const o=a+n.width/2-e.width/2;this._innerSliderRef.style.setProperty("--tw-translate-x",`-${o}px`);this._checkBoundary();this._calculateIndicator()}_checkBoundary(){let t=this._sliderRef.getBoundingClientRect();const i=parseInt(this._innerSliderRef.style.getPropertyValue("--tw-translate-x"));if(i>0){this._innerSliderRef.style.setProperty("--tw-translate-x",`0px`)}const s=(this._totalWidth-t.width)*-1;if(i<s){this._innerSliderRef.style.setProperty("--tw-translate-x",`${s}px`)}}_calculateIndicator(){for(let t=0;t<this._items.length;t++){const i=this._items[t];const s=this._isVisible(i);if(s){this._visibleIndex=t}if(t===0&&s){break}}}_checkLocation(){var t;if(!this._shouldCheckLocation){return}let i=null;if(this._lastIndex!==this._visibleIndex){i=this._visibleIndex}if(this._lastIndex===this._visibleIndex){if(this._lastMouseX>this._startMouseX&&this._lastIndex!==0){i=this._lastIndex-1}if(this._lastMouseX<this._startMouseX&&this._lastIndex!==((t=this._items)===null||t===void 0?void 0:t.length)-1){i=this._lastIndex+1}}if(i!==null){this._shouldCheckLocation=false;setTimeout((()=>this._scrollTo(i)),100)}}_isVisible(t){if(!this._el||!t){return false}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return i.left>=s.left&&i.right<=s.right||this._isMobile(t)&&i.left+i.width/2>=s.left&&i.left+i.width/2<=s.right}_calculateWidth(){let t=0;for(let i of this._items){const s=i.getBoundingClientRect();t+=s.width}const i=getComputedStyle(this._sliderRef);const s=parseInt(i.padding)*2;const e=getComputedStyle(this._innerSliderRef);const r=parseInt(e.gap)*(this._items.length-1);t+=s+r;this._totalWidth=t}_calculateHeight(){const t=this._items.at(0).getBoundingClientRect().height;if(t!=this._outerHeight){this._outerHeight=t}}_isMobile(t){if(!t){t=this._items.at(0)}const i=t.getBoundingClientRect();const s=this._sliderRef.getBoundingClientRect();return s.width-i.width<10}get _el(){return e(this)}};n.style=r;export{n as p_content_slider};
|
|
2
|
+
//# sourceMappingURL=p-5da19525.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["contentSliderComponentCss","ContentSlider","this","_items","_shouldCheckLocation","componentWillRender","items","_el","querySelectorAll","Array","from","componentDidLoad","_innerSliderRef","style","setProperty","_calculateWidth","_calculateIndicator","disconnectedCallback","_innerSliderResizeObserver","disconnect","render","h","Host","class","disableDrag","_dragging","height","_outerHeight","ref","el","_sliderRef","onMouseDown","e","_mouseDownHandler","onTouchStart","onMouseMove","_mouseMoveHandler","onTouchMove","_setInnerSliderReft","onTransitionEnd","_transitionEndHandler","hideMobileIndicator","map","_","i","onClick","_scrollTo","disableIndicatorClick","active","_visibleIndex","innerSliderStyle","getComputedStyle","flexWrap","_startMouseX","x","sliderRect","getBoundingClientRect","type","_a","touches","clientX","innerSliderRect","offsetLeft","_startX","_lastIndex","preventDefault","getPropertyValue","pointerEvents","left","_lastMouseX","_b","_checkBoundary","mouseUpHandler","removeProperty","_checkLocation","resizeHandler","ResizeObserver","_calculateHeight","observe","manual","elRect","centerOffset","width","outer","parseInt","maxLeft","_totalWidth","length","item","visible","_isVisible","scrollToIndex","setTimeout","right","_isMobile","totalWidth","rect","sliderStyle","padding","gap","outerHeight","at"],"sources":["./src/components/molecules/content-slider/content-slider.component.scss?tag=p-content-slider&encapsulation=shadow","./src/components/molecules/content-slider/content-slider.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col overflow-hidden;\n\n @apply p-16 -m-16;\n\n .slider {\n @apply overflow-visible relative box-content;\n\n &.draggable {\n @apply cursor-grab desktop-xs:cursor-auto;\n\n &.dragging {\n @apply cursor-grabbing desktop-xs:cursor-auto;\n\n .inner-slider {\n @apply transition-none;\n }\n }\n }\n\n .inner-slider {\n @apply absolute flex flex-nowrap items-stretch w-full gap-2;\n\n @apply will-change-transform transform-gpu translate-x-0;\n\n @apply desktop-xs:gap-4 desktop-xs:flex-wrap;\n\n @apply transition-all;\n transition-duration: 0.5s;\n\n > ::slotted(*) {\n @apply w-full;\n @apply flex-shrink-0 z-10;\n\n @screen tablet {\n width: calc(50% - 0.5rem);\n }\n\n @screen desktop-xs {\n @apply w-0 flex-1;\n }\n\n position: relative;\n }\n }\n }\n\n .indicator {\n @apply flex justify-center items-center desktop-xs:hidden;\n\n .item {\n @apply mt-3 pt-1 px-1;\n }\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-content-slider',\n styleUrl: 'content-slider.component.scss',\n shadow: true,\n})\nexport class ContentSlider {\n /**\n * Wether to hide the indicator on mobile\n */\n @Prop() hideMobileIndicator: boolean = false;\n\n /**\n * Wether to disable dragging the content\n */\n @Prop() disableDrag: boolean = false;\n\n /**\n * Wether to disable auto centering the content\n */\n @Prop() disableAutoCenter: boolean = false;\n\n /**\n * Wether to disable clicking the indicator scrolls content\n */\n @Prop() disableIndicatorClick: boolean = false;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n @State() private _visibleIndex: number;\n @State() private _outerHeight = 0;\n @State() private _totalWidth = 0;\n private _sliderRef: HTMLElement;\n private _innerSliderRef: HTMLElement;\n private _items: HTMLElement[] = [];\n private _innerSliderResizeObserver: ResizeObserver;\n\n // mouse movement stuff\n private _startX: number;\n private _startMouseX: number;\n private _lastMouseX: number;\n private _lastIndex: number;\n private _shouldCheckLocation = false;\n @State() private _dragging = false;\n\n componentWillRender() {\n const items = this._el.querySelectorAll(':scope > *');\n this._items = Array.from(items) as HTMLElement[];\n }\n\n componentDidLoad() {\n this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n this._calculateWidth();\n this._calculateIndicator();\n }\n\n disconnectedCallback() {\n if (this._innerSliderResizeObserver) {\n this._innerSliderResizeObserver.disconnect();\n }\n }\n\n render() {\n return (\n <Host class=\"p-content-slider\">\n <div\n class={`slider ${!this.disableDrag && 'draggable'} ${\n this._dragging && 'dragging'\n }`}\n style={{\n height: `${this._outerHeight}px`,\n }}\n ref={(el) => (this._sliderRef = el)}\n onMouseDown={(e) => this._mouseDownHandler(e)}\n onTouchStart={(e) => this._mouseDownHandler(e)}\n onMouseMove={(e) => this._mouseMoveHandler(e)}\n onTouchMove={(e) => this._mouseMoveHandler(e)}\n >\n <div\n class=\"inner-slider\"\n ref={(ref) => this._setInnerSliderReft(ref)}\n onTransitionEnd={() => this._transitionEndHandler()}\n >\n <slot />\n </div>\n </div>\n <div\n class={`indicator ${this.hideMobileIndicator && 'hidden'}`}\n >\n {this._items.map((_, i) => (\n <div\n onClick={() => this._scrollTo(i, true)}\n class={`item ${\n !this.disableIndicatorClick && 'cursor-pointer'\n }`}\n >\n <p-slider-indicator\n active={i === this._visibleIndex}\n />\n </div>\n ))}\n </div>\n </Host>\n );\n }\n\n private _mouseDownHandler(e) {\n if (this.disableDrag || this._dragging) {\n return;\n }\n\n const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n if (innerSliderStyle.flexWrap === 'wrap') {\n return;\n }\n\n this._startMouseX = e.x;\n const sliderRect = this._sliderRef.getBoundingClientRect();\n if (e.type === 'touchstart') {\n this._startMouseX = e.touches?.[0].clientX;\n }\n\n const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n const offsetLeft = innerSliderRect.x - sliderRect.x;\n\n this._startX = this._startMouseX - sliderRect.x - offsetLeft;\n this._lastIndex = this._visibleIndex;\n this._dragging = true;\n }\n\n private _mouseMoveHandler(e) {\n if (!e || !this._dragging || this.disableDrag) {\n return;\n }\n\n e.preventDefault();\n\n this._shouldCheckLocation = true;\n\n if (\n this._innerSliderRef.style.getPropertyValue('pointer-events') === ''\n ) {\n this._innerSliderRef.style.pointerEvents = 'none';\n }\n\n const sliderRect = this._sliderRef.getBoundingClientRect();\n let x = e.clientX - sliderRect.left;\n this._lastMouseX = e.x;\n if (e.type === 'touchmove') {\n x = e.touches?.[0].clientX - sliderRect.left;\n this._lastMouseX = e.touches?.[0].clientX;\n }\n\n this._innerSliderRef.style.setProperty(\n '--tw-translate-x',\n `${x - this._startX}px`\n );\n\n this._checkBoundary();\n this._calculateIndicator();\n }\n\n private _transitionEndHandler() {\n this._calculateIndicator();\n }\n\n @Listen('mouseup', { target: 'window' })\n @Listen('touchend', { target: 'window' })\n mouseUpHandler() {\n this._dragging = false;\n this._innerSliderRef.style.removeProperty('pointer-events');\n\n this._checkLocation();\n }\n\n @Listen('resize', { target: 'window' })\n resizeHandler() {\n if (this._innerSliderRef) {\n this._innerSliderRef.style.setProperty('--tw-translate-x', '0px');\n this._calculateWidth();\n this._calculateIndicator();\n }\n }\n\n private _setInnerSliderReft(ref) {\n this._innerSliderRef = ref;\n this._innerSliderResizeObserver = new ResizeObserver(() =>\n this._calculateHeight()\n );\n this._innerSliderResizeObserver.observe(this._innerSliderRef);\n }\n\n private _scrollTo(i: number, manual = false) {\n if (this.disableIndicatorClick && manual) {\n return;\n }\n\n const el = this._items[i];\n\n if (i === 0) {\n this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n return;\n }\n\n const sliderRect = this._sliderRef.getBoundingClientRect();\n const innerSliderRect = this._innerSliderRef.getBoundingClientRect();\n const elRect = el.getBoundingClientRect();\n\n const offsetLeft = elRect.x - innerSliderRect.x;\n\n const centerOffset =\n offsetLeft + elRect.width / 2 - sliderRect.width / 2;\n\n this._innerSliderRef.style.setProperty(\n '--tw-translate-x',\n `-${centerOffset}px`\n );\n\n this._checkBoundary();\n this._calculateIndicator();\n }\n\n private _checkBoundary() {\n let outer = this._sliderRef.getBoundingClientRect();\n\n const left = parseInt(\n this._innerSliderRef.style.getPropertyValue('--tw-translate-x')\n );\n if (left > 0) {\n this._innerSliderRef.style.setProperty('--tw-translate-x', `0px`);\n }\n\n const maxLeft = (this._totalWidth - outer.width) * -1;\n if (left < maxLeft) {\n this._innerSliderRef.style.setProperty(\n '--tw-translate-x',\n `${maxLeft}px`\n );\n }\n }\n\n private _calculateIndicator() {\n for (let i = 0; i < this._items.length; i++) {\n const item = this._items[i];\n const visible = this._isVisible(item);\n\n if (visible) {\n this._visibleIndex = i;\n }\n\n if (i === 0 && visible) {\n break;\n }\n }\n }\n\n private _checkLocation() {\n if (!this._shouldCheckLocation) {\n return;\n }\n\n let scrollToIndex = null;\n if (this._lastIndex !== this._visibleIndex) {\n scrollToIndex = this._visibleIndex;\n }\n\n if (this._lastIndex === this._visibleIndex) {\n if (this._lastMouseX > this._startMouseX && this._lastIndex !== 0) {\n scrollToIndex = this._lastIndex - 1;\n }\n\n if (\n this._lastMouseX < this._startMouseX &&\n this._lastIndex !== this._items?.length - 1\n ) {\n scrollToIndex = this._lastIndex + 1;\n }\n }\n\n if (scrollToIndex !== null) {\n this._shouldCheckLocation = false;\n setTimeout(() => this._scrollTo(scrollToIndex), 100);\n }\n }\n\n private _isVisible(el: HTMLElement) {\n if (!this._el || !el) {\n return false;\n }\n\n const elRect = el.getBoundingClientRect();\n const sliderRect = this._sliderRef.getBoundingClientRect();\n\n return (\n (elRect.left >= sliderRect.left &&\n elRect.right <= sliderRect.right) ||\n (this._isMobile(el) &&\n elRect.left + elRect.width / 2 >= sliderRect.left &&\n elRect.left + elRect.width / 2 <= sliderRect.right)\n );\n }\n\n private _calculateWidth() {\n let totalWidth = 0;\n\n for (let item of this._items) {\n const rect = item.getBoundingClientRect();\n totalWidth += rect.width;\n }\n\n const sliderStyle = getComputedStyle(this._sliderRef);\n const padding = parseInt(sliderStyle.padding) * 2;\n\n const innerSliderStyle = getComputedStyle(this._innerSliderRef);\n const gap = parseInt(innerSliderStyle.gap) * (this._items.length - 1);\n\n totalWidth += padding + gap;\n\n this._totalWidth = totalWidth;\n }\n\n private _calculateHeight() {\n const outerHeight = this._items.at(0).getBoundingClientRect().height;\n if (outerHeight != this._outerHeight) {\n this._outerHeight = outerHeight;\n }\n }\n\n private _isMobile(el?: HTMLElement) {\n if (!el) {\n el = this._items.at(0);\n }\n\n const elRect = el.getBoundingClientRect();\n const sliderRect = this._sliderRef.getBoundingClientRect();\n\n return sliderRect.width - elRect.width < 10;\n }\n}\n"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as o,H as i}from"./p-c432f3f6.js";const r=".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.flex{display:flex!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.gap-5{gap:1.25rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;position:relative;width:100%}:host .content{display:flex;gap:1.25rem;width:100%;z-index:10}:host p-divider{bottom:0;left:0;margin:0;position:absolute;width:100%}";const a=class{constructor(o){t(this,o)}render(){return o(i,{class:"p-tab-group"},o("div",{class:"content"},o("slot",null)),o("p-divider",null))}};a.style=r;export{a as p_tab_group};
|
|
2
|
+
//# sourceMappingURL=p-5f8538e7.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["tabGroupComponentCss","TabGroup","render","h","Host","class"],"sources":["./src/components/atoms/tab-group/tab-group.component.scss?tag=p-tab-group&encapsulation=shadow","./src/components/atoms/tab-group/tab-group.component.tsx"],"sourcesContent":[":host {\n @apply flex w-full flex-col relative;\n\n .content {\n @apply flex gap-5 w-full z-10;\n }\n\n p-divider {\n @apply m-0 absolute bottom-0 left-0 w-full;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-tab-group',\n styleUrl: 'tab-group.component.scss',\n shadow: true,\n})\nexport class TabGroup {\n render() {\n return (\n <Host class=\"p-tab-group\">\n <div class=\"content\">\n <slot />\n </div>\n <p-divider />\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,kiB,MCOhBC,EAAQ,M,yBACjBC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,eACRF,EAAA,OAAKE,MAAM,WACPF,EAAA,cAEJA,EAAA,kB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as o,H as i,g as r}from"./p-c432f3f6.js";const a=".static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.top-2{top:.5rem!important}.right-2{right:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}";const e=class{constructor(o){t(this,o);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}render(){return o(i,{class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},o("div",{class:"header"},o("slot",{name:"header"})),o("div",{class:"content"},o("slot",{name:"content"})),this.closeable&&o("div",{class:"close",onClick:()=>this._close()},o("p-icon",{variant:"negative"})))}_close(){this._el.remove()}get _el(){return r(this)}};e.style=a;export{e as p_info_panel};
|
|
2
|
+
//# sourceMappingURL=p-62543956.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["infoPanelComponentCss","InfoPanel","render","h","Host","class","this","variant","closeable","name","onClick","_close","_el","remove"],"sources":["./src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","./src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n @apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n .header {\n @apply font-semibold text-storm-dark;\n }\n\n .content {\n @apply text-sm;\n }\n\n .close {\n @apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n }\n}\n\n:host(.variant-positive) {\n @apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n @apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n @apply bg-negative-light;\n}\n\n:host(.has-close) {\n @apply pr-8;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-info-panel',\n styleUrl: 'info-panel.component.scss',\n shadow: true,\n})\nexport class InfoPanel {\n /**\n * The variant of the info panel\n */\n @Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n /**\n * The header of the info panel\n */\n @Prop() header: string;\n\n /**\n * The content of the info panel\n */\n @Prop() content: string;\n\n /**\n * Wether the panel can be closed\n */\n @Prop() closeable: boolean = false;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n render() {\n return (\n <Host class={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}>\n <div class=\"header\">\n <slot name=\"header\" />\n </div>\n <div class=\"content\">\n <slot name=\"content\" />\n </div>\n\n {this.closeable && (\n <div class=\"close\" onClick={() => this._close()}>\n <p-icon variant=\"negative\" />\n </div>\n )}\n </Host>\n );\n }\n\n private _close() {\n this._el.remove();\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,wxC,MCOjBC,EAAS,M,sCAI6C,O,4DAepC,K,CAO7BC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,wBAAwBC,KAAKC,WAAWD,KAAKE,WAAa,eACrEL,EAAA,OAAKE,MAAM,UACTF,EAAA,QAAMM,KAAK,YAEbN,EAAA,OAAKE,MAAM,WACTF,EAAA,QAAMM,KAAK,aAGZH,KAAKE,WACJL,EAAA,OAAKE,MAAM,QAAQK,QAAS,IAAMJ,KAAKK,UACrCR,EAAA,UAAQI,QAAQ,c,CAOlBI,SACNL,KAAKM,IAAIC,Q"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
const
|
|
1
|
+
const s=12;const a=[12,24,68,136];export{a,s as d};
|
|
2
|
+
//# sourceMappingURL=p-6c60fd3d.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultSize","defaultSizeOptions"],"sources":["./src/components/molecules/page-size-select/constants.tsx"],"sourcesContent":["export const defaultSize = 12;\nexport const defaultSizeOptions = [12, 24, 68, 136];\n"],"mappings":"MAAaA,EAAc,G,MACdC,EAAqB,CAAC,GAAI,GAAI,GAAI,Y"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,c as a,h as r,H as e,g as o}from"./p-c432f3f6.js";const n=".static{position:static!important}.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.z-navbar-backdrop{z-index:290!important}.m-0{margin:0!important}.mb-6{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.inline{display:inline!important}.flex{display:flex!important}.hidden{display:none!important}.h-full{height:100%!important}.max-h-screen{max-height:100vh!important}.w-full{width:100%!important}.rotate-0{--tw-rotate:0deg!important}.rotate-0,.rotate-25{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}.rotate-25{--tw-rotate:25deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{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}.rotate-90{--tw-rotate:90deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{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}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-270{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}.rotate-270{--tw-rotate:270deg!important}.rotate-315{--tw-rotate:315deg!important}.-rotate-0,.rotate-315{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}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-45{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}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-135,.-rotate-90{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}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{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}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-270,.-rotate-315{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}.-rotate-315{--tw-rotate:-315deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{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}.scale-y-flip{--tw-scale-y:-1!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}.items-end{align-items:flex-end!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded{border-radius:.25rem!important}.bg-storm-dark{--tw-bg-opacity:1!important;background-color:rgb(39 40 56/var(--tw-bg-opacity))!important}.p-0{padding:0!important}.text-xxs{font-size:.6875rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important}.text-lg,.text-xl{line-height:1.75rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}*{box-sizing:border-box}.bg-storm-dark\\/50{background-color:rgba(39,40,56,.5)!important}:host{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:host .content-container{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){:host .content-container{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){:host .content-container{align-items:center;padding:4rem}}:host(.blurred){--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}:host(.closing){animation:fadeOut .2s ease forwards}:host(.closing) .content-container{overflow:hidden}:host(.variant-drawer) .content-container{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:40rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:64rem){:host(.variant-drawer) .content-container{padding:0}}@media (min-width:40rem){.tablet\\:p-0{padding:0!important}.tablet\\:px-16{padding-left:4rem!important;padding-right:4rem!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{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}@media (min-width:64rem){.desktop-xs\\:hidden{display:none!important}}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}}";const i=class{constructor(r){t(this,r);this.clicked=a(this,"clicked",7);this.variant="modal";this.applyBlur=false;this.closing=false;this.scrollLock=true}componentWillLoad(){if(this.scrollLock){document.querySelector(":root").classList.add("scroll-lock")}}disconnectedCallback(){if(this.scrollLock){document.querySelector(":root").classList.remove("scroll-lock")}}render(){return r(e,{class:`p-backdrop variant-${this.variant} ${this.applyBlur&&"blurred"} ${this.closing&&"closing"}`},r("div",{class:"content-container"},r("slot",null)))}handleClick(t){if(t.target!==this._el){return}this.clicked.emit(t)}get _el(){return o(this)}};i.style=n;export{i as p_backdrop};
|
|
2
|
+
//# sourceMappingURL=p-8a471962.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["backdropComponentCss","Backdrop","componentWillLoad","this","scrollLock","document","querySelector","classList","add","disconnectedCallback","remove","render","h","Host","class","variant","applyBlur","closing","handleClick","ev","target","_el","clicked","emit"],"sources":["./src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","./src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n @apply fixed top-0 left-0 z-backdrop;\n @apply h-full w-full max-h-screen max-w-screen;\n @apply overflow-hidden;\n @apply bg-storm-dark/50 animate-fade-in;\n\n .content-container {\n @apply overflow-y-auto overflow-x-hidden w-full h-full max-h-screen max-w-screen;\n @apply tablet:px-16 desktop-xs:p-16;\n @apply flex justify-center items-end desktop-xs:items-center;\n }\n}\n\n:host(.blurred) {\n @apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n @apply animate-fade-out;\n\n .content-container {\n @apply overflow-hidden;\n }\n}\n\n:host(.variant-drawer) {\n .content-container {\n @apply justify-end items-start;\n @apply p-0 tablet:p-0 desktop-xs:p-0;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'p-backdrop',\n styleUrl: 'backdrop.component.scss',\n shadow: true,\n})\nexport class Backdrop {\n /**\n * The variant of the backdrop\n */\n @Prop() variant: 'modal' | 'drawer' = 'modal';\n\n /**\n * Wether to apply blur on the background of the backdrop\n */\n @Prop() applyBlur: boolean = false;\n\n /**\n * Wether the backdrop is closing\n */\n @Prop() closing: boolean = false;\n\n /**\n * Wether we should scroll lock the body\n */\n @Prop() scrollLock: boolean = true;\n\n /**\n * When the backdrop is clicked\n */\n @Event() clicked: EventEmitter<MouseEvent>;\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n componentWillLoad() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.add('scroll-lock');\n }\n }\n\n disconnectedCallback() {\n if (this.scrollLock) {\n document.querySelector(':root').classList.remove('scroll-lock');\n }\n }\n\n render() {\n return (\n <Host\n class={`p-backdrop variant-${this.variant} ${\n this.applyBlur && 'blurred'\n } ${this.closing && 'closing'}`}\n >\n <div class=\"content-container\">\n <slot />\n </div>\n </Host>\n );\n }\n\n @Listen('click', { capture: true })\n handleClick(ev: MouseEvent) {\n if (ev.target !== this._el) {\n return;\n }\n\n this.clicked.emit(ev);\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAuB,84O,MCgBhBC,EAAQ,M,uEAIqB,Q,eAKT,M,aAKF,M,gBAKG,I,CAY9BC,oBACI,GAAIC,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUC,IAAI,c,EAItDC,uBACI,GAAIN,KAAKC,WAAY,CACjBC,SAASC,cAAc,SAASC,UAAUG,OAAO,c,EAIzDC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,sBAAsBX,KAAKY,WAC9BZ,KAAKa,WAAa,aAClBb,KAAKc,SAAW,aAEpBL,EAAA,OAAKE,MAAM,qBACPF,EAAA,c,CAOhBM,YAAYC,GACR,GAAIA,EAAGC,SAAWjB,KAAKkB,IAAK,CACxB,M,CAGJlB,KAAKmB,QAAQC,KAAKJ,E"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
const
|
|
1
|
+
const e=(e,r)=>{while((e=e.parentNode)&&e!==r);return!!e};export{e as c};
|
|
2
|
+
//# sourceMappingURL=p-8a6728d5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["childOf","c","p","parentNode"],"sources":["./src/utils/child-of.ts"],"sourcesContent":["export const childOf = (c, p) => {\n while ((c = c.parentNode) && c !== p);\n return !!c;\n};\n"],"mappings":"MAAaA,EAAU,CAACC,EAAGC,KACvB,OAAQD,EAAIA,EAAEE,aAAeF,IAAMC,GACnC,QAASD,CAAC,S"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as r,H as i}from"./p-c432f3f6.js";const o=".static{position:static!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}p-card-body{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding:1.5rem 1rem}p-card-body[inherit-text]{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}";const e=class{constructor(r){t(this,r);this.inheritText=false}render(){return r(i,{class:"p-card-body"},r("slot",null))}};e.style=o;export{e as p_card_body};
|
|
2
|
+
//# sourceMappingURL=p-8c8f9caa.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cardBodyComponentCss","CardBody","render","h","Host","class"],"sources":["./src/components/atoms/card-body/card-body.component.scss?tag=p-card-body","./src/components/atoms/card-body/card-body.component.tsx"],"sourcesContent":["p-card-body {\n @apply px-4 py-6;\n @apply text-sm text-storm-vague;\n\n &[inherit-text] {\n color: inherit #{!important};\n font-size: inherit #{!important};\n font-weight: inherit #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-card-body',\n styleUrl: 'card-body.component.scss',\n})\nexport class CardBody {\n /**\n * Wether the button should inherit text styles\n */\n @Prop({ reflect: true }) inheritText: boolean = false;\n\n render() {\n return (\n <Host class=\"p-card-body\">\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,mb,MCMhBC,EAAQ,M,0CAI+B,K,CAEhDC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,eACRF,EAAA,a"}
|