@paperless/core 2.0.1-beta.117 → 2.0.1-beta.119
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 +19 -0
- package/dist/build/index.esm.js +1 -1
- package/dist/build/{p-8981247d.entry.js → p-347b3ec3.entry.js} +2 -2
- package/dist/build/{p-cc3307b8.entry.js → p-3bd5d63a.entry.js} +2 -2
- package/dist/build/{p-cfd2e444.entry.js → p-4afd0801.entry.js} +2 -2
- package/dist/build/p-4afd0801.entry.js.map +1 -0
- package/dist/build/p-561cd302.entry.js +2 -0
- package/dist/build/p-561cd302.entry.js.map +1 -0
- package/dist/build/p-56a401d7.entry.js +2 -0
- package/dist/{paperless/p-8ca737d7.entry.js → build/p-6230b6da.entry.js} +2 -2
- package/dist/build/{p-2edd87f3.entry.js → p-79ed922f.entry.js} +2 -2
- package/dist/build/p-BCrdDF_Y.js +2 -0
- package/dist/build/p-BCrdDF_Y.js.map +1 -0
- package/dist/{paperless/p-26a3990a.entry.js → build/p-ad08592e.entry.js} +2 -2
- package/dist/build/{p-aec29ee9.entry.js → p-aec4f685.entry.js} +2 -2
- package/dist/{paperless/p-e2054751.entry.js → build/p-b0fc8bea.entry.js} +2 -2
- package/dist/build/p-b13d6a2c.entry.js +2 -0
- package/dist/build/p-b13d6a2c.entry.js.map +1 -0
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/build/{p-87981fef.entry.js → p-d6adac97.entry.js} +2 -2
- package/dist/build/p-d6adac97.entry.js.map +1 -0
- package/dist/build/{p-05db72d0.entry.js → p-ddad483b.entry.js} +2 -2
- package/dist/build/p-e0156f45.entry.js +2 -0
- package/dist/build/p-e0156f45.entry.js.map +1 -0
- package/dist/build/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/build/{p-9c506843.js → p-f6c20d26.js} +1 -1
- package/dist/build/p-fc920176.entry.js +2 -0
- package/dist/build/p-fc920176.entry.js.map +1 -0
- package/dist/build/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/build/p-info-panel.entry.esm.js.map +1 -1
- package/dist/build/p-select.entry.esm.js.map +1 -1
- package/dist/build/p-tab-item.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +5 -5
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-empty-state_9.cjs.entry.js +10 -10
- package/dist/cjs/p-empty-state_9.cjs.entry.js.map +1 -1
- package/dist/cjs/p-field.p-field-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-field_2.cjs.entry.js +10 -7
- package/dist/cjs/p-field_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js +1 -1
- package/dist/cjs/p-info-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/p-info-panel.entry.cjs.js.map +1 -1
- package/dist/cjs/p-label.cjs.entry.js +3 -3
- package/dist/cjs/p-listing.cjs.entry.js +1 -1
- package/dist/cjs/p-navbar.cjs.entry.js +1 -1
- package/dist/cjs/p-navigation-item.cjs.entry.js +2 -2
- package/dist/cjs/p-navigation-section.cjs.entry.js +1 -1
- package/dist/cjs/p-pagination_3.cjs.entry.js +4 -4
- package/dist/cjs/p-select.cjs.entry.js +10 -13
- package/dist/cjs/p-select.cjs.entry.js.map +1 -1
- package/dist/cjs/p-select.entry.cjs.js.map +1 -1
- package/dist/cjs/p-stepper.cjs.entry.js +1 -1
- package/dist/cjs/p-tab-item.cjs.entry.js +1 -1
- package/dist/cjs/p-tab-item.cjs.entry.js.map +1 -1
- package/dist/cjs/p-tab-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-table.cjs.entry.js +1 -1
- package/dist/cjs/p-toast.cjs.entry.js +1 -1
- package/dist/cjs/{table-helpers-DBfAAEos.js → table-helpers-Bne0_01e.js} +5 -3
- package/dist/cjs/table-helpers-Bne0_01e.js.map +1 -0
- package/dist/collection/components/atoms/floating-menu/item/floating-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/info-panel/info-panel.component.css +1 -1
- package/dist/collection/components/atoms/tab/item/tab-item.component.css +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.js +5 -5
- package/dist/collection/components/molecules/dropdown/dropdown.component.js.map +1 -1
- package/dist/collection/components/molecules/empty-state/empty-state.component.js +2 -2
- package/dist/collection/components/molecules/field/field/field.component.js +11 -8
- package/dist/collection/components/molecules/field/field/field.component.js.map +1 -1
- package/dist/collection/components/molecules/label/label.component.js +3 -3
- package/dist/collection/components/molecules/navigation/item/navigation-item.component.js +2 -2
- package/dist/collection/components/molecules/navigation/section/navigation-section.component.js +1 -1
- package/dist/collection/components/molecules/pagination/pages/pagination-pages.component.js +1 -1
- package/dist/collection/components/molecules/pagination/pagination/pagination.component.js +3 -3
- package/dist/collection/components/molecules/select/select.component.js +10 -13
- package/dist/collection/components/molecules/select/select.component.js.map +1 -1
- package/dist/collection/components/molecules/table/cell/table-cell.component.js +2 -2
- package/dist/collection/components/molecules/table/cell/table-cell.component.js.map +1 -1
- package/dist/collection/components/molecules/table/footer/table-footer.component.js +2 -2
- package/dist/collection/components/molecules/table/row/table-row.component.js +3 -3
- package/dist/collection/components/molecules/toast/toast.component.js +1 -1
- package/dist/collection/components/organisms/listing/listing.component.js +1 -1
- package/dist/collection/components/organisms/navbar/navbar.component.js +1 -1
- package/dist/collection/components/organisms/stepper/stepper.component.js +1 -1
- package/dist/collection/utils/table-helpers.js +3 -1
- package/dist/collection/utils/table-helpers.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-ExfyVPT0.js → p-B76UdgcV.js} +12 -9
- package/dist/components/p-B76UdgcV.js.map +1 -0
- package/dist/components/{p-Cs06wZSM.js → p-BACiQ58-.js} +3 -3
- package/dist/components/p-BACiQ58-.js.map +1 -0
- package/dist/components/{p-Dn38WwJ_.js → p-BUszMY5r.js} +8 -8
- package/dist/components/{p-Dn38WwJ_.js.map → p-BUszMY5r.js.map} +1 -1
- package/dist/components/{p-Bw6TWc-_.js → p-CMqT3d_m.js} +8 -8
- package/dist/components/{p-Bw6TWc-_.js.map → p-CMqT3d_m.js.map} +1 -1
- package/dist/components/{p-BtG4QBr6.js → p-CxhSYJBZ.js} +4 -4
- package/dist/components/p-CxhSYJBZ.js.map +1 -0
- package/dist/components/{p-YYQ927T-.js → p-D6XuZ7WA.js} +7 -7
- package/dist/components/p-D6XuZ7WA.js.map +1 -0
- package/dist/components/{p-C5yz-mQE.js → p-DXE1CCit.js} +3 -3
- package/dist/components/{p-C5yz-mQE.js.map → p-DXE1CCit.js.map} +1 -1
- package/dist/components/{p-BFKshVEl.js → p-Ds9vCh4D.js} +5 -3
- package/dist/components/p-Ds9vCh4D.js.map +1 -0
- package/dist/components/{p-CBxUj1bt.js → p-DxtE5ZXb.js} +3 -3
- package/dist/components/{p-CBxUj1bt.js.map → p-DxtE5ZXb.js.map} +1 -1
- package/dist/components/{p-Bb8uyInh.js → p-DyXjCQd1.js} +5 -5
- package/dist/components/{p-Bb8uyInh.js.map → p-DyXjCQd1.js.map} +1 -1
- package/dist/components/{p-Cw7TZ18X.js → p-K_ChWG7S.js} +4 -4
- package/dist/components/{p-Cw7TZ18X.js.map → p-K_ChWG7S.js.map} +1 -1
- package/dist/components/{p-BFXs5OQx.js → p-UP0QWP4I.js} +3 -3
- package/dist/components/{p-BFXs5OQx.js.map → p-UP0QWP4I.js.map} +1 -1
- package/dist/components/p-datepicker.js +2 -2
- package/dist/components/p-dropdown.js +1 -1
- package/dist/components/p-empty-state.js +1 -1
- package/dist/components/p-field.js +1 -1
- package/dist/components/p-floating-menu-item.js +1 -1
- package/dist/components/p-info-panel.js +1 -1
- package/dist/components/p-info-panel.js.map +1 -1
- package/dist/components/p-label.js +3 -3
- package/dist/components/p-listing.js +1 -1
- package/dist/components/p-navbar.js +1 -1
- package/dist/components/p-navigation-item.js +2 -2
- package/dist/components/p-navigation-section.js +1 -1
- package/dist/components/p-pagination-pages.js +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-profile.js +1 -1
- package/dist/components/p-select.js +12 -15
- package/dist/components/p-select.js.map +1 -1
- package/dist/components/p-stepper.js +1 -1
- package/dist/components/p-tab-item.js +1 -1
- package/dist/components/p-tab-item.js.map +1 -1
- package/dist/components/p-table-cell.js +1 -1
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table-header.js +1 -1
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +12 -12
- package/dist/components/p-toast.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +5 -5
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.js.map +1 -1
- package/dist/esm/p-empty-state_9.entry.js +10 -10
- package/dist/esm/p-empty-state_9.entry.js.map +1 -1
- package/dist/esm/p-field.p-field-container.entry.js.map +1 -1
- package/dist/esm/p-field_2.entry.js +10 -7
- package/dist/esm/p-field_2.entry.js.map +1 -1
- package/dist/esm/p-info-panel.entry.js +1 -1
- package/dist/esm/p-info-panel.entry.js.map +1 -1
- package/dist/esm/p-label.entry.js +3 -3
- package/dist/esm/p-listing.entry.js +1 -1
- package/dist/esm/p-navbar.entry.js +1 -1
- package/dist/esm/p-navigation-item.entry.js +2 -2
- package/dist/esm/p-navigation-section.entry.js +1 -1
- package/dist/esm/p-pagination_3.entry.js +4 -4
- package/dist/esm/p-select.entry.js +10 -13
- package/dist/esm/p-select.entry.js.map +1 -1
- package/dist/esm/p-stepper.entry.js +1 -1
- package/dist/esm/p-tab-item.entry.js +1 -1
- package/dist/esm/p-tab-item.entry.js.map +1 -1
- package/dist/esm/p-table.entry.js +1 -1
- package/dist/esm/p-toast.entry.js +1 -1
- package/dist/esm/{table-helpers-UJnEIUJ3.js → table-helpers-DaUENiI5.js} +5 -3
- package/dist/esm/table-helpers-DaUENiI5.js.map +1 -0
- package/dist/index.html +1 -1
- package/dist/paperless/index.esm.js +1 -1
- package/dist/paperless/{p-8981247d.entry.js → p-347b3ec3.entry.js} +2 -2
- package/dist/paperless/{p-cc3307b8.entry.js → p-3bd5d63a.entry.js} +2 -2
- package/dist/paperless/{p-cfd2e444.entry.js → p-4afd0801.entry.js} +2 -2
- package/dist/paperless/p-4afd0801.entry.js.map +1 -0
- package/dist/paperless/p-561cd302.entry.js +2 -0
- package/dist/paperless/p-561cd302.entry.js.map +1 -0
- package/dist/paperless/p-56a401d7.entry.js +2 -0
- package/dist/{build/p-8ca737d7.entry.js → paperless/p-6230b6da.entry.js} +2 -2
- package/dist/paperless/{p-2edd87f3.entry.js → p-79ed922f.entry.js} +2 -2
- package/dist/paperless/p-BCrdDF_Y.js +2 -0
- package/dist/paperless/p-BCrdDF_Y.js.map +1 -0
- package/dist/{build/p-26a3990a.entry.js → paperless/p-ad08592e.entry.js} +2 -2
- package/dist/paperless/{p-aec29ee9.entry.js → p-aec4f685.entry.js} +2 -2
- package/dist/{build/p-e2054751.entry.js → paperless/p-b0fc8bea.entry.js} +2 -2
- package/dist/paperless/p-b13d6a2c.entry.js +2 -0
- package/dist/paperless/p-b13d6a2c.entry.js.map +1 -0
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/paperless/{p-87981fef.entry.js → p-d6adac97.entry.js} +2 -2
- package/dist/paperless/p-d6adac97.entry.js.map +1 -0
- package/dist/paperless/{p-05db72d0.entry.js → p-ddad483b.entry.js} +2 -2
- package/dist/paperless/p-e0156f45.entry.js +2 -0
- package/dist/paperless/p-e0156f45.entry.js.map +1 -0
- package/dist/paperless/p-empty-state.p-floating-menu-container.p-floating-menu-item.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-fc920176.entry.js +2 -0
- package/dist/paperless/p-fc920176.entry.js.map +1 -0
- package/dist/paperless/p-field.p-field-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-info-panel.entry.esm.js.map +1 -1
- package/dist/paperless/p-select.entry.esm.js.map +1 -1
- package/dist/paperless/p-tab-item.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/molecules/select/select.component.d.ts +0 -1
- package/package.json +1 -1
- package/dist/build/p-474a16ab.entry.js +0 -2
- package/dist/build/p-5ee4e9c7.entry.js +0 -2
- package/dist/build/p-5ee4e9c7.entry.js.map +0 -1
- package/dist/build/p-87981fef.entry.js.map +0 -1
- package/dist/build/p-8a5dcfac.entry.js +0 -2
- package/dist/build/p-8a5dcfac.entry.js.map +0 -1
- package/dist/build/p-965962ce.entry.js +0 -2
- package/dist/build/p-965962ce.entry.js.map +0 -1
- package/dist/build/p-C0cmbLHm.js +0 -2
- package/dist/build/p-C0cmbLHm.js.map +0 -1
- package/dist/build/p-cfd2e444.entry.js.map +0 -1
- package/dist/build/p-d0968c28.entry.js +0 -2
- package/dist/build/p-d0968c28.entry.js.map +0 -1
- package/dist/cjs/table-helpers-DBfAAEos.js.map +0 -1
- package/dist/components/p-BFKshVEl.js.map +0 -1
- package/dist/components/p-BtG4QBr6.js.map +0 -1
- package/dist/components/p-Cs06wZSM.js.map +0 -1
- package/dist/components/p-ExfyVPT0.js.map +0 -1
- package/dist/components/p-YYQ927T-.js.map +0 -1
- package/dist/esm/table-helpers-UJnEIUJ3.js.map +0 -1
- package/dist/paperless/p-474a16ab.entry.js +0 -2
- package/dist/paperless/p-5ee4e9c7.entry.js +0 -2
- package/dist/paperless/p-5ee4e9c7.entry.js.map +0 -1
- package/dist/paperless/p-87981fef.entry.js.map +0 -1
- package/dist/paperless/p-8a5dcfac.entry.js +0 -2
- package/dist/paperless/p-8a5dcfac.entry.js.map +0 -1
- package/dist/paperless/p-965962ce.entry.js +0 -2
- package/dist/paperless/p-965962ce.entry.js.map +0 -1
- package/dist/paperless/p-C0cmbLHm.js +0 -2
- package/dist/paperless/p-C0cmbLHm.js.map +0 -1
- package/dist/paperless/p-cfd2e444.entry.js.map +0 -1
- package/dist/paperless/p-d0968c28.entry.js +0 -2
- package/dist/paperless/p-d0968c28.entry.js.map +0 -1
- /package/dist/build/{p-8981247d.entry.js.map → p-347b3ec3.entry.js.map} +0 -0
- /package/dist/build/{p-cc3307b8.entry.js.map → p-3bd5d63a.entry.js.map} +0 -0
- /package/dist/build/{p-474a16ab.entry.js.map → p-56a401d7.entry.js.map} +0 -0
- /package/dist/build/{p-8ca737d7.entry.js.map → p-6230b6da.entry.js.map} +0 -0
- /package/dist/build/{p-2edd87f3.entry.js.map → p-79ed922f.entry.js.map} +0 -0
- /package/dist/build/{p-26a3990a.entry.js.map → p-ad08592e.entry.js.map} +0 -0
- /package/dist/build/{p-aec29ee9.entry.js.map → p-aec4f685.entry.js.map} +0 -0
- /package/dist/build/{p-e2054751.entry.js.map → p-b0fc8bea.entry.js.map} +0 -0
- /package/dist/build/{p-05db72d0.entry.js.map → p-ddad483b.entry.js.map} +0 -0
- /package/dist/paperless/{p-8981247d.entry.js.map → p-347b3ec3.entry.js.map} +0 -0
- /package/dist/paperless/{p-cc3307b8.entry.js.map → p-3bd5d63a.entry.js.map} +0 -0
- /package/dist/paperless/{p-474a16ab.entry.js.map → p-56a401d7.entry.js.map} +0 -0
- /package/dist/paperless/{p-8ca737d7.entry.js.map → p-6230b6da.entry.js.map} +0 -0
- /package/dist/paperless/{p-2edd87f3.entry.js.map → p-79ed922f.entry.js.map} +0 -0
- /package/dist/paperless/{p-26a3990a.entry.js.map → p-ad08592e.entry.js.map} +0 -0
- /package/dist/paperless/{p-aec29ee9.entry.js.map → p-aec4f685.entry.js.map} +0 -0
- /package/dist/paperless/{p-e2054751.entry.js.map → p-b0fc8bea.entry.js.map} +0 -0
- /package/dist/paperless/{p-05db72d0.entry.js.map → p-ddad483b.entry.js.map} +0 -0
|
@@ -55,12 +55,12 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends H {
|
|
|
55
55
|
*/
|
|
56
56
|
enableHover = true;
|
|
57
57
|
render() {
|
|
58
|
-
return (h("div", { key: '
|
|
58
|
+
return (h("div", { key: '339d8a9f1e79ca7f4d9c673387598b17ac3b8df2', class: 'flex flex-col' }, h("div", { key: '35e4fc2a88591684c67363e46783bfd632a0a08f', class: row({
|
|
59
59
|
variant: this.variant,
|
|
60
60
|
enableHover: this.enableHover,
|
|
61
|
-
}) }, h("div", { key: '
|
|
61
|
+
}) }, h("div", { key: '82158baf70beeb84645ce12091064a4083a7e6f1', class: content({
|
|
62
62
|
variant: this.variant,
|
|
63
|
-
}) }, h("slot", { key: '
|
|
63
|
+
}) }, h("slot", { key: '40f21e4c093897a38903e40aaeb1e19e009d201d' }), h("div", { key: '2cf3f36ba6198bb23b50e64fac809f5226f9c97f', class: actions() }, h("slot", { key: '903e9ab97b83f1e0377513aa66f5fdc49bec6b8e', name: 'actions' })))), h("p-divider", { key: 'c6c312ece6f7c4147a908f9bef1b7d3c84e0f0b0' })));
|
|
64
64
|
}
|
|
65
65
|
static get style() { return tableRowComponentCss; }
|
|
66
66
|
}, [1, "p-table-row", {
|
|
@@ -88,6 +88,6 @@ function defineCustomElement() {
|
|
|
88
88
|
defineCustomElement();
|
|
89
89
|
|
|
90
90
|
export { TableRow as T, defineCustomElement as d };
|
|
91
|
-
//# sourceMappingURL=p-
|
|
91
|
+
//# sourceMappingURL=p-DyXjCQd1.js.map
|
|
92
92
|
|
|
93
|
-
//# sourceMappingURL=p-
|
|
93
|
+
//# sourceMappingURL=p-DyXjCQd1.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-DyXjCQd1.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,ksEAAksE;;ACG/tE,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,yCAAyC,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE;AACjF,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC;AACpD,YAAA,MAAM,EAAE,CAAC,MAAM,EAAE,yCAAyC,CAAC;AAC3D,SAAA;AACD,QAAA,WAAW,EAAE;AACZ,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,KAAK,EAAE;gBACN,8BAA8B;gBAC9B,6CAA6C;AAC7C,aAAA;AACD,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB,mEAAmE,EACnE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,MAAM,EAAE,cAAc;AACtB,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC;IACnB,+BAA+B;IAC/B,uBAAuB;IACvB,sDAAsD;IACtD,cAAc;AACd,CAAA,CAAC;MAOW,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;AACpB;;AAEG;IACK,OAAO,GAAyB,SAAS;AAEjD;;AAEG;IACK,WAAW,GAAY,IAAI;IAEnC,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,CAAC;gBACV,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;AAC7B,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAClB,CACD,CACD,EACN,CAAa,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/row/table-row.component.css?tag=p-table-row&encapsulation=shadow","src/components/molecules/table/row/table-row.component.tsx"],"sourcesContent":[":host {\n\t@apply relative;\n\t--tw-content: '';\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: ['px-3 m-1', 'text-sm text-black-teal-500'],\n\t\t\theader: ['px-4', 'text-xs font-normal text-black-teal-400'],\n\t\t},\n\t\tenableHover: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tenableHover: true,\n\t\t\tclass: [\n\t\t\t\t'rounded-lg transition-colors',\n\t\t\t\t'hover:cursor-pointer hover:bg-off-white-300',\n\t\t\t],\n\t\t},\n\t],\n});\n\nconst content = cva(\n\t'relative flex min-w-full flex-nowrap items-center justify-between',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'min-h-14 py-2 tablet:py-4',\n\t\t\t\theader: 'min-h-0 pb-4',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst actions = cva([\n\t'absolute -right-4 top-1 z-[2]',\n\t'h-[calc(100%-0.5rem)]',\n\t'opacity-0 transition-opacity group-hover:opacity-100',\n\t'empty:hidden',\n]);\n\n@Component({\n\ttag: 'p-table-row',\n\tstyleUrl: 'table-row.component.css',\n\tshadow: true,\n})\nexport class TableRow {\n\t/**\n\t * Variant of the header\n\t */\n\t@Prop() variant: 'default' | 'header' = 'default';\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col'>\n\t\t\t\t<div\n\t\t\t\t\tclass={row({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<div class={actions()}>\n\t\t\t\t\t\t\t<slot name='actions' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<p-divider />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -64,11 +64,11 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
|
|
|
64
64
|
const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
|
|
65
65
|
const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
|
|
66
66
|
const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
|
|
67
|
-
return (h("div", { key: '
|
|
67
|
+
return (h("div", { key: '3a7d84b99522447adb59ea65ee25bfaf09c43124', class: emptyState({
|
|
68
68
|
enableAction: asBoolean(this.enableAction, true),
|
|
69
69
|
}), onClick: ev => this.enableAction && !this.actionLoading
|
|
70
70
|
? this.action.emit(ev)
|
|
71
|
-
: undefined }, this.illustration && (h("p-illustration", { key: '
|
|
71
|
+
: undefined }, this.illustration && (h("p-illustration", { key: 'df17d4af088bd47f85eafde1b482799b4a5df92f', class: 'mb-8 text-teal', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-black-teal' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm text-black-teal-300' }, this.content))), this.enableAction &&
|
|
72
72
|
(hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, loading: this.actionLoading, variant: this.actionVariant }, this.actionText)))));
|
|
73
73
|
}
|
|
74
74
|
static get style() { return emptyStateComponentCss; }
|
|
@@ -118,6 +118,6 @@ function defineCustomElement() {
|
|
|
118
118
|
defineCustomElement();
|
|
119
119
|
|
|
120
120
|
export { EmptyState as E, defineCustomElement as d };
|
|
121
|
-
//# sourceMappingURL=p-
|
|
121
|
+
//# sourceMappingURL=p-K_ChWG7S.js.map
|
|
122
122
|
|
|
123
|
-
//# sourceMappingURL=p-
|
|
123
|
+
//# sourceMappingURL=p-K_ChWG7S.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-K_ChWG7S.js","mappings":";;;;;;;;AAAA,MAAM,sBAAsB,GAAG,k+BAAk+B;;ACgBjgC,MAAM,UAAU,GAAG,GAAG,CACrB,CAAC,+DAA+D,CAAC,EACjE;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,YAAY,EAAE;AACb,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;;;AACtB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,MAAM;AAEd;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAkB,WAAW;AAElD;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;IACK,aAAa,GAAY,KAAK;AAEtC;;AAEG;AACM,IAAA,MAAM;;IAOf,MAAM,GAAA;AACL,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAC1E,QAAA,MAAM,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC9C,2BAA2B,CAC3B;AACD,QAAA,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,0BAA0B,CAAC;AAE1E,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,UAAU,CAAC;gBACjB,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC;AAChD,aAAA,CAAC,EACF,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;kBACxB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;kBACnB,SAAS,EAAA,EAGZ,IAAI,CAAC,YAAY,KACjB,uEACC,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,IAAI,CAAC,YAAY,GACzB,CACF,EACA,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,KAEtB,IAAI,CAAC,MAAM,EAAE,MAAM,KAClB,SAAG,KAAK,EAAC,+DAA+D,EAAA,EACtE,IAAI,CAAC,MAAM,CACT,CACJ,CACD,EACA,cAAc,IACd,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAG,CAAA,KAEvB,IAAI,CAAC,OAAO,EAAE,MAAM,KACnB,SAAG,KAAK,EAAC,8CAA8C,EAAA,EACrD,IAAI,CAAC,OAAO,CACV,CACJ,CACD,EACA,IAAI,CAAC,YAAY;aAChB,aAAa,IACb,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAG,KAEtB,CAAA,CAAA,UAAA,EAAA,EACC,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,aAAa,EAC3B,OAAO,EAAE,IAAI,CAAC,aAAa,EAAA,EAE1B,IAAI,CAAC,UAAU,CACN,CACX,CAAC,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/empty-state/empty-state.component.css?tag=p-empty-state&encapsulation=shadow","src/components/molecules/empty-state/empty-state.component.tsx"],"sourcesContent":["p-divider {\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tButtonVariant,\n\tIconVariant,\n\tIllustrationVariant,\n} from '../../../components';\nimport { asBoolean } from '../../../utils/as-boolean';\n\nconst emptyState = cva(\n\t['flex flex-col w-full items-center justify-start max-w-[20rem]'],\n\t{\n\t\tvariants: {\n\t\t\tenableAction: {\n\t\t\t\ttrue: 'cursor-pointer',\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-empty-state',\n\tstyleUrl: 'empty-state.component.css',\n\tshadow: true,\n})\nexport class EmptyState {\n\t/**\n\t * The variant of the illustration\n\t */\n\t@Prop() illustration: IllustrationVariant;\n\n\t/**\n\t * The header of the empty state\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the empty state\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * The variant of the action\n\t */\n\t@Prop() actionVariant: ButtonVariant = 'secondary';\n\n\t/**\n\t * The icon for the action button\n\t */\n\t@Prop() actionIcon: IconVariant;\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The text on the action button\n\t */\n\t@Event() action: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t\tconst hasActionSlot = !!this._el.querySelector(':scope > [slot=\"action\"]');\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={emptyState({\n\t\t\t\t\tenableAction: asBoolean(this.enableAction, true),\n\t\t\t\t})}\n\t\t\t\tonClick={ev =>\n\t\t\t\t\tthis.enableAction && !this.actionLoading\n\t\t\t\t\t\t? this.action.emit(ev)\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{this.illustration && (\n\t\t\t\t\t<p-illustration\n\t\t\t\t\t\tclass='mb-8 text-teal'\n\t\t\t\t\t\tvariant={this.illustration}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{hasHeaderSlot ? (\n\t\t\t\t\t<slot name='header' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.header?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center font-ambit text-sm font-bold text-black-teal'>\n\t\t\t\t\t\t\t{this.header}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{hasContentSlot ? (\n\t\t\t\t\t<slot name='content' />\n\t\t\t\t) : (\n\t\t\t\t\tthis.content?.length && (\n\t\t\t\t\t\t<p class='my-0 text-center text-sm text-black-teal-300'>\n\t\t\t\t\t\t\t{this.content}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t)\n\t\t\t\t)}\n\t\t\t\t{this.enableAction &&\n\t\t\t\t\t(hasActionSlot ? (\n\t\t\t\t\t\t<slot name='action' />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tclass='mt-4'\n\t\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\t\tloading={this.actionLoading}\n\t\t\t\t\t\t\tvariant={this.actionVariant}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.actionText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t))}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -50,7 +50,7 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
|
|
|
50
50
|
this._generate();
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
|
-
return (h(Host, { key: '
|
|
53
|
+
return (h(Host, { key: '36526901ef526f618df76250008fc666189df932', class: pagination({
|
|
54
54
|
hidden: this.hideOnSinglePage && this._set?.length === 3,
|
|
55
55
|
}) }, this._set?.map(p => {
|
|
56
56
|
if (p.type === 'previous' || p.type === 'next') {
|
|
@@ -241,6 +241,6 @@ function defineCustomElement() {
|
|
|
241
241
|
defineCustomElement();
|
|
242
242
|
|
|
243
243
|
export { PaginationPages as P, defineCustomElement as d };
|
|
244
|
-
//# sourceMappingURL=p-
|
|
244
|
+
//# sourceMappingURL=p-UP0QWP4I.js.map
|
|
245
245
|
|
|
246
|
-
//# sourceMappingURL=p-
|
|
246
|
+
//# sourceMappingURL=p-UP0QWP4I.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-BFXs5OQx.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages","src/components/molecules/pagination/pages/pagination-pages.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n})\nexport class PaginationPages {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-UP0QWP4I.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages","src/components/molecules/pagination/pages/pagination-pages.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n})\nexport class PaginationPages {\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = 12;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n"],"version":3}
|
|
@@ -4,9 +4,9 @@ import { i as isMobileBrowser } from './p-DVCJlilm.js';
|
|
|
4
4
|
import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
5
5
|
import { d as defineCustomElement$c } from './p-A5puW8KH.js';
|
|
6
6
|
import { r as requiredArgs, t as toDate, _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, b as getUTCWeek, c as toInteger, e as getUTCISOWeek, f as getDefaultOptions, l as locale, h as longFormatters, i as subMilliseconds, j as getTimezoneOffsetInMilliseconds, k as isProtectedWeekYearToken, m as throwProtectedError, n as isProtectedDayOfYearToken, d as defineCustomElement$b, o as isValid, p as isBefore, q as isAfter, u as format, v as startOfDay, w as startOfMonth, x as isSameDay } from './p-DaFVCsxX.js';
|
|
7
|
-
import { d as defineCustomElement$a } from './p-
|
|
7
|
+
import { d as defineCustomElement$a } from './p-D6XuZ7WA.js';
|
|
8
8
|
import { d as defineCustomElement$9 } from './p-CA6-0EkK.js';
|
|
9
|
-
import { d as defineCustomElement$8 } from './p-
|
|
9
|
+
import { d as defineCustomElement$8 } from './p-B76UdgcV.js';
|
|
10
10
|
import { d as defineCustomElement$7 } from './p-DlGX7eAs.js';
|
|
11
11
|
import { d as defineCustomElement$6 } from './p-DNHN-J6Y.js';
|
|
12
12
|
import { d as defineCustomElement$5 } from './p-cCxwgzDB.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { F as FloatingMenuItem, d as defineCustomElement$1 } from './p-BACiQ58-.js';
|
|
2
2
|
|
|
3
3
|
const PFloatingMenuItem = FloatingMenuItem;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-tdjn65Lz.js
|
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
import { d as defineCustomElement$2 } from './p-cCxwgzDB.js';
|
|
4
4
|
|
|
5
|
-
const infoPanelComponentCss = ".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.
|
|
5
|
+
const infoPanelComponentCss = "*{box-sizing:border-box}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-positive-green-100{--tw-bg-opacity:1!important;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-200{--tw-bg-opacity:1!important;background-color:rgb(237 223 255/var(--tw-bg-opacity,1))!important}.bg-white-700{--tw-bg-opacity:1!important;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(148 77 11/var(--tw-text-opacity,1))!important}.text-black-teal-800{--tw-text-opacity:1!important;color:rgb(0 2 2/var(--tw-text-opacity,1))!important}.text-black-teal-800\\/60{color:rgba(0,2,2,.6)!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-positive-green-800{--tw-text-opacity:1!important;color:rgb(47 100 7/var(--tw-text-opacity,1))!important}.text-supportive-lilac-900{--tw-text-opacity:1!important;color:rgb(80 9 179/var(--tw-text-opacity,1))!important}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)!important}.hover\\:text-black-teal-800\\/60:hover{color:rgba(0,2,2,.6)!important}";
|
|
6
6
|
|
|
7
7
|
const infopanel = cva(['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg relative'], {
|
|
8
8
|
variants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-info-panel.js","mappings":";;;;AAAA,MAAM,qBAAqB,GAAG
|
|
1
|
+
{"file":"p-info-panel.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/info-panel/info-panel.component.css?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\th,\n\tProp,\n\tEvent,\n\tEventEmitter,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst infopanel = cva(\n\t['flex flex-col gap-1', 'w-full px-4 py-3', 'rounded-lg relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tneutral: 'bg-supportive-lilac-200',\n\t\t\t\tpositive: 'bg-positive-green-100',\n\t\t\t\tbiased: 'bg-amber-50',\n\t\t\t\tnegative: 'bg-negative-red-100',\n\t\t\t\tfeedback: 'bg-white-700',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst header = cva('text-sm font-medium', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tneutral: 'text-supportive-lilac-900',\n\t\t\tpositive: 'text-positive-green-800',\n\t\t\tbiased: 'text-amber-800',\n\t\t\tnegative: 'text-negative-red-800',\n\t\t\tfeedback: 'text-black-teal-800',\n\t\t},\n\t},\n});\n\nconst close = cva([\n\t'absolute right-2 top-2',\n\t'flex items-center justify-center',\n\n\t'rounded-lg cursor-pointer',\n\t'text-black-teal-800/60 hover:text-black-teal-800/60 hover:bg-white-500/40',\n\n\t'h-6 w-6',\n]);\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.css',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant:\n\t\t| 'neutral'\n\t\t| 'positive'\n\t\t| 'biased'\n\t\t| 'negative'\n\t\t| 'feedback' = 'feedback';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<void>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\t\tconst hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\n\t\treturn (\n\t\t\t<div class={infopanel({ variant: this.variant })}>\n\t\t\t\t{(this.header?.length || hasHeaderSlot) && (\n\t\t\t\t\t<div class={header({ variant: this.variant })}>\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.header}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='header' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{(this.content?.length || hasContentSlot) && (\n\t\t\t\t\t<div class='text-sm text-black-teal-800/60'>\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\t<p class='my-0'>{this.content}</p>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={close()}\n\t\t\t\t\t\tonClick={() => this._close()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon variant='negative' />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis.closed.emit();\n\t\tthis._el.remove();\n\t}\n}\n"],"version":3}
|
|
@@ -62,14 +62,14 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
|
|
|
62
62
|
*/
|
|
63
63
|
keepMobileContent = false;
|
|
64
64
|
render() {
|
|
65
|
-
return (h("div", { key: '
|
|
65
|
+
return (h("div", { key: 'd2f716c6bf3b1bc79af1a56c2cc84f81c78dca5e', class: label({
|
|
66
66
|
variant: this.variant,
|
|
67
67
|
iconOnly: this.iconOnly,
|
|
68
68
|
keepMobileContent: this.keepMobileContent,
|
|
69
|
-
}) }, this.icon && (h("p-icon", { key: '
|
|
69
|
+
}) }, this.icon && (h("p-icon", { key: '334b1ab7e3846ef8ec53ef73944fd2479153ac33', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'a39de7c631442c4e39332c824dfb1e2b0c1f489a', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
|
|
70
70
|
hidden: !this.keepMobileContent,
|
|
71
71
|
'desktop-xs:block': !this.keepMobileContent,
|
|
72
|
-
}) }, h("slot", { key: '
|
|
72
|
+
}) }, h("slot", { key: '0753602bae6f10b52e943785fb8c42a1b47aeeb2' })))));
|
|
73
73
|
}
|
|
74
74
|
static get style() { return labelComponentCss; }
|
|
75
75
|
}, [1, "p-label", {
|
|
@@ -73,7 +73,7 @@ const Listing = /*@__PURE__*/ proxyCustomElement(class Listing extends H {
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
render() {
|
|
76
|
-
return (h("div", { key: '
|
|
76
|
+
return (h("div", { key: '10230c1732e7a2501da6bbe135306f108a9feaf7', class: "flex gap-1 w-full flex-col flex-wrap items-start" }, h("slot", { key: '5dddafa3897336a271909df67270f9776bd1c0a6', onSlotchange: () => this._generateStepsOnce() })));
|
|
77
77
|
}
|
|
78
78
|
static get style() { return listingComponentCss; }
|
|
79
79
|
}, [1, "p-listing"]);
|
|
@@ -54,7 +54,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
|
|
|
54
54
|
}
|
|
55
55
|
_show = false;
|
|
56
56
|
render() {
|
|
57
|
-
return (h(Host, { key: '
|
|
57
|
+
return (h(Host, { key: '4c219ed85b6b7c5f4b233c1b781dbd667a043e31' }, h("p-backdrop", { key: 'c32c217ea2cc084ba8d40454d99eeae333c0b487', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'f7e5c75d12812461b0f71a4e57ef1671e2ea7478', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '310a560d199042f73b3e1441cb2901bb2c5436da', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '4ed4a94eae2b01f988cc8eba955a4ac605b37f24', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '76d933bf52d2e59661653364afa7862ec549acea', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'd177fc57b55dcb60c82246b2466df85234fd4b25', name: 'company' })), h("div", { key: '5e8c30cba48922e310f87eb2f10a35d8ddaf7841', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'fb864a34653d7fb50fa17fde20d7c81fc9852c32', name: 'content' })), h("div", { key: 'b20529fbc0cf57c763a7247a9eaa4fcdb4265169', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '93126de1cb7805ded455196bf733f8b93e3f31c6', name: 'user' }))), h("div", { key: '0c54aac28b17000411cad662b4679033a9478e9f', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '51f7f4b07939916b781c658578748b37bb541923', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a53ece6bf4d3ef9131b9114d40c60cf4ff33ed07', name: 'topbar' }))));
|
|
58
58
|
}
|
|
59
59
|
handleCloseNavbar() {
|
|
60
60
|
this._show = false;
|
|
@@ -76,10 +76,10 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem ext
|
|
|
76
76
|
render() {
|
|
77
77
|
const TagType = this.as;
|
|
78
78
|
const active = asBoolean(this.active) || this.class?.includes('active');
|
|
79
|
-
return (h(Host, { key: '
|
|
79
|
+
return (h(Host, { key: 'f64bb0d3df076ae320b126d651be8e6f4bfb732a', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'cc2cd6cf8df39df85ebfe9d8c651c23f4a88e22f', class: navigationItem({
|
|
80
80
|
icon: !!this.icon,
|
|
81
81
|
active,
|
|
82
|
-
}), href: this.href, target: this.target }, h("div", { key: '
|
|
82
|
+
}), href: this.href, target: this.target }, h("div", { key: '161303267ae36b4585e32682a4e177e49d36f1ba', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '8a057f21001040adbdb1393685cbe4ac6855e984', variant: this.icon })), h("span", { key: '094d62bbf09fb4d2aec4532754c2eea8166e8b72', class: this.counter && 'has-counter' }, h("slot", { key: 'bab5ecc9e966015f4ee09d7f7c13e441694420d0' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'd2709b5e1a7d54a926c65bcefe7fd9b072882ea7' }, this.counter)), !!this.loading && h("p-loader", { key: 'b7a2aaadb39b8e1c163edba4e2d406d670eb4cff', class: 'ml-auto' }))));
|
|
83
83
|
}
|
|
84
84
|
static get style() { return navigationItemComponentCss; }
|
|
85
85
|
}, [4, "p-navigation-item", {
|
|
@@ -13,7 +13,7 @@ const NavigationSection = /*@__PURE__*/ proxyCustomElement(class NavigationSecti
|
|
|
13
13
|
*/
|
|
14
14
|
header;
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: 'eefafb3e829369faa637ec47717cb2caed246007', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '469f9b44e8d33baf5b9b12525307a542be1a2e71' }, this.header)), h("div", { key: '5fcd678a1ba2ebe472efd5a1a713d76c097473a9', class: 'flex flex-col' }, h("slot", { key: 'be4c6507d4d041e183933d48bc1a5ed6af5ae006' }))));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return navigationSectionComponentCss; }
|
|
19
19
|
}, [4, "p-navigation-section", {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
3
|
import { d as defineCustomElement$7 } from './p-A5puW8KH.js';
|
|
4
|
-
import { d as defineCustomElement$6 } from './p-
|
|
4
|
+
import { d as defineCustomElement$6 } from './p-D6XuZ7WA.js';
|
|
5
5
|
import { d as defineCustomElement$5 } from './p-CA6-0EkK.js';
|
|
6
6
|
import { d as defineCustomElement$4 } from './p-cCxwgzDB.js';
|
|
7
7
|
import { d as defineCustomElement$3 } from './p-C-1aZ7t0.js';
|
|
@@ -4,10 +4,10 @@ import { c as cva } from './p-CBWjHURv.js';
|
|
|
4
4
|
import { d as defineCustomElement$e } from './p-FJZcncHr.js';
|
|
5
5
|
import { d as defineCustomElement$d } from './p-A5puW8KH.js';
|
|
6
6
|
import { d as defineCustomElement$c } from './p-192xXCKV.js';
|
|
7
|
-
import { d as defineCustomElement$b } from './p-
|
|
7
|
+
import { d as defineCustomElement$b } from './p-D6XuZ7WA.js';
|
|
8
8
|
import { d as defineCustomElement$a } from './p-CA6-0EkK.js';
|
|
9
9
|
import { d as defineCustomElement$9 } from './p-Bxt_h1P2.js';
|
|
10
|
-
import { d as defineCustomElement$8 } from './p-
|
|
10
|
+
import { d as defineCustomElement$8 } from './p-B76UdgcV.js';
|
|
11
11
|
import { d as defineCustomElement$7 } from './p-DlGX7eAs.js';
|
|
12
12
|
import { d as defineCustomElement$6 } from './p-DNHN-J6Y.js';
|
|
13
13
|
import { d as defineCustomElement$5 } from './p-cCxwgzDB.js';
|
|
@@ -306,7 +306,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends H {
|
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
308
|
render() {
|
|
309
|
-
return (h("p-dropdown", { key: '
|
|
309
|
+
return (h("p-dropdown", { key: '9e2fbcfb15360de957f4de9fa4fe293ec03c8163', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '807ccc0ee0d04b06f80a43cb666ff639d42f4da1', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, h("p-button", { key: 'a1c718812be95b5cbc95fb24586f2fe6bbe81a65', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: 'b277a7e652e2bb1e83cc6bb6a46c98c147e25cb9', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()));
|
|
310
310
|
}
|
|
311
311
|
documentClickHandler(event) {
|
|
312
312
|
if (!this._showDropdown || childOfComposed(event, this._el)) {
|
|
@@ -419,18 +419,15 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends H {
|
|
|
419
419
|
this.valueChange.emit(value);
|
|
420
420
|
this._onBlur(forceBlur);
|
|
421
421
|
}
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
_onClick(ev) {
|
|
432
|
-
if (!this._findOnClickTarget(ev.target)) {
|
|
433
|
-
return;
|
|
422
|
+
_onClick(event) {
|
|
423
|
+
const composed = event?.composedPath();
|
|
424
|
+
for (const item of composed) {
|
|
425
|
+
if (item.nodeName.toLowerCase() === 'p-button') {
|
|
426
|
+
break;
|
|
427
|
+
}
|
|
428
|
+
if (item.classList.contains('item')) {
|
|
429
|
+
return;
|
|
430
|
+
}
|
|
434
431
|
}
|
|
435
432
|
this._showDropdown = !this._showDropdown;
|
|
436
433
|
}
|