@paperless/core 0.1.0-alpha.21 → 0.1.0-alpha.210
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 +1935 -0
- package/dist/assets/i18n/page-size-select.i18n.en.json +4 -0
- package/dist/assets/i18n/page-size-select.i18n.nl.json +4 -0
- package/dist/assets/i18n/table-footer.i18n.en.json +3 -0
- package/dist/assets/i18n/table-footer.i18n.nl.json +3 -0
- package/dist/assets/i18n/table-header.i18n.en.json +6 -0
- package/dist/assets/i18n/table-header.i18n.nl.json +6 -0
- package/dist/assets/icons/camera.svg +10 -0
- package/dist/assets/icons/checklist.svg +17 -0
- package/dist/assets/icons/folder.svg +19 -0
- package/dist/assets/icons/integration.svg +17 -0
- package/dist/assets/icons/menu.svg +25 -0
- package/dist/assets/icons/more.svg +18 -0
- package/dist/assets/icons/signout.svg +23 -0
- package/dist/assets/icons/switch.svg +20 -0
- package/dist/assets/icons/task.svg +17 -0
- package/dist/assets/icons/template.svg +17 -0
- package/dist/assets/illustrations/e-mail.svg +1 -0
- package/dist/build/index.esm.js +1 -0
- package/dist/build/p-06899ffb.entry.js +1 -0
- package/dist/build/p-09ea2a1a.js +1 -0
- package/dist/build/p-150aadaf.entry.js +1 -0
- package/dist/build/p-15d13147.entry.js +1 -0
- package/dist/build/p-1f6a0296.entry.js +1 -0
- package/dist/build/p-2bf44a1d.entry.js +1 -0
- package/dist/build/p-3180c96e.entry.js +1 -0
- package/dist/build/p-3b243f16.entry.js +1 -0
- package/dist/build/p-3ef5e549.js +1 -0
- package/dist/build/p-41588819.entry.js +1 -0
- package/dist/build/p-44d46765.entry.js +1 -0
- package/dist/build/p-4588a510.entry.js +1 -0
- package/dist/build/p-48c3b71e.entry.js +1 -0
- package/dist/build/p-52ab1f62.entry.js +1 -0
- package/dist/build/p-58dd41be.entry.js +1 -0
- package/dist/build/p-5a71d6ae.entry.js +1 -0
- package/dist/build/p-600a2f21.entry.js +1 -0
- package/dist/build/p-61975c9a.entry.js +1 -0
- package/dist/build/p-6c60fd3d.js +1 -0
- package/dist/{paperless/p-23980fbb.entry.js → build/p-78db3d3c.entry.js} +1 -1
- package/dist/build/p-7a77a930.entry.js +1 -0
- package/dist/build/p-7e9a866e.entry.js +1 -0
- package/dist/build/p-8262fe7e.entry.js +1 -0
- package/dist/build/p-8614bd10.entry.js +1 -0
- package/dist/build/p-86a6c56a.entry.js +1 -0
- package/dist/build/p-8a6728d5.js +1 -0
- package/dist/build/p-8f179b0d.entry.js +1 -0
- package/dist/build/p-98332f25.entry.js +1 -0
- package/dist/build/p-9fba2393.entry.js +1 -0
- package/dist/build/p-a0e3e68d.entry.js +1 -0
- package/dist/build/p-a7086ffa.js +1 -0
- package/dist/build/p-aae4caab.entry.js +1 -0
- package/dist/build/p-ad147b1b.entry.js +1 -0
- package/dist/build/p-b797b0ce.entry.js +1 -0
- package/dist/build/p-c11282d2.entry.js +1 -0
- package/dist/build/p-c4110c09.entry.js +1 -0
- package/dist/build/p-d0a9b97b.entry.js +1 -0
- package/dist/build/p-d17b038f.entry.js +1 -0
- package/dist/build/p-d9c1fe13.js +2 -0
- package/dist/build/p-f45b75ae.entry.js +1 -0
- package/dist/build/paperless.css +331 -20
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/child-of-e472f812.js +9 -0
- package/dist/cjs/constants-a4459ec9.js +7 -0
- package/dist/cjs/{index-6b6e08cc.js → index-cf92051a.js} +211 -5
- package/dist/cjs/index.cjs.js +12 -0
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/localization-9c989018.js +60 -0
- package/dist/cjs/object-get-by-path-6dc21ed5.js +12 -0
- package/dist/cjs/p-accordion.cjs.entry.js +42 -0
- package/dist/cjs/p-avatar-group.cjs.entry.js +19 -0
- package/dist/cjs/p-avatar.cjs.entry.js +19 -5
- package/dist/cjs/p-button_3.cjs.entry.js +337 -65
- package/dist/cjs/p-card-body.cjs.entry.js +23 -0
- package/dist/cjs/p-card-container.cjs.entry.js +27 -0
- package/dist/cjs/p-card-header.cjs.entry.js +24 -0
- package/dist/cjs/p-content-slider.cjs.entry.js +221 -0
- package/dist/cjs/p-counter.cjs.entry.js +11 -3
- package/dist/cjs/p-divider.cjs.entry.js +6 -3
- package/dist/cjs/p-dropdown_3.cjs.entry.js +205 -0
- package/dist/cjs/p-helper_2.cjs.entry.js +160 -0
- package/dist/cjs/p-illustration.cjs.entry.js +5 -2
- package/dist/cjs/p-info-panel.cjs.entry.js +2 -2
- package/dist/cjs/p-input-group_4.cjs.entry.js +144 -0
- package/dist/cjs/p-layout.cjs.entry.js +23 -0
- package/dist/cjs/p-modal-backdrop_5.cjs.entry.js +101 -0
- package/dist/cjs/p-modal.cjs.entry.js +53 -0
- package/dist/cjs/p-navbar.cjs.entry.js +34 -0
- package/dist/cjs/p-navigation-item.cjs.entry.js +3 -3
- package/dist/cjs/p-page-size-select_3.cjs.entry.js +251 -0
- package/dist/cjs/p-profile.cjs.entry.js +49 -0
- package/dist/cjs/p-select.cjs.entry.js +179 -0
- package/dist/cjs/p-slider-indicator.cjs.entry.js +23 -0
- package/dist/cjs/p-status.cjs.entry.js +49 -0
- package/dist/cjs/p-stepper-item_2.cjs.entry.js +56 -0
- package/dist/cjs/p-stepper.cjs.entry.js +49 -0
- package/dist/cjs/p-tab-group.cjs.entry.js +19 -0
- package/dist/cjs/p-tab-item.cjs.entry.js +23 -0
- package/dist/cjs/p-table-cell_5.cjs.entry.js +1179 -0
- package/dist/cjs/p-table-column.cjs.entry.js +36 -0
- package/dist/cjs/p-table.cjs.entry.js +354 -0
- package/dist/cjs/p-toast-container.cjs.entry.js +30 -0
- package/dist/cjs/p-toast.cjs.entry.js +33 -0
- package/dist/cjs/paperless.cjs.js +3 -3
- package/dist/{esm/p-tooltip.entry.js → cjs/popper-e0c4ed4c.js} +2 -123
- package/dist/collection/assets/icons/camera.svg +10 -0
- package/dist/collection/assets/icons/checklist.svg +17 -0
- package/dist/collection/assets/icons/folder.svg +19 -0
- package/dist/collection/assets/icons/integration.svg +17 -0
- package/dist/collection/assets/icons/menu.svg +25 -0
- package/dist/collection/assets/icons/more.svg +18 -0
- package/dist/collection/assets/icons/signout.svg +23 -0
- package/dist/collection/assets/icons/switch.svg +20 -0
- package/dist/collection/assets/icons/task.svg +17 -0
- package/dist/collection/assets/icons/template.svg +17 -0
- package/dist/collection/assets/illustrations/e-mail.svg +1 -0
- package/dist/collection/collection-manifest.json +42 -2
- package/dist/collection/components/atoms/avatar/avatar.component.css +16 -20
- package/dist/collection/components/atoms/avatar/avatar.component.js +23 -9
- package/dist/collection/components/atoms/avatar-group/avatar-group.component.css +18 -0
- package/dist/collection/components/atoms/avatar-group/avatar-group.component.js +36 -0
- package/dist/collection/components/atoms/button/button.component.css +60 -23
- package/dist/collection/components/atoms/button/button.component.js +133 -11
- package/dist/collection/components/atoms/card-body/card-body.component.css +9 -0
- package/dist/collection/components/atoms/card-body/card-body.component.js +40 -0
- package/dist/collection/components/atoms/card-container/card-container.component.css +17 -0
- package/dist/collection/components/atoms/card-container/card-container.component.js +63 -0
- package/dist/collection/components/atoms/card-header/card-header.component.css +17 -0
- package/dist/collection/components/atoms/card-header/card-header.component.js +61 -0
- package/dist/collection/components/atoms/counter/counter.component.css +26 -1
- package/dist/collection/components/atoms/counter/counter.component.js +50 -2
- package/dist/collection/components/atoms/divider/divider.component.css +9 -2
- package/dist/collection/components/atoms/divider/divider.component.js +8 -2
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +8 -0
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.js +40 -0
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +16 -0
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.js +87 -0
- package/dist/collection/components/atoms/helper/helper.component.css +1 -1
- package/dist/collection/components/atoms/helper/helper.component.js +33 -2
- package/dist/collection/components/atoms/icon/icon.component.css +1 -0
- package/dist/collection/components/atoms/icon/icon.component.js +62 -13
- package/dist/collection/components/atoms/illustration/illustration.component.js +1 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.css +1 -1
- package/dist/collection/components/atoms/label/label.component.css +88 -0
- package/dist/collection/components/atoms/label/label.component.js +203 -0
- package/dist/collection/components/atoms/layout/layout.component.css +73 -0
- package/dist/collection/components/atoms/layout/layout.component.js +47 -0
- package/dist/collection/components/atoms/loader/loader.component.css +30 -9
- package/dist/collection/components/atoms/loader/loader.component.js +9 -5
- package/dist/collection/components/atoms/modal-backdrop/modal-backdrop.component.css +7 -0
- package/dist/collection/components/atoms/modal-backdrop/modal-backdrop.component.js +15 -0
- package/dist/collection/components/atoms/modal-body/modal-body.component.css +7 -0
- package/dist/collection/components/atoms/modal-body/modal-body.component.js +41 -0
- package/dist/collection/components/atoms/modal-container/modal-container.component.css +6 -0
- package/dist/collection/components/atoms/modal-container/modal-container.component.js +53 -0
- package/dist/collection/components/atoms/modal-footer/modal-footer.component.css +8 -0
- package/dist/collection/components/atoms/modal-footer/modal-footer.component.js +42 -0
- package/dist/collection/components/atoms/modal-header/modal-header.component.css +7 -0
- package/dist/collection/components/atoms/modal-header/modal-header.component.js +63 -0
- package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
- package/dist/collection/components/atoms/segment-container/segment-container.component.css +5 -0
- package/dist/collection/components/atoms/segment-container/segment-container.component.js +14 -0
- package/dist/collection/components/atoms/segment-item/segment-item.component.css +21 -0
- package/dist/collection/components/atoms/segment-item/segment-item.component.js +112 -0
- package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.css +7 -0
- package/dist/collection/components/atoms/slider-indicator/slider-indicator.component.js +40 -0
- package/dist/collection/components/atoms/status/status.component.css +16 -0
- package/dist/collection/components/atoms/status/status.component.js +133 -0
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.css +59 -0
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.js +109 -0
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.css +18 -0
- package/dist/collection/components/atoms/stepper-line/stepper-line.component.js +62 -0
- package/dist/collection/components/atoms/tab-group/tab-group.component.css +9 -0
- package/dist/collection/components/atoms/tab-group/tab-group.component.js +17 -0
- package/dist/collection/components/atoms/tab-item/tab-item.component.css +10 -0
- package/dist/collection/components/atoms/tab-item/tab-item.component.js +41 -0
- package/dist/collection/components/atoms/table-container/table-container.component.css +5 -0
- package/dist/collection/components/atoms/table-container/table-container.component.js +15 -0
- package/dist/collection/components/atoms/toast-container/toast-container.component.css +5 -0
- package/dist/collection/components/atoms/toast-container/toast-container.component.js +48 -0
- package/dist/collection/components/atoms/tooltip/tooltip.component.css +19 -13
- package/dist/collection/components/atoms/tooltip/tooltip.component.js +77 -24
- package/dist/collection/components/helpers/table-column/table-column.component.js +157 -0
- package/dist/collection/components/molecules/accordion/accordion.component.css +3 -0
- package/dist/collection/components/molecules/accordion/accordion.component.js +133 -0
- package/dist/collection/components/molecules/content-slider/content-slider.component.css +44 -0
- package/dist/collection/components/molecules/content-slider/content-slider.component.js +322 -0
- package/dist/collection/components/molecules/dropdown/dropdown.component.css +12 -0
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +346 -0
- package/dist/collection/components/molecules/input-group/input-group.component.css +324 -0
- package/dist/collection/components/molecules/input-group/input-group.component.js +320 -0
- package/dist/collection/components/molecules/navigation-item/navigation-item.component.css +6 -12
- package/dist/collection/components/molecules/navigation-item/navigation-item.component.js +2 -2
- package/dist/collection/components/molecules/page-size-select/constants.js +2 -0
- package/dist/collection/components/molecules/page-size-select/page-size-select.component.js +217 -0
- package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
- package/dist/collection/components/molecules/pagination/pagination.component.js +43 -17
- package/dist/collection/components/molecules/profile/profile.component.css +60 -0
- package/dist/collection/components/molecules/profile/profile.component.js +95 -0
- package/dist/collection/components/molecules/select/select.component.css +6 -0
- package/dist/collection/components/molecules/select/select.component.js +554 -0
- package/dist/collection/components/molecules/stepper/stepper.component.css +12 -0
- package/dist/collection/components/molecules/stepper/stepper.component.js +84 -0
- package/dist/collection/components/molecules/table-cell/table-cell.component.css +3 -0
- package/dist/collection/components/molecules/table-cell/table-cell.component.js +258 -0
- package/dist/collection/components/molecules/table-footer/table-footer.component.css +30 -0
- package/dist/collection/components/molecules/table-footer/table-footer.component.js +268 -0
- package/dist/collection/components/molecules/table-header/table-header.component.css +16 -0
- package/dist/collection/components/molecules/table-header/table-header.component.js +369 -0
- package/dist/collection/components/molecules/table-row/table-row.component.css +21 -0
- package/dist/collection/components/molecules/table-row/table-row.component.js +67 -0
- package/dist/collection/components/molecules/toast/toast.component.css +23 -0
- package/dist/collection/components/molecules/toast/toast.component.js +192 -0
- package/dist/collection/components/organisms/modal/modal.component.js +180 -0
- package/dist/collection/components/organisms/navbar/navbar.component.css +59 -0
- package/dist/collection/components/organisms/navbar/navbar.component.js +99 -0
- package/dist/collection/components/organisms/table/table.component.css +3 -0
- package/dist/collection/components/organisms/table/table.component.js +1010 -0
- package/dist/collection/index.js +2 -1
- package/dist/collection/tailwind/animation.js +17 -0
- package/dist/collection/tailwind/backdrop-blur.js +3 -0
- package/dist/collection/tailwind/border-radius.js +8 -7
- package/dist/collection/tailwind/height.js +3 -0
- package/dist/collection/tailwind/screens.js +8 -0
- package/dist/collection/tailwind/shadows.js +9 -5
- package/dist/collection/tailwind/spacing.js +10 -0
- package/dist/collection/tailwind/typography.js +21 -0
- package/dist/collection/tailwind/width.js +18 -0
- package/dist/collection/tailwind/z-index.js +10 -0
- package/dist/collection/tailwind.config.js +28 -14
- package/dist/collection/types/index.js +2 -0
- package/dist/collection/types/table.js +1 -0
- package/dist/collection/types/tailwind.js +1 -0
- package/dist/collection/utils/child-of.js +5 -0
- package/dist/collection/utils/icons.js +20 -0
- package/dist/collection/utils/illustrations.js +2 -0
- package/dist/collection/utils/index.js +5 -0
- package/dist/collection/utils/localization.js +55 -0
- package/dist/collection/utils/object-get-by-path.js +8 -0
- package/dist/components/button.component.js +125 -0
- package/dist/components/counter.component.js +14 -3
- package/dist/components/divider.component.js +33 -0
- package/dist/components/dropdown-menu-container.component.js +35 -0
- package/dist/components/dropdown-menu-item.component.js +48 -0
- package/dist/components/dropdown.component.js +198 -0
- package/dist/components/helper.component.js +42 -0
- package/dist/components/icon.component.js +248 -5
- package/dist/components/index.d.ts +53 -13
- package/dist/components/index.js +43 -0
- package/dist/components/input-group.component.js +115 -0
- package/dist/components/label.component.js +69 -0
- package/dist/components/loader.component.js +8 -4
- package/dist/components/localization.js +57 -0
- package/dist/components/modal-backdrop.component.js +30 -0
- package/dist/components/modal-body.component.js +36 -0
- package/dist/components/modal-container.component.js +48 -0
- package/dist/components/modal-footer.component.js +42 -0
- package/dist/components/modal-header.component.js +55 -0
- package/dist/components/p-accordion.d.ts +11 -0
- package/dist/components/p-accordion.js +73 -0
- package/dist/components/p-avatar-group.d.ts +11 -0
- package/dist/components/p-avatar-group.js +34 -0
- package/dist/components/p-avatar.js +21 -8
- package/dist/components/p-button.js +1 -93
- package/dist/components/p-card-body.d.ts +11 -0
- package/dist/components/p-card-body.js +38 -0
- package/dist/components/p-card-container.d.ts +11 -0
- package/dist/components/p-card-container.js +44 -0
- package/dist/components/p-card-header.d.ts +11 -0
- package/dist/components/p-card-header.js +46 -0
- package/dist/components/p-content-slider.d.ts +11 -0
- package/dist/components/p-content-slider.js +250 -0
- package/dist/components/p-divider.js +1 -28
- package/dist/components/p-dropdown-menu-container.d.ts +11 -0
- package/dist/components/p-dropdown-menu-container.js +6 -0
- package/dist/components/p-dropdown-menu-item.d.ts +11 -0
- package/dist/components/p-dropdown-menu-item.js +6 -0
- package/dist/components/p-dropdown.d.ts +11 -0
- package/dist/components/p-dropdown.js +6 -0
- package/dist/components/p-helper.js +1 -34
- package/dist/components/p-illustration.js +3 -0
- package/dist/components/p-info-panel.js +1 -1
- package/dist/components/p-input-group.d.ts +11 -0
- package/dist/components/p-input-group.js +6 -0
- package/dist/components/p-label.d.ts +11 -0
- package/dist/components/p-label.js +6 -0
- package/dist/components/p-layout.d.ts +11 -0
- package/dist/components/p-layout.js +39 -0
- package/dist/components/p-modal-backdrop.d.ts +11 -0
- package/dist/components/p-modal-backdrop.js +6 -0
- package/dist/components/p-modal-body.d.ts +11 -0
- package/dist/components/p-modal-body.js +6 -0
- package/dist/components/p-modal-container.d.ts +11 -0
- package/dist/components/p-modal-container.js +6 -0
- package/dist/components/p-modal-footer.d.ts +11 -0
- package/dist/components/p-modal-footer.js +6 -0
- package/dist/components/p-modal-header.d.ts +11 -0
- package/dist/components/p-modal-header.js +6 -0
- package/dist/components/p-modal.d.ts +11 -0
- package/dist/components/p-modal.js +128 -0
- package/dist/components/p-navbar.d.ts +11 -0
- package/dist/components/p-navbar.js +70 -0
- package/dist/components/p-navigation-item.js +2 -2
- package/dist/components/p-page-size-select.d.ts +11 -0
- package/dist/components/p-page-size-select.js +6 -0
- package/dist/components/p-pagination.js +1 -191
- package/dist/components/p-profile.d.ts +11 -0
- package/dist/components/p-profile.js +85 -0
- package/dist/components/p-segment-container.d.ts +11 -0
- package/dist/components/p-segment-container.js +6 -0
- package/dist/components/p-segment-item.d.ts +11 -0
- package/dist/components/p-segment-item.js +6 -0
- package/dist/components/p-select.d.ts +11 -0
- package/dist/components/p-select.js +261 -0
- package/dist/components/p-slider-indicator.d.ts +11 -0
- package/dist/components/p-slider-indicator.js +6 -0
- package/dist/components/p-status.d.ts +11 -0
- package/dist/components/p-status.js +73 -0
- package/dist/components/p-stepper-item.d.ts +11 -0
- package/dist/components/p-stepper-item.js +6 -0
- package/dist/components/p-stepper-line.d.ts +11 -0
- package/dist/components/p-stepper-line.js +6 -0
- package/dist/components/p-stepper.d.ts +11 -0
- package/dist/components/p-stepper.js +84 -0
- package/dist/components/p-tab-group.d.ts +11 -0
- package/dist/components/p-tab-group.js +39 -0
- package/dist/components/p-tab-item.d.ts +11 -0
- package/dist/components/p-tab-item.js +39 -0
- package/dist/components/p-table-cell.d.ts +11 -0
- package/dist/components/p-table-cell.js +6 -0
- package/dist/components/p-table-column.d.ts +11 -0
- package/dist/components/p-table-column.js +56 -0
- package/dist/components/p-table-container.d.ts +11 -0
- package/dist/components/p-table-container.js +6 -0
- package/dist/components/p-table-footer.d.ts +11 -0
- package/dist/components/p-table-footer.js +6 -0
- package/dist/components/p-table-header.d.ts +11 -0
- package/dist/components/p-table-header.js +6 -0
- package/dist/components/p-table-row.d.ts +11 -0
- package/dist/components/p-table-row.js +6 -0
- package/dist/components/p-table.d.ts +11 -0
- package/dist/components/p-table.js +520 -0
- package/dist/components/p-toast-container.d.ts +11 -0
- package/dist/components/p-toast-container.js +46 -0
- package/dist/components/p-toast.d.ts +11 -0
- package/dist/components/p-toast.js +73 -0
- package/dist/components/page-size-select.component.js +123 -0
- package/dist/components/pagination-item.component.js +1 -1
- package/dist/components/pagination.component.js +202 -0
- package/dist/{cjs/p-tooltip.cjs.entry.js → components/popper.js} +1 -128
- package/dist/components/segment-container.component.js +29 -0
- package/dist/components/segment-item.component.js +51 -0
- package/dist/components/slider-indicator.component.js +36 -0
- package/dist/components/stepper-item.component.js +57 -0
- package/dist/components/stepper-line.component.js +41 -0
- package/dist/components/table-cell.component.js +143 -0
- package/dist/components/table-container.component.js +30 -0
- package/dist/components/table-footer.component.js +146 -0
- package/dist/components/table-header.component.js +1052 -0
- package/dist/components/table-row.component.js +49 -0
- package/dist/components/tooltip.component.js +37 -1808
- package/dist/esm/child-of-90a8c4b5.js +7 -0
- package/dist/esm/constants-826f9460.js +4 -0
- package/dist/esm/{index-5c917d13.js → index-7c99f044.js} +211 -5
- package/dist/esm/index.js +3 -1
- package/dist/esm/loader.js +3 -3
- package/dist/esm/localization-abb97f67.js +57 -0
- package/dist/esm/object-get-by-path-d6427a61.js +10 -0
- package/dist/esm/p-accordion.entry.js +38 -0
- package/dist/esm/p-avatar-group.entry.js +15 -0
- package/dist/esm/p-avatar.entry.js +19 -5
- package/dist/esm/p-button_3.entry.js +337 -65
- package/dist/esm/p-card-body.entry.js +19 -0
- package/dist/esm/p-card-container.entry.js +23 -0
- package/dist/esm/p-card-header.entry.js +20 -0
- package/dist/esm/p-content-slider.entry.js +217 -0
- package/dist/esm/p-counter.entry.js +11 -3
- package/dist/esm/p-divider.entry.js +6 -3
- package/dist/esm/p-dropdown_3.entry.js +199 -0
- package/dist/esm/p-helper_2.entry.js +155 -0
- package/dist/esm/p-illustration.entry.js +5 -2
- package/dist/esm/p-info-panel.entry.js +2 -2
- package/dist/esm/p-input-group_4.entry.js +137 -0
- package/dist/esm/p-layout.entry.js +19 -0
- package/dist/esm/p-modal-backdrop_5.entry.js +93 -0
- package/dist/esm/p-modal.entry.js +49 -0
- package/dist/esm/p-navbar.entry.js +30 -0
- package/dist/esm/p-navigation-item.entry.js +3 -3
- package/dist/esm/p-page-size-select_3.entry.js +245 -0
- package/dist/esm/p-profile.entry.js +45 -0
- package/dist/esm/p-select.entry.js +175 -0
- package/dist/esm/p-slider-indicator.entry.js +19 -0
- package/dist/esm/p-status.entry.js +45 -0
- package/dist/esm/p-stepper-item_2.entry.js +51 -0
- package/dist/esm/p-stepper.entry.js +45 -0
- package/dist/esm/p-tab-group.entry.js +15 -0
- package/dist/esm/p-tab-item.entry.js +19 -0
- package/dist/esm/p-table-cell_5.entry.js +1171 -0
- package/dist/esm/p-table-column.entry.js +32 -0
- package/dist/esm/p-table.entry.js +350 -0
- package/dist/esm/p-toast-container.entry.js +26 -0
- package/dist/esm/p-toast.entry.js +29 -0
- package/dist/esm/paperless.js +3 -3
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/popper-41c6f9cd.js +1788 -0
- package/dist/index.html +1 -1
- package/dist/paperless/index.esm.js +1 -0
- package/dist/paperless/p-06899ffb.entry.js +1 -0
- package/dist/paperless/p-09ea2a1a.js +1 -0
- package/dist/paperless/p-150aadaf.entry.js +1 -0
- package/dist/paperless/p-15d13147.entry.js +1 -0
- package/dist/paperless/p-1f6a0296.entry.js +1 -0
- package/dist/paperless/p-2bf44a1d.entry.js +1 -0
- package/dist/paperless/p-3180c96e.entry.js +1 -0
- package/dist/paperless/p-3b243f16.entry.js +1 -0
- package/dist/paperless/p-3ef5e549.js +1 -0
- package/dist/paperless/p-41588819.entry.js +1 -0
- package/dist/paperless/p-44d46765.entry.js +1 -0
- package/dist/paperless/p-4588a510.entry.js +1 -0
- package/dist/paperless/p-48c3b71e.entry.js +1 -0
- package/dist/paperless/p-52ab1f62.entry.js +1 -0
- package/dist/paperless/p-58dd41be.entry.js +1 -0
- package/dist/paperless/p-5a71d6ae.entry.js +1 -0
- package/dist/paperless/p-600a2f21.entry.js +1 -0
- package/dist/paperless/p-61975c9a.entry.js +1 -0
- package/dist/paperless/p-6c60fd3d.js +1 -0
- package/dist/{build/p-23980fbb.entry.js → paperless/p-78db3d3c.entry.js} +1 -1
- package/dist/paperless/p-7a77a930.entry.js +1 -0
- package/dist/paperless/p-7e9a866e.entry.js +1 -0
- package/dist/paperless/p-8262fe7e.entry.js +1 -0
- package/dist/paperless/p-8614bd10.entry.js +1 -0
- package/dist/paperless/p-86a6c56a.entry.js +1 -0
- package/dist/paperless/p-8a6728d5.js +1 -0
- package/dist/paperless/p-8f179b0d.entry.js +1 -0
- package/dist/paperless/p-98332f25.entry.js +1 -0
- package/dist/paperless/p-9fba2393.entry.js +1 -0
- package/dist/paperless/p-a0e3e68d.entry.js +1 -0
- package/dist/paperless/p-a7086ffa.js +1 -0
- package/dist/paperless/p-aae4caab.entry.js +1 -0
- package/dist/paperless/p-ad147b1b.entry.js +1 -0
- package/dist/paperless/p-b797b0ce.entry.js +1 -0
- package/dist/paperless/p-c11282d2.entry.js +1 -0
- package/dist/paperless/p-c4110c09.entry.js +1 -0
- package/dist/paperless/p-d0a9b97b.entry.js +1 -0
- package/dist/paperless/p-d17b038f.entry.js +1 -0
- package/dist/paperless/p-d9c1fe13.js +2 -0
- package/dist/paperless/p-f45b75ae.entry.js +1 -0
- package/dist/paperless/paperless.css +472 -26447
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/style/_fonts.scss +70 -0
- package/dist/style/_reset.scss +31 -0
- package/dist/style/_tailwind.scss +3 -0
- package/dist/style/_typograhpy.scss +29 -0
- package/dist/style/_variables.scss +2 -0
- package/dist/style/form/_checkbox.scss +62 -0
- package/dist/style/form/_input.scss +22 -0
- package/dist/style/form/_mixins.scss +107 -0
- package/dist/style/form/_radio.scss +58 -0
- package/dist/style/form/_textarea.scss +18 -0
- package/dist/style/form/index.scss +4 -0
- package/dist/style/paperless.scss +10 -0
- package/dist/sw.js +2 -479
- package/dist/sw.js.map +1 -0
- package/dist/tailwind/animation.js +17 -0
- package/dist/tailwind/backdrop-blur.js +3 -0
- package/dist/tailwind/border-radius.js +10 -0
- package/dist/tailwind/colors.js +52 -0
- package/dist/tailwind/height.js +3 -0
- package/dist/tailwind/rotate.js +8 -0
- package/dist/tailwind/scale.js +3 -0
- package/dist/tailwind/screens.js +8 -0
- package/dist/tailwind/shadows.js +11 -0
- package/dist/tailwind/spacing.js +10 -0
- package/dist/tailwind/typography.js +21 -0
- package/dist/tailwind/width.js +18 -0
- package/dist/tailwind/z-index.js +10 -0
- package/dist/tailwind.config.js +28 -14
- package/dist/types/components/atoms/avatar/avatar.component.d.ts +3 -1
- package/dist/types/components/atoms/avatar-group/avatar-group.component.d.ts +7 -0
- package/dist/types/components/atoms/button/button.component.d.ts +26 -1
- package/dist/types/components/atoms/card-body/card-body.component.d.ts +7 -0
- package/dist/types/components/atoms/card-container/card-container.component.d.ts +11 -0
- package/dist/types/components/atoms/card-header/card-header.component.d.ts +11 -0
- package/dist/types/components/atoms/counter/counter.component.d.ts +8 -0
- package/dist/types/components/atoms/divider/divider.component.d.ts +4 -0
- package/dist/types/components/atoms/dropdown-menu-container/dropdown-menu-container.component.d.ts +7 -0
- package/dist/types/components/atoms/dropdown-menu-item/dropdown-menu-item.component.d.ts +16 -0
- package/dist/types/components/atoms/helper/helper.component.d.ts +5 -0
- package/dist/types/components/atoms/icon/icon.component.d.ts +3 -3
- package/dist/types/components/atoms/label/label.component.d.ts +37 -0
- package/dist/types/components/atoms/layout/layout.component.d.ts +7 -0
- package/dist/types/components/atoms/loader/loader.component.d.ts +1 -1
- package/dist/types/components/atoms/modal-backdrop/modal-backdrop.component.d.ts +3 -0
- package/dist/types/components/atoms/modal-body/modal-body.component.d.ts +7 -0
- package/dist/types/components/atoms/modal-container/modal-container.component.d.ts +7 -0
- package/dist/types/components/atoms/modal-footer/modal-footer.component.d.ts +7 -0
- package/dist/types/components/atoms/modal-header/modal-header.component.d.ts +12 -0
- package/dist/types/components/atoms/segment-container/segment-container.component.d.ts +3 -0
- package/dist/types/components/atoms/segment-item/segment-item.component.d.ts +22 -0
- package/dist/types/components/atoms/slider-indicator/slider-indicator.component.d.ts +7 -0
- package/dist/types/components/atoms/status/status.component.d.ts +23 -0
- package/dist/types/components/atoms/stepper-item/stepper-item.component.d.ts +19 -0
- package/dist/types/components/atoms/stepper-line/stepper-line.component.d.ts +11 -0
- package/dist/types/components/atoms/tab-group/tab-group.component.d.ts +3 -0
- package/dist/types/components/atoms/tab-item/tab-item.component.d.ts +7 -0
- package/dist/types/components/atoms/table-container/table-container.component.d.ts +3 -0
- package/dist/types/components/atoms/toast-container/toast-container.component.d.ts +7 -0
- package/dist/types/components/atoms/tooltip/tooltip.component.d.ts +12 -3
- package/dist/types/components/helpers/table-column/table-column.component.d.ts +34 -0
- package/dist/types/components/molecules/accordion/accordion.component.d.ts +25 -0
- package/dist/types/components/molecules/content-slider/content-slider.component.d.ts +53 -0
- package/dist/types/components/molecules/dropdown/dropdown.component.d.ts +61 -0
- package/dist/types/components/molecules/input-group/input-group.component.d.ts +63 -0
- package/dist/types/components/molecules/page-size-select/constants.d.ts +2 -0
- package/dist/types/components/molecules/page-size-select/page-size-select.component.d.ts +48 -0
- package/dist/types/components/molecules/pagination/pagination.component.d.ts +9 -2
- package/dist/types/components/molecules/profile/profile.component.d.ts +20 -0
- package/dist/types/components/molecules/select/select.component.d.ts +112 -0
- package/dist/types/components/molecules/stepper/stepper.component.d.ts +18 -0
- package/dist/types/components/molecules/table-cell/table-cell.component.d.ts +42 -0
- package/dist/types/components/molecules/table-footer/table-footer.component.d.ts +59 -0
- package/dist/types/components/molecules/table-header/table-header.component.d.ts +80 -0
- package/dist/types/components/molecules/table-row/table-row.component.d.ts +11 -0
- package/dist/types/components/molecules/toast/toast.component.d.ts +38 -0
- package/dist/types/components/organisms/modal/modal.component.d.ts +39 -0
- package/dist/types/components/organisms/navbar/navbar.component.d.ts +14 -0
- package/dist/types/components/organisms/table/table.component.d.ts +190 -0
- package/dist/types/components.d.ts +2372 -200
- package/dist/types/index.d.ts +2 -0
- package/dist/types/types/index.d.ts +2 -0
- package/dist/types/types/table.d.ts +26 -0
- package/dist/types/types/tailwind.d.ts +2 -0
- package/dist/types/utils/child-of.d.ts +1 -0
- package/dist/types/utils/icons.d.ts +10 -0
- package/dist/types/utils/illustrations.d.ts +1 -0
- package/dist/types/utils/index.d.ts +5 -0
- package/dist/types/utils/localization.d.ts +2 -0
- package/dist/types/utils/object-get-by-path.d.ts +1 -0
- package/dist/workbox-5fe694da.js +2 -0
- package/dist/workbox-5fe694da.js.map +1 -0
- package/package.json +61 -61
- package/dist/build/p-06a38756.entry.js +0 -1
- package/dist/build/p-19afe191.entry.js +0 -1
- package/dist/build/p-229f113b.js +0 -2
- package/dist/build/p-31f80006.entry.js +0 -1
- package/dist/build/p-5f0ec763.entry.js +0 -1
- package/dist/build/p-6c6c1137.entry.js +0 -1
- package/dist/build/p-6cd89223.entry.js +0 -1
- package/dist/build/p-80bf9d06.entry.js +0 -1
- package/dist/build/p-c24c42de.entry.js +0 -1
- package/dist/build/p-e80637b9.entry.js +0 -1
- package/dist/build/p-ec52095f.entry.js +0 -1
- package/dist/cjs/p-helper.cjs.entry.js +0 -19
- package/dist/cjs/p-pagination-item.cjs.entry.js +0 -23
- package/dist/cjs/p-pagination.cjs.entry.js +0 -167
- package/dist/collection/components/molecules/pagination/pagination.value-accessor.js +0 -6
- package/dist/collection/tailwind/grid.js +0 -26
- package/dist/collection/utils/utils.js +0 -3
- package/dist/collection/value-accessors.config.js +0 -5
- package/dist/esm/p-helper.entry.js +0 -15
- package/dist/esm/p-pagination-item.entry.js +0 -19
- package/dist/esm/p-pagination.entry.js +0 -163
- package/dist/paperless/p-06a38756.entry.js +0 -1
- package/dist/paperless/p-19afe191.entry.js +0 -1
- package/dist/paperless/p-229f113b.js +0 -2
- package/dist/paperless/p-31f80006.entry.js +0 -1
- package/dist/paperless/p-5f0ec763.entry.js +0 -1
- package/dist/paperless/p-6c6c1137.entry.js +0 -1
- package/dist/paperless/p-6cd89223.entry.js +0 -1
- package/dist/paperless/p-80bf9d06.entry.js +0 -1
- package/dist/paperless/p-c24c42de.entry.js +0 -1
- package/dist/paperless/p-e80637b9.entry.js +0 -1
- package/dist/paperless/p-ec52095f.entry.js +0 -1
- package/dist/types/components/molecules/pagination/pagination.value-accessor.d.ts +0 -2
- package/dist/types/utils/utils.d.ts +0 -1
- package/dist/types/value-accessors.config.d.ts +0 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PModalContainer extends Components.PModalContainer, HTMLElement {}
|
|
4
|
+
export const PModalContainer: {
|
|
5
|
+
prototype: PModalContainer;
|
|
6
|
+
new (): PModalContainer;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PModalFooter extends Components.PModalFooter, HTMLElement {}
|
|
4
|
+
export const PModalFooter: {
|
|
5
|
+
prototype: PModalFooter;
|
|
6
|
+
new (): PModalFooter;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PModalHeader extends Components.PModalHeader, HTMLElement {}
|
|
4
|
+
export const PModalHeader: {
|
|
5
|
+
prototype: PModalHeader;
|
|
6
|
+
new (): PModalHeader;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PModal extends Components.PModal, HTMLElement {}
|
|
4
|
+
export const PModal: {
|
|
5
|
+
prototype: PModal;
|
|
6
|
+
new (): PModal;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
import { d as defineCustomElement$a } from './button.component.js';
|
|
3
|
+
import { d as defineCustomElement$9 } from './divider.component.js';
|
|
4
|
+
import { d as defineCustomElement$8 } from './icon.component.js';
|
|
5
|
+
import { d as defineCustomElement$7 } from './loader.component.js';
|
|
6
|
+
import { d as defineCustomElement$6 } from './modal-backdrop.component.js';
|
|
7
|
+
import { d as defineCustomElement$5 } from './modal-body.component.js';
|
|
8
|
+
import { d as defineCustomElement$4 } from './modal-container.component.js';
|
|
9
|
+
import { d as defineCustomElement$3 } from './modal-footer.component.js';
|
|
10
|
+
import { d as defineCustomElement$2 } from './modal-header.component.js';
|
|
11
|
+
|
|
12
|
+
const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
13
|
+
constructor() {
|
|
14
|
+
super();
|
|
15
|
+
this.__registerHost();
|
|
16
|
+
this.__attachShadow();
|
|
17
|
+
this.close = createEvent(this, "close", 7);
|
|
18
|
+
/**
|
|
19
|
+
* The size of the modal container
|
|
20
|
+
*/
|
|
21
|
+
this.size = 'md';
|
|
22
|
+
/**
|
|
23
|
+
* The variant of the modal body
|
|
24
|
+
*/
|
|
25
|
+
this.variant = 'default';
|
|
26
|
+
/**
|
|
27
|
+
* Wether to show the modal or not
|
|
28
|
+
*/
|
|
29
|
+
this.show = false;
|
|
30
|
+
/**
|
|
31
|
+
* Wether to show the close on mobile in the header
|
|
32
|
+
*/
|
|
33
|
+
this.showMobileClose = true;
|
|
34
|
+
/**
|
|
35
|
+
* Wether to show the footer on mobile
|
|
36
|
+
*/
|
|
37
|
+
this.showMobileFooter = false;
|
|
38
|
+
this._hasFooterSlot = false;
|
|
39
|
+
this._hasHeaderSlot = false;
|
|
40
|
+
}
|
|
41
|
+
componentWillLoad() {
|
|
42
|
+
this._hasFooterSlot = !!this._el.querySelector(':scope > [slot="footer"]');
|
|
43
|
+
this._hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
|
|
44
|
+
}
|
|
45
|
+
render() {
|
|
46
|
+
var _a;
|
|
47
|
+
if (!this.show) {
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
const headerContent = h("slot", { name: "header" });
|
|
51
|
+
const bodyContent = h("slot", { name: "content" });
|
|
52
|
+
const footerContent = h("slot", { name: "footer" });
|
|
53
|
+
return (h(Host, { class: "p-modal" }, h("p-modal-backdrop", null, h("p-modal-container", { size: this.size }, (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this._hasHeaderSlot) && (h("p-modal-header", { "show-mobile-close": this.showMobileClose, onClose: () => this.close.emit() }, this._hasHeaderSlot
|
|
54
|
+
? headerContent
|
|
55
|
+
: this.header)), h("p-modal-body", { variant: this.variant }, bodyContent), this._hasFooterSlot && (h("p-modal-footer", { "hide-on-mobile": this.showMobileFooter }, footerContent))))));
|
|
56
|
+
}
|
|
57
|
+
get _el() { return this; }
|
|
58
|
+
}, [1, "p-modal", {
|
|
59
|
+
"size": [1],
|
|
60
|
+
"variant": [1],
|
|
61
|
+
"header": [1],
|
|
62
|
+
"show": [4],
|
|
63
|
+
"showMobileClose": [4, "show-mobile-close"],
|
|
64
|
+
"showMobileFooter": [4, "show-mobile-footer"]
|
|
65
|
+
}]);
|
|
66
|
+
function defineCustomElement$1() {
|
|
67
|
+
if (typeof customElements === "undefined") {
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
const components = ["p-modal", "p-button", "p-divider", "p-icon", "p-loader", "p-modal-backdrop", "p-modal-body", "p-modal-container", "p-modal-footer", "p-modal-header"];
|
|
71
|
+
components.forEach(tagName => { switch (tagName) {
|
|
72
|
+
case "p-modal":
|
|
73
|
+
if (!customElements.get(tagName)) {
|
|
74
|
+
customElements.define(tagName, Modal);
|
|
75
|
+
}
|
|
76
|
+
break;
|
|
77
|
+
case "p-button":
|
|
78
|
+
if (!customElements.get(tagName)) {
|
|
79
|
+
defineCustomElement$a();
|
|
80
|
+
}
|
|
81
|
+
break;
|
|
82
|
+
case "p-divider":
|
|
83
|
+
if (!customElements.get(tagName)) {
|
|
84
|
+
defineCustomElement$9();
|
|
85
|
+
}
|
|
86
|
+
break;
|
|
87
|
+
case "p-icon":
|
|
88
|
+
if (!customElements.get(tagName)) {
|
|
89
|
+
defineCustomElement$8();
|
|
90
|
+
}
|
|
91
|
+
break;
|
|
92
|
+
case "p-loader":
|
|
93
|
+
if (!customElements.get(tagName)) {
|
|
94
|
+
defineCustomElement$7();
|
|
95
|
+
}
|
|
96
|
+
break;
|
|
97
|
+
case "p-modal-backdrop":
|
|
98
|
+
if (!customElements.get(tagName)) {
|
|
99
|
+
defineCustomElement$6();
|
|
100
|
+
}
|
|
101
|
+
break;
|
|
102
|
+
case "p-modal-body":
|
|
103
|
+
if (!customElements.get(tagName)) {
|
|
104
|
+
defineCustomElement$5();
|
|
105
|
+
}
|
|
106
|
+
break;
|
|
107
|
+
case "p-modal-container":
|
|
108
|
+
if (!customElements.get(tagName)) {
|
|
109
|
+
defineCustomElement$4();
|
|
110
|
+
}
|
|
111
|
+
break;
|
|
112
|
+
case "p-modal-footer":
|
|
113
|
+
if (!customElements.get(tagName)) {
|
|
114
|
+
defineCustomElement$3();
|
|
115
|
+
}
|
|
116
|
+
break;
|
|
117
|
+
case "p-modal-header":
|
|
118
|
+
if (!customElements.get(tagName)) {
|
|
119
|
+
defineCustomElement$2();
|
|
120
|
+
}
|
|
121
|
+
break;
|
|
122
|
+
} });
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
const PModal = Modal;
|
|
126
|
+
const defineCustomElement = defineCustomElement$1;
|
|
127
|
+
|
|
128
|
+
export { PModal, defineCustomElement };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PNavbar extends Components.PNavbar, HTMLElement {}
|
|
4
|
+
export const PNavbar: {
|
|
5
|
+
prototype: PNavbar;
|
|
6
|
+
new (): PNavbar;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
import { d as defineCustomElement$4 } from './button.component.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './icon.component.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './loader.component.js';
|
|
5
|
+
|
|
6
|
+
const navbarComponentCss = ".pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.fixed{position:fixed!important}.top-0{top:0!important}.left-0{left:0!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-screen{height:100vh!important}.w-60{width:15rem!important}.w-full{width:100%!important}.-translate-x-full{--tw-translate-x:-100%!important;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}.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}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.border-0{border-width:0!important}.border-r{border-right-width:1px!important}.border-b{border-bottom-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-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}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xl{font-size:1.25rem!important;line-height:1.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}.backdrop-blur-xs{--tw-backdrop-blur:blur(2px)!important;-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)!important;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)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}*{box-sizing:border-box}:host{width:100%}@media (min-width:64rem){:host{width:15rem}}:host .sidebar,:host .sidebar .company,:host .sidebar .content,:host .sidebar .user,:host .userbar{display:flex;flex-direction:column;width:100%}:host .sidebar,:host .top-bar{--tw-bg-opacity:1;--tw-border-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:0!important}:host .sidebar{--tw-bg-opacity:1;--tw-translate-x:-100%;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-right-width:1px!important;height:100vh;left:0;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:fixed;top:0;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:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:15rem;will-change:transform;z-index:300}@media (min-width:64rem){:host .sidebar{--tw-translate-x:0px;height:100%;position:relative;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));width:100%}}:host .sidebar .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;width:100%}@media (min-width:64rem){:host .sidebar .header{display:none}}:host .sidebar .content{margin-top:1.5rem}:host .sidebar .user{display:none;margin-top:auto}@media (min-width:64rem){:host .sidebar .user{display:flex}}:host .sidebar.show{--tw-translate-x:env(safe-area-inset-left,0)}:host .top-bar{border-bottom-width:1px!important;display:flex;height:calc(env(safe-area-inset-top, 0) + 3rem);justify-content:space-between;padding:calc(env(safe-area-inset-top, 0) + .5rem) 1rem .5rem;width:100%}@media (min-width:64rem){:host .top-bar{display:none}}:host .backdrop{--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);background-color:rgba(81,83,107,.5);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100vw;will-change:opacity;z-index:400}@media (min-width:64rem){:host .backdrop{display:none}}:host .backdrop.show{opacity:1;pointer-events:auto}@media (min-width:64rem){.desktop-xs\\:relative{position:relative!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:h-full{height:100%!important}}";
|
|
7
|
+
|
|
8
|
+
const Navbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
|
+
constructor() {
|
|
10
|
+
super();
|
|
11
|
+
this.__registerHost();
|
|
12
|
+
this.__attachShadow();
|
|
13
|
+
/**
|
|
14
|
+
* The text to display for the close button
|
|
15
|
+
*/
|
|
16
|
+
this.closeText = 'Close';
|
|
17
|
+
/**
|
|
18
|
+
* The text to display for the menu button & sidebar title
|
|
19
|
+
*/
|
|
20
|
+
this.menuText = 'Menu';
|
|
21
|
+
this._showMenu = false;
|
|
22
|
+
}
|
|
23
|
+
render() {
|
|
24
|
+
return (h(Host, { class: "p-navbar" }, h("div", { class: `backdrop ${this._showMenu && 'show'}`, onClick: () => (this._showMenu = false) }), h("div", { class: `sidebar ${this._showMenu && 'show'}` }, h("div", { class: "header" }, h("p", { class: "text-xl m-0 font-semibold text-storm-dark" }, this.menuText), h("p-button", { variant: "secondary", icon: "negative", iconPosition: "end", size: "small", onClick: () => (this._showMenu = false) }, this.closeText)), h("div", { class: "company" }, h("slot", { name: "company" })), h("div", { class: "content" }, h("slot", { name: "content" })), h("div", { class: "user" }, h("slot", { name: "user" }))), h("div", { class: "top-bar" }, h("p-button", { variant: "secondary", icon: "menu", size: "small", onClick: () => (this._showMenu = true) }, this.menuText), h("slot", { name: "topbar" }))));
|
|
25
|
+
}
|
|
26
|
+
handleCloseNavbar() {
|
|
27
|
+
this._showMenu = false;
|
|
28
|
+
}
|
|
29
|
+
handleOpenNavbar() {
|
|
30
|
+
this._showMenu = true;
|
|
31
|
+
}
|
|
32
|
+
static get style() { return navbarComponentCss; }
|
|
33
|
+
}, [1, "p-navbar", {
|
|
34
|
+
"closeText": [1, "close-text"],
|
|
35
|
+
"menuText": [1, "menu-text"],
|
|
36
|
+
"_showMenu": [32]
|
|
37
|
+
}, [[8, "closeNavbar", "handleCloseNavbar"], [8, "openNavbar", "handleOpenNavbar"]]]);
|
|
38
|
+
function defineCustomElement$1() {
|
|
39
|
+
if (typeof customElements === "undefined") {
|
|
40
|
+
return;
|
|
41
|
+
}
|
|
42
|
+
const components = ["p-navbar", "p-button", "p-icon", "p-loader"];
|
|
43
|
+
components.forEach(tagName => { switch (tagName) {
|
|
44
|
+
case "p-navbar":
|
|
45
|
+
if (!customElements.get(tagName)) {
|
|
46
|
+
customElements.define(tagName, Navbar);
|
|
47
|
+
}
|
|
48
|
+
break;
|
|
49
|
+
case "p-button":
|
|
50
|
+
if (!customElements.get(tagName)) {
|
|
51
|
+
defineCustomElement$4();
|
|
52
|
+
}
|
|
53
|
+
break;
|
|
54
|
+
case "p-icon":
|
|
55
|
+
if (!customElements.get(tagName)) {
|
|
56
|
+
defineCustomElement$3();
|
|
57
|
+
}
|
|
58
|
+
break;
|
|
59
|
+
case "p-loader":
|
|
60
|
+
if (!customElements.get(tagName)) {
|
|
61
|
+
defineCustomElement$2();
|
|
62
|
+
}
|
|
63
|
+
break;
|
|
64
|
+
} });
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
const PNavbar = Navbar;
|
|
68
|
+
const defineCustomElement = defineCustomElement$1;
|
|
69
|
+
|
|
70
|
+
export { PNavbar, defineCustomElement };
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
|
|
|
2
2
|
import { d as defineCustomElement$3 } from './counter.component.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './icon.component.js';
|
|
4
4
|
|
|
5
|
-
const navigationItemComponentCss = "
|
|
5
|
+
const navigationItemComponentCss = ".static{position:static!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-8{height:2rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!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}*{box-sizing:border-box}:host{display:inline-block;margin-bottom:.25rem;width:100%}:host>a{--tw-text-opacity:1;align-items:center;border-radius:.375rem;color:rgb(81 83 107/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;gap:.5rem;height:2rem;padding-left:.5rem;padding-right:.5rem;-webkit-text-decoration-line:none;text-decoration-line:none;width:100%}:host>a:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity))}:host>a>p-icon{--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity))}:host>a>p-counter{margin-left:auto}:host(.active)>a{--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))}:host(.active)>a>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
|
|
6
6
|
|
|
7
7
|
const NavigationItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
8
8
|
constructor() {
|
|
@@ -15,7 +15,7 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
|
|
|
15
15
|
this.active = false;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (h(Host, { class: `p-navigation-item ${this.active && 'active'}` }, h("a", { href: this.href, target: this.target }, this.icon && h("p-icon", { variant: this.icon }), h("span", { class: this.counter && 'has-counter' }, h("slot", null)), this.counter && h("p-counter",
|
|
18
|
+
return (h(Host, { class: `p-navigation-item ${this.active && 'active'}` }, h("a", { href: this.href, target: this.target }, this.icon && h("p-icon", { variant: this.icon }), h("span", { class: this.counter && 'has-counter' }, h("slot", null)), this.counter && (h("p-counter", { variant: "negative" }, this.counter)))));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return navigationItemComponentCss; }
|
|
21
21
|
}, [1, "p-navigation-item", {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PPageSizeSelect extends Components.PPageSizeSelect, HTMLElement {}
|
|
4
|
+
export const PPageSizeSelect: {
|
|
5
|
+
prototype: PPageSizeSelect;
|
|
6
|
+
new (): PPageSizeSelect;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -1,194 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { d as defineCustomElement$3 } from './icon.component.js';
|
|
3
|
-
import { d as defineCustomElement$2 } from './pagination-item.component.js';
|
|
4
|
-
|
|
5
|
-
const paginationComponentCss = "/*! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com*/*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.flex{display:flex!important}p-pagination{display:flex}.static{position:static!important}";
|
|
6
|
-
|
|
7
|
-
const Pagination = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
8
|
-
constructor() {
|
|
9
|
-
super();
|
|
10
|
-
this.__registerHost();
|
|
11
|
-
this.valueChange = createEvent(this, "valueChange", 7);
|
|
12
|
-
/**
|
|
13
|
-
* The current page
|
|
14
|
-
*/
|
|
15
|
-
this.value = 1;
|
|
16
|
-
/**
|
|
17
|
-
* The amount of items per page
|
|
18
|
-
*/
|
|
19
|
-
this.pageSize = 12;
|
|
20
|
-
this._pages = [];
|
|
21
|
-
this._set = [];
|
|
22
|
-
this._nextClick = () => {
|
|
23
|
-
const nextPage = this.value + 1;
|
|
24
|
-
if (nextPage > this._pages[this._pages.length - 1]) {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
this._changePage(nextPage);
|
|
28
|
-
};
|
|
29
|
-
this._pageClick = (p) => this._changePage(p);
|
|
30
|
-
this._generateSet = (range = 1, enableBoundaries = true) => {
|
|
31
|
-
const totalPages = this._pages.length;
|
|
32
|
-
if (!totalPages) {
|
|
33
|
-
return [];
|
|
34
|
-
}
|
|
35
|
-
let start = this.value - range;
|
|
36
|
-
let end = this.value + range;
|
|
37
|
-
if (end > totalPages) {
|
|
38
|
-
end = totalPages;
|
|
39
|
-
start = totalPages - range * 2;
|
|
40
|
-
start = start < 1 ? 1 : start;
|
|
41
|
-
}
|
|
42
|
-
if (start <= 1) {
|
|
43
|
-
start = 1;
|
|
44
|
-
end = Math.min(range * 2 + 1, totalPages);
|
|
45
|
-
}
|
|
46
|
-
const set = [];
|
|
47
|
-
const previous = {
|
|
48
|
-
type: 'previous',
|
|
49
|
-
value: h("p-icon", { variant: "chevron", rotate: 90 }),
|
|
50
|
-
};
|
|
51
|
-
const next = {
|
|
52
|
-
type: 'next',
|
|
53
|
-
value: h("p-icon", { variant: "chevron", rotate: -90 }),
|
|
54
|
-
};
|
|
55
|
-
// Disable page range, display all the pages
|
|
56
|
-
if (range === null) {
|
|
57
|
-
const p = this._pages.map((p) => ({
|
|
58
|
-
type: 'page',
|
|
59
|
-
value: p,
|
|
60
|
-
}));
|
|
61
|
-
return enableBoundaries ? [previous, ...p, next] : p;
|
|
62
|
-
}
|
|
63
|
-
if (enableBoundaries) {
|
|
64
|
-
set.push(previous);
|
|
65
|
-
}
|
|
66
|
-
if (start <= 3) {
|
|
67
|
-
for (let i = 1; i < start; i++) {
|
|
68
|
-
set.push({
|
|
69
|
-
type: 'page',
|
|
70
|
-
value: this._pages[i - 1],
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
else {
|
|
75
|
-
set.push({
|
|
76
|
-
type: 'page',
|
|
77
|
-
value: 1,
|
|
78
|
-
});
|
|
79
|
-
set.push({
|
|
80
|
-
type: 'ellipsis',
|
|
81
|
-
value: 'ellipsis',
|
|
82
|
-
});
|
|
83
|
-
}
|
|
84
|
-
for (let i = start; i <= end; i++) {
|
|
85
|
-
set.push({
|
|
86
|
-
type: 'page',
|
|
87
|
-
value: this._pages[i - 1],
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
if (end >= totalPages - 2) {
|
|
91
|
-
for (let i = end + 1; i <= totalPages; i++) {
|
|
92
|
-
set.push({
|
|
93
|
-
type: 'page',
|
|
94
|
-
value: this._pages[i - 1],
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
set.push({
|
|
100
|
-
type: 'ellipsis',
|
|
101
|
-
});
|
|
102
|
-
set.push({
|
|
103
|
-
type: 'page',
|
|
104
|
-
value: this._pages[this._pages.length - 1],
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
if (enableBoundaries) {
|
|
108
|
-
set.push(next);
|
|
109
|
-
}
|
|
110
|
-
return set;
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
componentWillRender() {
|
|
114
|
-
this._generate();
|
|
115
|
-
}
|
|
116
|
-
render() {
|
|
117
|
-
var _a;
|
|
118
|
-
return (h(Host, { class: "p-pagination" }, (_a = this._set) === null || _a === void 0 ? void 0 : _a.map((p) => {
|
|
119
|
-
if (p.type === 'previous' || p.type === 'next') {
|
|
120
|
-
return (h("p-pagination-item", { onClick: () => p.type === 'previous'
|
|
121
|
-
? this._previousClick()
|
|
122
|
-
: this._nextClick() }, p.value));
|
|
123
|
-
}
|
|
124
|
-
if (p.type === 'ellipsis') {
|
|
125
|
-
return h("p-pagination-item", null, "...");
|
|
126
|
-
}
|
|
127
|
-
return (h("p-pagination-item", { active: p.value === this.value, onClick: () => this._pageClick(p.value) }, p.value));
|
|
128
|
-
})));
|
|
129
|
-
}
|
|
130
|
-
pageChangeHandler() {
|
|
131
|
-
this._generate();
|
|
132
|
-
}
|
|
133
|
-
_generate() {
|
|
134
|
-
this._pages = this._generatePages();
|
|
135
|
-
this._set = this._generateSet();
|
|
136
|
-
}
|
|
137
|
-
_changePage(p) {
|
|
138
|
-
if (!p) {
|
|
139
|
-
return;
|
|
140
|
-
}
|
|
141
|
-
this.value = p;
|
|
142
|
-
this.valueChange.emit(this.value);
|
|
143
|
-
}
|
|
144
|
-
_previousClick() {
|
|
145
|
-
const previousPage = this.value - 1;
|
|
146
|
-
if (previousPage < this._pages[0]) {
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
this._changePage(previousPage);
|
|
150
|
-
}
|
|
151
|
-
_generatePages() {
|
|
152
|
-
if (!this.total || !this.pageSize) {
|
|
153
|
-
return [];
|
|
154
|
-
}
|
|
155
|
-
const pages = Math.ceil(this.total / this.pageSize);
|
|
156
|
-
return new Array(pages).fill(undefined).map((_, i) => i + 1);
|
|
157
|
-
}
|
|
158
|
-
static get watchers() { return {
|
|
159
|
-
"value": ["pageChangeHandler"],
|
|
160
|
-
"pageSize": ["pageChangeHandler"],
|
|
161
|
-
"total": ["pageChangeHandler"]
|
|
162
|
-
}; }
|
|
163
|
-
static get style() { return paginationComponentCss; }
|
|
164
|
-
}, [0, "p-pagination", {
|
|
165
|
-
"value": [1026],
|
|
166
|
-
"pageSize": [2, "page-size"],
|
|
167
|
-
"total": [2]
|
|
168
|
-
}]);
|
|
169
|
-
function defineCustomElement$1() {
|
|
170
|
-
if (typeof customElements === "undefined") {
|
|
171
|
-
return;
|
|
172
|
-
}
|
|
173
|
-
const components = ["p-pagination", "p-icon", "p-pagination-item"];
|
|
174
|
-
components.forEach(tagName => { switch (tagName) {
|
|
175
|
-
case "p-pagination":
|
|
176
|
-
if (!customElements.get(tagName)) {
|
|
177
|
-
customElements.define(tagName, Pagination);
|
|
178
|
-
}
|
|
179
|
-
break;
|
|
180
|
-
case "p-icon":
|
|
181
|
-
if (!customElements.get(tagName)) {
|
|
182
|
-
defineCustomElement$3();
|
|
183
|
-
}
|
|
184
|
-
break;
|
|
185
|
-
case "p-pagination-item":
|
|
186
|
-
if (!customElements.get(tagName)) {
|
|
187
|
-
defineCustomElement$2();
|
|
188
|
-
}
|
|
189
|
-
break;
|
|
190
|
-
} });
|
|
191
|
-
}
|
|
1
|
+
import { P as Pagination, d as defineCustomElement$1 } from './pagination.component.js';
|
|
192
2
|
|
|
193
3
|
const PPagination = Pagination;
|
|
194
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface PProfile extends Components.PProfile, HTMLElement {}
|
|
4
|
+
export const PProfile: {
|
|
5
|
+
prototype: PProfile;
|
|
6
|
+
new (): PProfile;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
|
+
import { d as defineCustomElement$4 } from './dropdown.component.js';
|
|
3
|
+
import { d as defineCustomElement$3 } from './dropdown-menu-container.component.js';
|
|
4
|
+
import { d as defineCustomElement$2 } from './icon.component.js';
|
|
5
|
+
|
|
6
|
+
const profileComponentCss = ".static{position:static!important}.absolute{position:absolute!important}.ml-auto{margin-left:auto!important}.flex{display:flex!important}.h-\\[3\\.125rem\\]{height:3.125rem!important}.h-\\[4\\.125rem\\]{height:4.125rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-3{gap:.75rem!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-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.p-2{padding:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}*{box-sizing:border-box}:host{display:flex}:host .content{align-items:center;display:flex;gap:.75rem;width:100%}:host .content .name{display:flex;flex-direction:column;justify-content:center;overflow:hidden}:host .content .name>:first-child{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-size:.875rem;font-weight:600;line-height:1.25rem}:host .content .name>:nth-child(2){--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem}:host .content .name ::slotted(*){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([size=small]){height:2rem}:host([size=medium]){height:3.125rem}:host([size=large]){height:4rem}:host(.has-dropdown){cursor:pointer}:host(.has-dropdown) .content{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-radius:.25rem;border-style:solid!important;border-width:1px!important;padding:.5rem}:host(.has-dropdown[size=small]){height:3rem}:host(.has-dropdown[size=medium]){height:4.125rem}:host(.has-dropdown[size=large]){height:5rem}:host(.active) .content,:host(.has-dropdown:hover) .content{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13);--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}:host(.active) .content p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}";
|
|
7
|
+
|
|
8
|
+
const Profile = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
|
+
constructor() {
|
|
10
|
+
super();
|
|
11
|
+
this.__registerHost();
|
|
12
|
+
this.__attachShadow();
|
|
13
|
+
/**
|
|
14
|
+
* The variant of the profile
|
|
15
|
+
*/
|
|
16
|
+
this.variant = 'user';
|
|
17
|
+
/**
|
|
18
|
+
* The size of the profile avatar
|
|
19
|
+
*/
|
|
20
|
+
this.size = 'small';
|
|
21
|
+
this._dropdownOpen = false;
|
|
22
|
+
}
|
|
23
|
+
componentWillRender() {
|
|
24
|
+
this._updateAvatar();
|
|
25
|
+
}
|
|
26
|
+
render() {
|
|
27
|
+
const hasDropdownSlot = !!this._el.querySelector(':scope > [slot="dropdown"]');
|
|
28
|
+
const content = this._getContent(hasDropdownSlot);
|
|
29
|
+
return (h(Host, { class: `p-profile ${hasDropdownSlot && 'has-dropdown'} ${this._dropdownOpen && 'active'}` }, hasDropdownSlot ? (h("p-dropdown", { class: "w-full min-w-0", strategy: "absolute", placement: this.variant === 'user' ? 'top-end' : 'bottom-end', onIsOpen: (ev) => (this._dropdownOpen = ev.detail) }, content, h("div", { slot: "items" }, h("slot", { name: "dropdown" })))) : (content)));
|
|
30
|
+
}
|
|
31
|
+
_getContent(hasDropdownSlot) {
|
|
32
|
+
return (h("div", { class: "content", slot: "trigger" }, h("slot", { name: "avatar" }), h("div", { class: "name" }, h("slot", { name: "title" }), h("slot", { name: "subtitle" })), hasDropdownSlot && this._getIcon()));
|
|
33
|
+
}
|
|
34
|
+
_updateAvatar() {
|
|
35
|
+
var _a, _b;
|
|
36
|
+
const avatar = this._el.querySelector('p-avatar[slot="avatar"]');
|
|
37
|
+
if (!avatar) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
avatar.variant = (_a = this.variant) !== null && _a !== void 0 ? _a : avatar.variant;
|
|
41
|
+
avatar.size = (_b = this.size) !== null && _b !== void 0 ? _b : avatar === null || avatar === void 0 ? void 0 : avatar.size;
|
|
42
|
+
}
|
|
43
|
+
_getIcon() {
|
|
44
|
+
return (h("p-icon", { class: "ml-auto", variant: this.variant === 'company' ? 'chevron' : 'more' }));
|
|
45
|
+
}
|
|
46
|
+
get _el() { return this; }
|
|
47
|
+
static get style() { return profileComponentCss; }
|
|
48
|
+
}, [1, "p-profile", {
|
|
49
|
+
"variant": [1],
|
|
50
|
+
"size": [513],
|
|
51
|
+
"_dropdownOpen": [32]
|
|
52
|
+
}]);
|
|
53
|
+
function defineCustomElement$1() {
|
|
54
|
+
if (typeof customElements === "undefined") {
|
|
55
|
+
return;
|
|
56
|
+
}
|
|
57
|
+
const components = ["p-profile", "p-dropdown", "p-dropdown-menu-container", "p-icon"];
|
|
58
|
+
components.forEach(tagName => { switch (tagName) {
|
|
59
|
+
case "p-profile":
|
|
60
|
+
if (!customElements.get(tagName)) {
|
|
61
|
+
customElements.define(tagName, Profile);
|
|
62
|
+
}
|
|
63
|
+
break;
|
|
64
|
+
case "p-dropdown":
|
|
65
|
+
if (!customElements.get(tagName)) {
|
|
66
|
+
defineCustomElement$4();
|
|
67
|
+
}
|
|
68
|
+
break;
|
|
69
|
+
case "p-dropdown-menu-container":
|
|
70
|
+
if (!customElements.get(tagName)) {
|
|
71
|
+
defineCustomElement$3();
|
|
72
|
+
}
|
|
73
|
+
break;
|
|
74
|
+
case "p-icon":
|
|
75
|
+
if (!customElements.get(tagName)) {
|
|
76
|
+
defineCustomElement$2();
|
|
77
|
+
}
|
|
78
|
+
break;
|
|
79
|
+
} });
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
const PProfile = Profile;
|
|
83
|
+
const defineCustomElement = defineCustomElement$1;
|
|
84
|
+
|
|
85
|
+
export { PProfile, defineCustomElement };
|