@paperless/core 1.67.7 → 1.67.8
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 +11 -0
- package/dist/{paperless/p-3fca8a68.entry.js → build/p-32ec455c.entry.js} +2 -2
- package/dist/{paperless/p-3fca8a68.entry.js.map → build/p-32ec455c.entry.js.map} +1 -1
- package/dist/build/{p-9d32d95a.entry.js → p-744f5a41.entry.js} +2 -2
- package/dist/build/{p-9d32d95a.entry.js.map → p-744f5a41.entry.js.map} +1 -1
- package/dist/build/p-a689640d.entry.js +2 -0
- package/dist/build/p-a689640d.entry.js.map +1 -0
- package/dist/build/p-f07e2154.entry.js +2 -0
- package/dist/{paperless/p-05d63d59.entry.js.map → build/p-f07e2154.entry.js.map} +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-stepper-item.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper-item.cjs.entry.js.map +1 -1
- package/dist/cjs/p-stepper.cjs.entry.js +7 -1
- package/dist/cjs/p-stepper.cjs.entry.js.map +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-table.cjs.entry.js +1 -1
- package/dist/cjs/p-table.cjs.entry.js.map +1 -1
- package/dist/collection/components/atoms/stepper-item/stepper-item.component.css +1 -1
- package/dist/collection/components/atoms/tab-item/tab-item.component.css +1 -1
- package/dist/collection/components/molecules/stepper/stepper.component.js +7 -1
- package/dist/collection/components/molecules/stepper/stepper.component.js.map +1 -1
- package/dist/collection/components/organisms/table/table.component.css +1 -1
- package/dist/components/p-stepper-item.js +1 -1
- package/dist/components/p-stepper-item.js.map +1 -1
- package/dist/components/p-stepper.js +7 -1
- package/dist/components/p-stepper.js.map +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.js +1 -1
- package/dist/components/p-table.js.map +1 -1
- package/dist/esm/p-stepper-item.entry.js +1 -1
- package/dist/esm/p-stepper-item.entry.js.map +1 -1
- package/dist/esm/p-stepper.entry.js +7 -1
- package/dist/esm/p-stepper.entry.js.map +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-table.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/{build/p-3fca8a68.entry.js → paperless/p-32ec455c.entry.js} +2 -2
- package/dist/{build/p-3fca8a68.entry.js.map → paperless/p-32ec455c.entry.js.map} +1 -1
- package/dist/paperless/{p-9d32d95a.entry.js → p-744f5a41.entry.js} +2 -2
- package/dist/paperless/{p-9d32d95a.entry.js.map → p-744f5a41.entry.js.map} +1 -1
- package/dist/paperless/p-a689640d.entry.js +2 -0
- package/dist/paperless/p-a689640d.entry.js.map +1 -0
- package/dist/paperless/p-f07e2154.entry.js +2 -0
- package/dist/{build/p-05d63d59.entry.js.map → paperless/p-f07e2154.entry.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/hydrate/index.js +10 -4
- package/package.json +1 -1
- package/dist/build/p-05d63d59.entry.js +0 -2
- package/dist/build/p-b25507db.entry.js +0 -2
- package/dist/build/p-b25507db.entry.js.map +0 -1
- package/dist/paperless/p-05d63d59.entry.js +0 -2
- package/dist/paperless/p-b25507db.entry.js +0 -2
- package/dist/paperless/p-b25507db.entry.js.map +0 -1
package/hydrate/index.js
CHANGED
|
@@ -21829,7 +21829,13 @@ class Stepper {
|
|
|
21829
21829
|
}
|
|
21830
21830
|
item.direction = this.direction;
|
|
21831
21831
|
item.align =
|
|
21832
|
-
|
|
21832
|
+
this.direction === 'vertical'
|
|
21833
|
+
? 'start'
|
|
21834
|
+
: i === 0
|
|
21835
|
+
? 'start'
|
|
21836
|
+
: i === (items === null || items === void 0 ? void 0 : items.length) - 1
|
|
21837
|
+
? 'end'
|
|
21838
|
+
: 'center';
|
|
21833
21839
|
item.contentPosition = this.contentPosition;
|
|
21834
21840
|
}
|
|
21835
21841
|
if (directionChanged) {
|
|
@@ -21924,7 +21930,7 @@ class Stepper {
|
|
|
21924
21930
|
}; }
|
|
21925
21931
|
}
|
|
21926
21932
|
|
|
21927
|
-
const stepperItemComponentCss = "/*!@.absolute*/.absolute.sc-p-stepper-item{position:absolute!important}/*!@.relative*/.relative.sc-p-stepper-item{position:relative!important}/*!@.left-1\\/2*/.left-1\\/2.sc-p-stepper-item{left:50%!important}/*!@.top-0*/.top-0.sc-p-stepper-item{top:0!important}/*!@.order-2*/.order-2.sc-p-stepper-item{order:2!important}/*!@.ml-0*/.ml-0.sc-p-stepper-item{margin-left:0!important}/*!@.mr-4*/.mr-4.sc-p-stepper-item{margin-right:1rem!important}/*!@.flex*/.flex.sc-p-stepper-item{display:flex!important}/*!@.h-4*/.h-4.sc-p-stepper-item{height:1rem!important}/*!@.min-h-\\[1rem\\]*/.min-h-\\[1rem\\].sc-p-stepper-item{min-height:1rem!important}/*!@.w-4*/.w-4.sc-p-stepper-item{width:1rem!important}/*!@.w-full*/.w-full.sc-p-stepper-item{width:100%!important}/*!@.min-w-\\[calc\\(100\\%-2rem\\)\\]*/.min-w-\\[calc\\(100\\%-2rem\\)\\].sc-p-stepper-item{min-width:calc(100% - 2rem)!important}/*!@.-translate-x-1\\/2*/.-translate-x-1\\/2.sc-p-stepper-item{--tw-translate-x:-50%!important}/*!@.-translate-x-1\\/2,.transform*/.-translate-x-1\\/2.sc-p-stepper-item,.transform.sc-p-stepper-item{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}/*!@.items-end*/.items-end.sc-p-stepper-item{align-items:flex-end!important}/*!@.items-center*/.items-center.sc-p-stepper-item{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-stepper-item{justify-content:center!important}/*!@.bg-mystic-dark*/.bg-mystic-dark.sc-p-stepper-item{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}/*!@.text-sm*/.text-sm.sc-p-stepper-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.transition*/.transition.sc-p-stepper-item{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}/*!@.duration-500*/.duration-500.sc-p-stepper-item{transition-duration:.5s!important}/*!@**/*.sc-p-stepper-item{box-sizing:border-box}/*!@:host*/.sc-p-stepper-item-h{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}/*!@:host .content*/.sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}/*!@:host .circle*/.sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}/*!@:host .circle p-icon*/.sc-p-stepper-item-h .circle.sc-p-stepper-item p-icon.sc-p-stepper-item{display:flex!important;font-size:.625rem}/*!@:host([direction=horizontal])*/[direction=horizontal].sc-p-stepper-item-h{flex:0;height:2.5rem}/*!@:host([direction=horizontal]) .content*/[direction=horizontal].sc-p-stepper-item-h .content.sc-p-stepper-item{min-width:0;order:1;position:absolute;top:0}/*!@:host([direction=horizontal]) .circle*/[direction=horizontal].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:2}/*!@:host([direction=vertical])*/[direction=vertical].sc-p-stepper-item-h{align-items:center;min-height:1rem}/*!@:host([direction=vertical]) .content*/[direction=vertical].sc-p-stepper-item-h .content.sc-p-stepper-item{margin-left:1rem;order:2}/*!@:host([direction=vertical]) .circle*/[direction=vertical].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:1}/*!@:host([active]) .content,:host([finished]) .content*/[active].sc-p-stepper-item-h .content.sc-p-stepper-item,[finished].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@:host([active]) .circle,:host([finished]) .circle*/[active].sc-p-stepper-item-h .circle.sc-p-stepper-item,[finished].sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}/*!@:host([direction=horizontal][align=start]) .content*/[direction=horizontal][align=start].sc-p-stepper-item-h .content.sc-p-stepper-item{left:0}/*!@:host([direction=horizontal][align=end]) .content*/[direction=horizontal][align=end].sc-p-stepper-item-h .content.sc-p-stepper-item{right:0}/*!@:host([direction=horizontal][align=center]) .content*/[direction=horizontal][align=center].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-translate-x:-50%;left:50%;text-align:center;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))}/*!@:host([direction=vertical][content-position=start])*/[direction=vertical][content-position=start].sc-p-stepper-item-h{flex-direction:row-reverse}/*!@:host([direction=vertical][content-position=start]) .content*/[direction=vertical][content-position=start].sc-p-stepper-item-h .content.sc-p-stepper-item{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}";
|
|
21933
|
+
const stepperItemComponentCss = "/*!@.absolute*/.absolute.sc-p-stepper-item{position:absolute!important}/*!@.relative*/.relative.sc-p-stepper-item{position:relative!important}/*!@.left-1\\/2*/.left-1\\/2.sc-p-stepper-item{left:50%!important}/*!@.top-0*/.top-0.sc-p-stepper-item{top:0!important}/*!@.order-2*/.order-2.sc-p-stepper-item{order:2!important}/*!@.ml-0*/.ml-0.sc-p-stepper-item{margin-left:0!important}/*!@.mr-4*/.mr-4.sc-p-stepper-item{margin-right:1rem!important}/*!@.flex*/.flex.sc-p-stepper-item{display:flex!important}/*!@.h-4*/.h-4.sc-p-stepper-item{height:1rem!important}/*!@.min-h-\\[1rem\\]*/.min-h-\\[1rem\\].sc-p-stepper-item{min-height:1rem!important}/*!@.w-4*/.w-4.sc-p-stepper-item{width:1rem!important}/*!@.w-full*/.w-full.sc-p-stepper-item{width:100%!important}/*!@.min-w-\\[calc\\(100\\%-2rem\\)\\]*/.min-w-\\[calc\\(100\\%-2rem\\)\\].sc-p-stepper-item{min-width:calc(100% - 2rem)!important}/*!@.-translate-x-1\\/2*/.-translate-x-1\\/2.sc-p-stepper-item{--tw-translate-x:-50%!important}/*!@.-translate-x-1\\/2,.transform*/.-translate-x-1\\/2.sc-p-stepper-item,.transform.sc-p-stepper-item{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}/*!@.items-end*/.items-end.sc-p-stepper-item{align-items:flex-end!important}/*!@.items-center*/.items-center.sc-p-stepper-item{align-items:center!important}/*!@.justify-center*/.justify-center.sc-p-stepper-item{justify-content:center!important}/*!@.bg-mystic-dark*/.bg-mystic-dark.sc-p-stepper-item{--tw-bg-opacity:1!important;background-color:rgb(218 230 240/var(--tw-bg-opacity))!important}/*!@.text-sm*/.text-sm.sc-p-stepper-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.transition*/.transition.sc-p-stepper-item{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}/*!@.duration-500*/.duration-500.sc-p-stepper-item{transition-duration:.5s!important}/*!@**/*.sc-p-stepper-item{box-sizing:border-box}/*!@:host*/.sc-p-stepper-item-h{align-items:flex-end;display:flex;justify-content:center;position:relative;width:100%}/*!@:host .content*/.sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(176 178 203/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;min-width:calc(100% - 2rem);white-space:nowrap}/*!@:host .circle*/.sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(218 230 240/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;flex-shrink:0;height:1rem;justify-content:center;transition-duration:.5s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1rem}/*!@:host .circle p-icon*/.sc-p-stepper-item-h .circle.sc-p-stepper-item p-icon.sc-p-stepper-item{display:flex!important;font-size:.625rem}/*!@:host([direction=horizontal])*/[direction=horizontal].sc-p-stepper-item-h{flex:0;height:2.5rem}/*!@:host([direction=horizontal]) .content*/[direction=horizontal].sc-p-stepper-item-h .content.sc-p-stepper-item{min-width:0;order:1;position:absolute;top:0}/*!@:host([direction=horizontal]) .circle*/[direction=horizontal].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:2}/*!@:host([direction=vertical])*/[direction=vertical].sc-p-stepper-item-h{align-items:center;min-height:1rem}/*!@:host([direction=vertical]) .content*/[direction=vertical].sc-p-stepper-item-h .content.sc-p-stepper-item{margin-left:1rem;order:2}/*!@:host([direction=vertical]) .circle*/[direction=vertical].sc-p-stepper-item-h .circle.sc-p-stepper-item{order:1}/*!@:host([active]) .content,:host([finished]) .content*/[active].sc-p-stepper-item-h .content.sc-p-stepper-item,[finished].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}/*!@:host([active]) .circle,:host([finished]) .circle*/[active].sc-p-stepper-item-h .circle.sc-p-stepper-item,[finished].sc-p-stepper-item-h .circle.sc-p-stepper-item{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity))}/*!@:host([direction=horizontal][align=start]) .content*/[direction=horizontal][align=start].sc-p-stepper-item-h .content.sc-p-stepper-item{left:0}/*!@:host([direction=horizontal][align=end]) .content*/[direction=horizontal][align=end].sc-p-stepper-item-h .content.sc-p-stepper-item{right:0}/*!@:host([direction=horizontal][align=center]) .content*/[direction=horizontal][align=center].sc-p-stepper-item-h .content.sc-p-stepper-item{--tw-translate-x:-50%;left:50%;text-align:center;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))}/*!@:host([direction=vertical][content-position=start])*/[direction=vertical][content-position=start].sc-p-stepper-item-h{flex-direction:row-reverse}/*!@:host([direction=vertical][content-position=start]) .content*/[direction=vertical][content-position=start].sc-p-stepper-item-h .content.sc-p-stepper-item{display:flex;justify-content:flex-end;margin-left:0;margin-right:1rem}/*!@.static*/.static.sc-p-stepper-item{position:static!important}";
|
|
21928
21934
|
|
|
21929
21935
|
class StepperItem {
|
|
21930
21936
|
constructor(hostRef) {
|
|
@@ -21997,7 +22003,7 @@ class TabGroup {
|
|
|
21997
22003
|
}; }
|
|
21998
22004
|
}
|
|
21999
22005
|
|
|
22000
|
-
const tabItemComponentCss = "/*!@.flex*/.flex.sc-p-tab-item{display:flex!important}/*!@.h-10*/.h-10.sc-p-tab-item{height:2.5rem!important}/*!@.whitespace-nowrap*/.whitespace-nowrap.sc-p-tab-item{white-space:nowrap!important}/*!@.border-0*/.border-0.sc-p-tab-item{border-width:0!important}/*!@.border-b-2*/.border-b-2.sc-p-tab-item{border-bottom-width:2px!important}/*!@.border-indigo*/.border-indigo.sc-p-tab-item{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}/*!@.border-transparent*/.border-transparent.sc-p-tab-item{border-color:transparent!important}/*!@.font-semibold*/.font-semibold.sc-p-tab-item{font-weight:600!important}/*!@.text-indigo*/.text-indigo.sc-p-tab-item{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}/*!@**/*.sc-p-tab-item{box-sizing:border-box}/*!@:host*/.sc-p-tab-item-h{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}/*!@:host(.active)*/.active.sc-p-tab-item-h{--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";
|
|
22006
|
+
const tabItemComponentCss = "/*!@.flex*/.flex.sc-p-tab-item{display:flex!important}/*!@.h-10*/.h-10.sc-p-tab-item{height:2.5rem!important}/*!@.whitespace-nowrap*/.whitespace-nowrap.sc-p-tab-item{white-space:nowrap!important}/*!@.border-0*/.border-0.sc-p-tab-item{border-width:0!important}/*!@.border-b-2*/.border-b-2.sc-p-tab-item{border-bottom-width:2px!important}/*!@.border-indigo*/.border-indigo.sc-p-tab-item{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}/*!@.border-transparent*/.border-transparent.sc-p-tab-item{border-color:transparent!important}/*!@.font-semibold*/.font-semibold.sc-p-tab-item{font-weight:600!important}/*!@.text-indigo*/.text-indigo.sc-p-tab-item{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}/*!@**/*.sc-p-tab-item{box-sizing:border-box}/*!@:host*/.sc-p-tab-item-h{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}/*!@:host(.active)*/.active.sc-p-tab-item-h{--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}/*!@.static*/.static.sc-p-tab-item{position:static!important}";
|
|
22001
22007
|
|
|
22002
22008
|
class TabItem {
|
|
22003
22009
|
constructor(hostRef) {
|
|
@@ -22020,7 +22026,7 @@ class TabItem {
|
|
|
22020
22026
|
}; }
|
|
22021
22027
|
}
|
|
22022
22028
|
|
|
22023
|
-
const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;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))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";
|
|
22029
|
+
const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;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))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";
|
|
22024
22030
|
|
|
22025
22031
|
class Table {
|
|
22026
22032
|
constructor(hostRef) {
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,g as n}from"./p-0c2cc6c4.js";import{f as a,t as o}from"./p-f8544f0c.js";import{f as r,g as l}from"./p-33fa21e3.js";import{d as h,a as u}from"./p-da7b6f2c.js";const d=".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;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))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";const c=class{constructor(e){t(this,e);this.selectedRowsChange=i(this,"selectedRowsChange",3);this.rowClick=i(this,"rowClick",3);this.rowSelected=i(this,"rowSelected",3);this.rowDeselected=i(this,"rowDeselected",3);this.hasRendered=i(this,"hasRendered",3);this.quickFilter=i(this,"quickFilter",3);this.queryChange=i(this,"queryChange",3);this.filter=i(this,"filter",3);this.action=i(this,"action",3);this.pageChange=i(this,"pageChange",3);this.pageSizeChange=i(this,"pageSizeChange",3);this.export=i(this,"export",3);this.emptyStateActionClick=i(this,"emptyStateActionClick",3);this._rowActionsFloatingAll=[];this._ctrlDown=false;this._hasCustomFilterSlot=false;this._hasCustomActionsSlot=false;this._floatingMenuShown=false;this.items=undefined;this.loading=false;this.headerLoading=false;this.footerLoading=false;this.amountOfLoadingRows=6;this.enableRowSelection=true;this.rowSelectionLimit=undefined;this.enableRowClick=true;this.selectedRows=[];this.enableFloatingMenu=true;this.floatingMenuAmountSelectedTemplate=t=>{var i,e,s;return r((s=t===1?(i=this._locales.floating_menu)===null||i===void 0?void 0:i.amount_selected:(e=this._locales.floating_menu)===null||e===void 0?void 0:e.amount_selected_plural)===null||s===void 0?void 0:s.replace("{{amount}}",t))};this.selectionKey=undefined;this.canSelectKey=undefined;this.enableHeader=true;this.quickFilters=[];this.activeQuickFilterIdentifier=undefined;this.enableSearch=true;this.query=undefined;this.enableFilter=true;this.enableFilterDesktop=true;this.selectedFiltersAmount=undefined;this.filterButtonTemplate=undefined;this.enableAction=false;this.actionButtonLoading=false;this.actionButtonEnabled=false;this.actionButtonIcon="pencil";this.actionButtonText=undefined;this.actionButtonTemplate=undefined;this.enableFooter=true;this.enablePageSize=true;this.enablePagination=true;this.enableExport=true;this.page=1;this.total=undefined;this.pageSize=h;this.pageSizeOptions=u;this.hideOnSinglePage=true;this.emptyStateHeader=()=>{var t;return r((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.header)};this.emptyStateContent=()=>{var t;return r((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.content)};this.emptyStateAction=()=>{var t;return r((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.action)};this.enableEmptyStateAction=true;this.emptyStateFilteredHeader=()=>r(this._locales.empty_state.filtered.header);this.emptyStateFilteredContent=()=>r(this._locales.empty_state.filtered.content);this.shadow=true;this._locales={};this._columns=[];this._items=[];this._enableRowSelection=this.enableRowSelection;this._rowSelectionLimit=undefined;this._rowActionsFloating=[];this._rowActionsRow=[]}componentWillLoad(){this._hasCustomFilterSlot=!!this._el.querySelector(':scope > [slot="custom-filter"]');this._hasCustomActionsSlot=!!this._el.querySelector(':scope > [slot="custom-actions"]');this._setRowSelectionData();this._setLocales();this._parseItems(this.items);this._generateColumns()}componentDidRender(){this.hasRendered.emit()}render(){var t,i,n,a,o,r,l;return e(s,{class:"p-table"},e("p-table-container",{shadow:this.shadow},this.enableHeader&&e("p-table-header",{quickFilters:this.quickFilters,activeQuickFilterIdentifier:this.activeQuickFilterIdentifier,onQuickFilter:({detail:t})=>this.quickFilter.emit(t),enableSearch:this.enableSearch,query:this.query,onQueryChange:({detail:t})=>this.queryChange.emit(t),enableFilter:this.enableFilter,enableFilterDesktop:this.enableFilterDesktop,selectedFiltersAmount:this.selectedFiltersAmount,filterButtonTemplate:this.filterButtonTemplate,onFilter:()=>this.filter.emit(),enableAction:this.enableAction,actionIcon:this.actionButtonIcon,actionText:this.actionButtonText,actionLoading:this.actionButtonLoading,canUseAction:this.actionButtonEnabled,actionButtonTemplate:this.actionButtonTemplate,onAction:()=>this.action.emit(),itemsSelectedAmount:(t=this.selectedRows)===null||t===void 0?void 0:t.length,loading:this.headerLoading},this._hasCustomFilterSlot&&e("slot",{name:"custom-filter",slot:"custom-filter"}),this._hasCustomActionsSlot&&e("slot",{name:"custom-actions",slot:"custom-actions"})),this._getHeader(),e("div",{class:"flex flex-1 flex-col"},this._getRows()),this.enableFooter&&e("p-table-footer",{hideOnSinglePage:this.hideOnSinglePage,enablePageSize:this.enablePageSize,pageSize:this.pageSize,pageSizeOptions:this.pageSizeOptions,onPageSizeChange:({detail:t})=>this.pageSizeChange.emit(t),enablePagination:this.enablePagination,page:this.page,total:this.total,onPageChange:({detail:t})=>this.pageChange.emit(t),enableExport:this.enableExport,onExport:()=>this.export.emit(),loading:this.footerLoading}),this.enableFloatingMenu&&this._enableRowSelection?e("p-floating-menu-container",{usedInTable:true,class:`${((i=this.selectedRows)===null||i===void 0?void 0:i.length)?"":"inactive"} ${this._floatingMenuShown?"shown":""}`},e("p-floating-menu-item",{hover:false,slot:"floating-menu-item",class:((n=this._rowActionsFloating)===null||n===void 0?void 0:n.length)?"hidden tablet:flex":""},this.floatingMenuAmountSelectedTemplate((a=this.selectedRows)===null||a===void 0?void 0:a.length)),e("p-divider",{class:`mx-0 text-storm ${((o=this._rowActionsFloating)===null||o===void 0?void 0:o.length)?"hidden tablet:flex":""}`,variant:"vertical",slot:"floating-menu-item"}),((r=this._rowActionsFloating)===null||r===void 0?void 0:r.length)&&this._rowActionsFloating.map((t=>e("p-floating-menu-item",{slot:"floating-menu-item",disabled:t.disabled,onClick:()=>!t.disabled&&!t.loading&&!!t.action&&t.type==="single"?t.action(this.selectedRows[0],false):t.action(this.selectedRows,true)},t.label," ",t.loading?e("p-loader",null):e("p-icon",{variant:t.icon,rotate:t.iconRotate,flip:t.iconFlip})))),((l=this._rowActionsFloating)===null||l===void 0?void 0:l.length)&&e("p-divider",{class:"mx-0 text-storm",variant:"vertical",slot:"floating-menu-item"}),e("p-floating-menu-item",{slot:"floating-menu-item",onClick:()=>this._selectAllChange(null,false)},e("p-icon",{variant:"negative"}))):""))}async _setLocales(){this._locales=await l(this._el)}onTableDefinitionUpdated(){this._generateColumns()}keyDown({key:t}){if(t!=="Control"||this._ctrlDown===true){return}this._ctrlDown=true}keyUp({key:t}){if(t!=="Control"||this._ctrlDown===false){return}this._ctrlDown=false}visibilityChange(){if(document.visibilityState!=="hidden"||this._ctrlDown===false){return}this._ctrlDown=false}_parseItems(t){if(!t){this._items=[];return}if(Array.isArray(t)){this._items=t;return}this._items=JSON.parse(t)}_setRowSelectionData(){if(this._resizeTimeout){clearTimeout(this._resizeTimeout)}this._resizeTimeout=setTimeout((()=>{var t,i;const e=a();const s=Array.from(this._el.querySelectorAll(":scope > p-table-row-action"));this._rowActionsRow=s.filter((t=>t.type==="both"||t.type==="single"));this._rowActionsFloatingAll=s.filter((t=>this.enableRowSelection&&(t.type==="both"||t.type==="multi")||e&&t.type==="single")).map((t=>{var i;if(t.type==="single"){t.disabled=((i=this.selectedRows)===null||i===void 0?void 0:i.length)>1}return t}));let n=this.rowSelectionLimit;if(e&&((t=this._rowActionsFloatingAll)===null||t===void 0?void 0:t.length)&&(n!==undefined&&this.enableRowSelection||!this.enableRowSelection)){n=1}this._rowSelectionLimit=n;let o=this.enableRowSelection;if(e&&((i=this._rowActionsFloatingAll)===null||i===void 0?void 0:i.length)&&!o){o=true}this._enableRowSelection=o;if(this._floatingMenuShown){this._showFloatingMenu()}}),200)}_generateColumns(){const t=this._el.querySelectorAll("p-table-column");let i=Array.from(t);i=this._parseDefinitions(i);this._columns=i}_getHeader(){return e("p-table-row",{variant:"header"},this._columns.map(((t,i)=>e("p-table-cell",{definition:t,value:t.name,variant:"header",checkbox:i===0||t.hasCheckbox?this._getCheckbox(null,this.loading?"loading":"header"):null,index:i}))))}_getRows(){if(this.loading){return Array.from({length:this.amountOfLoadingRows},((t,i)=>e("p-table-row",{enableHover:this._enableRowSelection||this.enableRowClick},this._getLoadingColumns(i))))}if(!this._items.length){return this._getEmptyState()}return this._items.map(((t,i)=>e("p-table-row",{enableHover:this._enableRowSelection||this.enableRowClick,onClick:t=>this._rowClick(t,i)},this._getRowColumns(t,i))))}_getRowColumns(t,i){const s=this._rowActionsRow.filter((i=>i.showFunction?i.showFunction(t):true));const n=this._columns.map(((n,o)=>e("p-table-cell",{definition:n,item:t,checkbox:o===0||n.hasCheckbox?this._getCheckbox(i):null,index:o,rowIndex:i,tableHasActions:!!s.length&&!a()})));if((s===null||s===void 0?void 0:s.length)&&!a()){const a=this._parseRowActionsRowDefinition();if(!s.length){return n}n.push(e("p-table-cell",{variant:"actions",definition:a,item:t,index:this._columns.length-1,rowIndex:i,tableHasActions:true},e("div",{slot:"actions",class:"ml-auto flex items-center gap-2"},s.map((i=>e("p-tooltip",{content:i.label},e("p-button",{"data-is-action":true,variant:"secondary",slot:"trigger",icon:i.icon,iconRotate:i.iconRotate,iconFlip:i.iconFlip,iconOnly:true,size:"small",onClick:()=>{var e;return typeof i.action==="function"&&((e=i.action)===null||e===void 0?void 0:e.call(i,t,false))}})))))))}return n}_getLoadingColumns(t){return this._columns.map(((i,s)=>e("p-table-cell",{definition:i,variant:"loading",checkbox:s===0||i.hasCheckbox?this._getCheckbox(t,"loading"):null,index:s,rowIndex:t})))}_getCheckbox(t,i="default"){var s;if(!this._enableRowSelection||!this.selectionKey&&!((s=this._rowActionsFloating)===null||s===void 0?void 0:s.length)){return}if(i==="loading"){return e("p-loader",{variant:"ghost",class:"h-6 w-6 rounded"})}if(i==="header"){return e("input",{class:`p-input ${this._rowSelectionLimit!==undefined&&"opacity-0"}`,type:"checkbox",onChange:t=>this._selectAllChange(t),checked:this._selectionContainsAll(),indeterminate:this._selectionIndeterminate(),disabled:this._rowSelectionLimit!==undefined})}const n=this._items[t];const a=this._selectionContains(t);return e("input",{class:"p-input",type:"checkbox",onChange:i=>this._checkboxChange(i===null||i===void 0?void 0:i.target,t),disabled:this.canSelectKey&&!n[this.canSelectKey]||this._rowSelectionLimit!==undefined&&!a&&this.selectedRows.length===this._rowSelectionLimit,checked:a})}_getEmptyState(){var t;if(((t=this.query)===null||t===void 0?void 0:t.length)||this.selectedFiltersAmount){return e("div",{class:"flex max-w-[20rem] flex-col items-center self-center py-24 text-center"},e("p-illustration",{variant:"empty-state-search",class:"mb-6"}),e("p",{class:"text-storm-default font-semibold"},this.emptyStateFilteredHeader()),e("p",{class:"mb-14 text-sm text-storm-medium"},this.emptyStateFilteredContent()))}return e("div",{class:`flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${this.enableEmptyStateAction&&"cursor-pointer"}`,onClick:()=>this.enableEmptyStateAction&&this.emptyStateActionClick.emit(null)},e("p-illustration",{variant:"empty-state-add",class:"mb-6"}),e("p",{class:"text-storm-default font-semibold"},this.emptyStateHeader()),e("p",{class:"mb-6 text-sm text-storm-medium"},this.emptyStateContent()),this.enableEmptyStateAction&&e("p-button",{variant:"secondary",icon:"plus",size:"small"},this.emptyStateAction()))}_selectAllChange(t,i){if(!this._enableRowSelection){return}const e=i===undefined?this._getCheckedValue(t.target):i;if(e){const t=[];for(let i=0;i<this._items.length;i++){const e=this._items[i];if(this.canSelectKey&&!e[this.canSelectKey]){continue}if(this._selectionContains(i)){continue}t.push(e);this.rowSelected.emit(e);if(this._rowSelectionLimit!==undefined&&this.selectedRows.length+t.length===this._rowSelectionLimit){break}}this.selectedRows=[...this.selectedRows,...t];this.selectedRowsChange.emit(this.selectedRows);if(this.enableFloatingMenu&&!this._floatingMenuShown){this._showFloatingMenu()}return}for(let t=0;t<this.selectedRows.length;t++){const i=this.selectedRows[t];const e=this._items.find((e=>this._getSelectionValue(e,t)===this._getSelectionValue(i,t)));if(!e){continue}this.rowDeselected.emit(e)}this.selectedRows=[];this.selectedRowsChange.emit(this.selectedRows)}_checkboxChange(t,i){if(!this._enableRowSelection){return}const e=this._getCheckedValue(t);if(e&&this._rowSelectionLimit!==undefined&&this.selectedRows.length>=this._rowSelectionLimit){t.checked=false;return}const s=this._items[i];if(this.canSelectKey&&!s[this.canSelectKey]){t.checked=false;return}if(e){this.selectedRows=[...this.selectedRows,Object.assign(Object.assign({},s),{index:i})];this.selectedRowsChange.emit(this.selectedRows);this.rowSelected.emit(s);if(this.enableFloatingMenu&&!this._floatingMenuShown){this._showFloatingMenu()}return}const n=this._selectionContains(i,true);const a=[...this.selectedRows];a.splice(n,1);this.selectedRows=a;this.selectedRowsChange.emit(this.selectedRows);this.rowDeselected.emit(s)}_getCheckedValue(t){return t===null||t===void 0?void 0:t.checked}_getSelectionValue(t,i){return this.selectionKey?(t===null||t===void 0?void 0:t[this.selectionKey])||i:i}_selectionContains(t,i=false){const e=this.selectedRows.findIndex((i=>i.index===t));return!i?e>=0:e}_selectionContainsAll(){var t,i;let e=true;if(!((t=this._items)===null||t===void 0?void 0:t.length)){return false}if(this._rowSelectionLimit!==undefined&&this.selectedRows.length===this._rowSelectionLimit){return true}for(let t=0;t<((i=this._items)===null||i===void 0?void 0:i.length);t++){const i=this._selectionContains(t);if(!i){e=false;break}}return e}_selectionIndeterminate(){var t,i,e;if(!((t=this._items)===null||t===void 0?void 0:t.length)||!((i=this.selectedRows)===null||i===void 0?void 0:i.length)){return false}if(this._rowSelectionLimit!==undefined&&this.selectedRows.length===this._rowSelectionLimit){return false}let s=0;for(let t=0;t<((e=this._items)===null||e===void 0?void 0:e.length);t++){const i=this._selectionContains(t);if(i){s++}}return s>0&&s!==this._items.length}_rowClick(t,i){const e=t.target;if(e.tagName.toLowerCase()==="input"||e.type==="checkbox"){return}const s=this._findRow(t.target);const n=this._findRowAction(t.target);if(n){return}if(this.enableRowClick){const t=this._items[i];this.rowClick.emit({item:t,ctrlDown:this._ctrlDown});return}if(!this._enableRowSelection){return}const a=s===null||s===void 0?void 0:s.querySelector('input[type="checkbox"]');if(!a){return}a.checked=!a.checked;this._checkboxChange(a,i)}_findRow(t){var i;if(!t){return t}if(((i=t===null||t===void 0?void 0:t.tagName)===null||i===void 0?void 0:i.toLowerCase())==="p-table-row"){return t}return this._findRow(t===null||t===void 0?void 0:t.parentElement)}_findRowAction(t){var i;if(!t){return null}if(t.getAttribute("data-is-action")!==null&&t.getAttribute("data-is-action")!=="false"){return t}if(((i=t===null||t===void 0?void 0:t.tagName)===null||i===void 0?void 0:i.toLowerCase())==="p-table-row"){return null}return this._findRowAction(t===null||t===void 0?void 0:t.parentElement)}_showFloatingMenu(){let t=this._rowActionsFloatingAll;if(this.rowSelectionLimit===1&&t.findIndex((t=>(t.type==="single"||t.type==="both")&&t.showFunction))>=0){t=t.filter((t=>t.type==="multi"||!t.showFunction||t.showFunction(this.selectedRows[0])))}this._rowActionsFloating=t;this._floatingMenuShown=true}_parseDefinitions(t){const i=t.map((t=>{t=this._parseDefinitionSizes(t);t.isLast={};return t}));const e=o.reduce(((t,i)=>{t[i]=false;return t}),{});for(let t=i.length-1;t>=0;t--){const s=i[t];for(const t of o){if(e[t]){s.isLast[t]=false;continue}if(s.parsedSizes[t]==="hidden"){s.isLast[t]=false;continue}const n=this._findLastDefinitionBySize(i,t);if(n){s.isLast[t]=false;continue}s.isLast[t]=true}}return i}_findLastDefinitionBySize(t,i){return t.slice().reverse().find((t=>t.isLast[i]===true))}_parseDefinitionSizes(t){var i;const e=t;let s={default:"full"};if(typeof t.sizes==="string"&&!["auto","hidden","full"].includes(t.sizes)){t.sizes=JSON.parse(t.sizes)}for(const[t,n]of o.entries()){if(e.sizes==="auto"||e.sizes==="hidden"||e.sizes==="full"||typeof e.sizes==="number"){s[n]=e.sizes==="auto"?"full":e.sizes;continue}s[n]=(i=e.sizes[n])!==null&&i!==void 0?i:s[o[t-1]]}t.parsedSizes=s;return t}_parseRowActionsRowDefinition(){const t=o.reduce(((t,i)=>{t[i]=true;return t}),{});const i={default:0};for(const t of o){const e=this._findLastDefinitionBySize(this._columns,t);i[t]=e.parsedSizes[t]}return{isLast:t,sizes:i,parsedSizes:i,align:"end",type:"td",path:null}}get _el(){return n(this)}static get watchers(){return{items:["_parseItems"],enableRowSelection:["_setRowSelectionData"],rowSelectionLimit:["_setRowSelectionData"],selectedRows:["_setRowSelectionData"]}}};c.style=d;export{c as p_table};
|
|
2
|
-
//# sourceMappingURL=p-05d63d59.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as s}from"./p-0c2cc6c4.js";const o=".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const n=class{constructor(i){t(this,i);this._generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};this._generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const i=this._el.querySelectorAll("p-stepper-item");let e=false;for(let s=0;s<(i===null||i===void 0?void 0:i.length);s++){const o=i.item(s);if(this.enableAutoStatus){o.active=s===t;o.finished=s<t}if(!this.activeStep||t<0){if(o.active){t=s}if(t<0&&o.finished){t=s+1}}if(o.direction!==this.direction&&!e){e=true}o.direction=this.direction;o.align=s===0?"start":s===(i===null||i===void 0?void 0:i.length)-1?"end":"center";o.contentPosition=this.contentPosition}if(e){await new Promise((t=>setTimeout(t,200)))}for(let e=0;e<(i===null||i===void 0?void 0:i.length);e++){const s=i.item(e);if(e<i.length-1){let i=s.nextElementSibling;if(i&&i.tagName.toLowerCase()==="p-stepper-item"){const o=document.createElement("p-stepper-line");this._el.insertBefore(o,i);this._setStepperLineData(o,s,i,e,t);const n=o.previousElementSibling;if(n&&n.tagName.toLowerCase()==="p-stepper-line"){n.remove()}continue}if(i&&i.tagName.toLowerCase()==="p-stepper-line"){const o=i;i=i.nextElementSibling;if(i&&i.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(o,s,i,e,t)}}}if(e>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const i=s.item(t);i.remove()}};this._setStepperLineData=(t,i,e,s,o)=>{const n=i.clientHeight/2;const r=e.clientHeight/2;t.direction=this.direction;t.active=s<o;if(n>0&&this.direction==="vertical"){t.style.marginTop=`-${n/16}rem`;t.style.marginBottom=`-${r/16}rem`;t.style.minHeight=`calc(1rem + ${(n+r)/16}rem)`}};this.activeStep=1;this.enableAutoStatus=true;this.direction="horizontal";this.contentPosition="end"}componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i(e,{class:"p-stepper"},i("slot",{onSlotchange:()=>this._generateStepsOnce()}))}_onActiveStepChange(){this._generateStepsOnce()}get _el(){return s(this)}static get watchers(){return{activeStep:["_onActiveStepChange"]}}};n.style=o;export{n as p_stepper};
|
|
2
|
-
//# sourceMappingURL=p-b25507db.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stepperComponentCss","Stepper","this","_generateStepsOnce","_generateTimeout","clearTimeout","setTimeout","_generateSteps","async","_el","activeStep","items","querySelectorAll","directionChanged","i","length","item","enableAutoStatus","active","finished","direction","align","contentPosition","Promise","resolve","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setStepperLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","style","marginTop","marginBottom","minHeight","componentDidLoad","_resizeObserver","ResizeObserver","observe","disconnectCallback","disconnect","render","h","Host","class","onSlotchange","_onActiveStepChange"],"sources":["src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n\t@apply flex-col flex-wrap items-start;\n\t@apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.scss',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _generateTimeout: NodeJS.Timer;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _generateStepsOnce = () => {\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tlet directionChanged = false;\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.direction = this.direction;\n\t\t\titem.align =\n\t\t\t\ti === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setStepperLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\t};\n\n\tprivate _setStepperLineData = (\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) => {\n\t\tconst heightDiff = item.clientHeight / 2;\n\t\tconst heightDiffNext = nextItem.clientHeight / 2;\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t(heightDiff + heightDiffNext) / 16\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-stepper'>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,g as n}from"./p-0c2cc6c4.js";import{f as a,t as o}from"./p-f8544f0c.js";import{f as r,g as l}from"./p-33fa21e3.js";import{d as h,a as u}from"./p-da7b6f2c.js";const d=".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;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))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";const c=class{constructor(e){t(this,e);this.selectedRowsChange=i(this,"selectedRowsChange",3);this.rowClick=i(this,"rowClick",3);this.rowSelected=i(this,"rowSelected",3);this.rowDeselected=i(this,"rowDeselected",3);this.hasRendered=i(this,"hasRendered",3);this.quickFilter=i(this,"quickFilter",3);this.queryChange=i(this,"queryChange",3);this.filter=i(this,"filter",3);this.action=i(this,"action",3);this.pageChange=i(this,"pageChange",3);this.pageSizeChange=i(this,"pageSizeChange",3);this.export=i(this,"export",3);this.emptyStateActionClick=i(this,"emptyStateActionClick",3);this._rowActionsFloatingAll=[];this._ctrlDown=false;this._hasCustomFilterSlot=false;this._hasCustomActionsSlot=false;this._floatingMenuShown=false;this.items=undefined;this.loading=false;this.headerLoading=false;this.footerLoading=false;this.amountOfLoadingRows=6;this.enableRowSelection=true;this.rowSelectionLimit=undefined;this.enableRowClick=true;this.selectedRows=[];this.enableFloatingMenu=true;this.floatingMenuAmountSelectedTemplate=t=>{var i,e,s;return r((s=t===1?(i=this._locales.floating_menu)===null||i===void 0?void 0:i.amount_selected:(e=this._locales.floating_menu)===null||e===void 0?void 0:e.amount_selected_plural)===null||s===void 0?void 0:s.replace("{{amount}}",t))};this.selectionKey=undefined;this.canSelectKey=undefined;this.enableHeader=true;this.quickFilters=[];this.activeQuickFilterIdentifier=undefined;this.enableSearch=true;this.query=undefined;this.enableFilter=true;this.enableFilterDesktop=true;this.selectedFiltersAmount=undefined;this.filterButtonTemplate=undefined;this.enableAction=false;this.actionButtonLoading=false;this.actionButtonEnabled=false;this.actionButtonIcon="pencil";this.actionButtonText=undefined;this.actionButtonTemplate=undefined;this.enableFooter=true;this.enablePageSize=true;this.enablePagination=true;this.enableExport=true;this.page=1;this.total=undefined;this.pageSize=h;this.pageSizeOptions=u;this.hideOnSinglePage=true;this.emptyStateHeader=()=>{var t;return r((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.header)};this.emptyStateContent=()=>{var t;return r((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.content)};this.emptyStateAction=()=>{var t;return r((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.action)};this.enableEmptyStateAction=true;this.emptyStateFilteredHeader=()=>r(this._locales.empty_state.filtered.header);this.emptyStateFilteredContent=()=>r(this._locales.empty_state.filtered.content);this.shadow=true;this._locales={};this._columns=[];this._items=[];this._enableRowSelection=this.enableRowSelection;this._rowSelectionLimit=undefined;this._rowActionsFloating=[];this._rowActionsRow=[]}componentWillLoad(){this._hasCustomFilterSlot=!!this._el.querySelector(':scope > [slot="custom-filter"]');this._hasCustomActionsSlot=!!this._el.querySelector(':scope > [slot="custom-actions"]');this._setRowSelectionData();this._setLocales();this._parseItems(this.items);this._generateColumns()}componentDidRender(){this.hasRendered.emit()}render(){var t,i,n,a,o,r,l;return e(s,{class:"p-table"},e("p-table-container",{shadow:this.shadow},this.enableHeader&&e("p-table-header",{quickFilters:this.quickFilters,activeQuickFilterIdentifier:this.activeQuickFilterIdentifier,onQuickFilter:({detail:t})=>this.quickFilter.emit(t),enableSearch:this.enableSearch,query:this.query,onQueryChange:({detail:t})=>this.queryChange.emit(t),enableFilter:this.enableFilter,enableFilterDesktop:this.enableFilterDesktop,selectedFiltersAmount:this.selectedFiltersAmount,filterButtonTemplate:this.filterButtonTemplate,onFilter:()=>this.filter.emit(),enableAction:this.enableAction,actionIcon:this.actionButtonIcon,actionText:this.actionButtonText,actionLoading:this.actionButtonLoading,canUseAction:this.actionButtonEnabled,actionButtonTemplate:this.actionButtonTemplate,onAction:()=>this.action.emit(),itemsSelectedAmount:(t=this.selectedRows)===null||t===void 0?void 0:t.length,loading:this.headerLoading},this._hasCustomFilterSlot&&e("slot",{name:"custom-filter",slot:"custom-filter"}),this._hasCustomActionsSlot&&e("slot",{name:"custom-actions",slot:"custom-actions"})),this._getHeader(),e("div",{class:"flex flex-1 flex-col"},this._getRows()),this.enableFooter&&e("p-table-footer",{hideOnSinglePage:this.hideOnSinglePage,enablePageSize:this.enablePageSize,pageSize:this.pageSize,pageSizeOptions:this.pageSizeOptions,onPageSizeChange:({detail:t})=>this.pageSizeChange.emit(t),enablePagination:this.enablePagination,page:this.page,total:this.total,onPageChange:({detail:t})=>this.pageChange.emit(t),enableExport:this.enableExport,onExport:()=>this.export.emit(),loading:this.footerLoading}),this.enableFloatingMenu&&this._enableRowSelection?e("p-floating-menu-container",{usedInTable:true,class:`${((i=this.selectedRows)===null||i===void 0?void 0:i.length)?"":"inactive"} ${this._floatingMenuShown?"shown":""}`},e("p-floating-menu-item",{hover:false,slot:"floating-menu-item",class:((n=this._rowActionsFloating)===null||n===void 0?void 0:n.length)?"hidden tablet:flex":""},this.floatingMenuAmountSelectedTemplate((a=this.selectedRows)===null||a===void 0?void 0:a.length)),e("p-divider",{class:`mx-0 text-storm ${((o=this._rowActionsFloating)===null||o===void 0?void 0:o.length)?"hidden tablet:flex":""}`,variant:"vertical",slot:"floating-menu-item"}),((r=this._rowActionsFloating)===null||r===void 0?void 0:r.length)&&this._rowActionsFloating.map((t=>e("p-floating-menu-item",{slot:"floating-menu-item",disabled:t.disabled,onClick:()=>!t.disabled&&!t.loading&&!!t.action&&t.type==="single"?t.action(this.selectedRows[0],false):t.action(this.selectedRows,true)},t.label," ",t.loading?e("p-loader",null):e("p-icon",{variant:t.icon,rotate:t.iconRotate,flip:t.iconFlip})))),((l=this._rowActionsFloating)===null||l===void 0?void 0:l.length)&&e("p-divider",{class:"mx-0 text-storm",variant:"vertical",slot:"floating-menu-item"}),e("p-floating-menu-item",{slot:"floating-menu-item",onClick:()=>this._selectAllChange(null,false)},e("p-icon",{variant:"negative"}))):""))}async _setLocales(){this._locales=await l(this._el)}onTableDefinitionUpdated(){this._generateColumns()}keyDown({key:t}){if(t!=="Control"||this._ctrlDown===true){return}this._ctrlDown=true}keyUp({key:t}){if(t!=="Control"||this._ctrlDown===false){return}this._ctrlDown=false}visibilityChange(){if(document.visibilityState!=="hidden"||this._ctrlDown===false){return}this._ctrlDown=false}_parseItems(t){if(!t){this._items=[];return}if(Array.isArray(t)){this._items=t;return}this._items=JSON.parse(t)}_setRowSelectionData(){if(this._resizeTimeout){clearTimeout(this._resizeTimeout)}this._resizeTimeout=setTimeout((()=>{var t,i;const e=a();const s=Array.from(this._el.querySelectorAll(":scope > p-table-row-action"));this._rowActionsRow=s.filter((t=>t.type==="both"||t.type==="single"));this._rowActionsFloatingAll=s.filter((t=>this.enableRowSelection&&(t.type==="both"||t.type==="multi")||e&&t.type==="single")).map((t=>{var i;if(t.type==="single"){t.disabled=((i=this.selectedRows)===null||i===void 0?void 0:i.length)>1}return t}));let n=this.rowSelectionLimit;if(e&&((t=this._rowActionsFloatingAll)===null||t===void 0?void 0:t.length)&&(n!==undefined&&this.enableRowSelection||!this.enableRowSelection)){n=1}this._rowSelectionLimit=n;let o=this.enableRowSelection;if(e&&((i=this._rowActionsFloatingAll)===null||i===void 0?void 0:i.length)&&!o){o=true}this._enableRowSelection=o;if(this._floatingMenuShown){this._showFloatingMenu()}}),200)}_generateColumns(){const t=this._el.querySelectorAll("p-table-column");let i=Array.from(t);i=this._parseDefinitions(i);this._columns=i}_getHeader(){return e("p-table-row",{variant:"header"},this._columns.map(((t,i)=>e("p-table-cell",{definition:t,value:t.name,variant:"header",checkbox:i===0||t.hasCheckbox?this._getCheckbox(null,this.loading?"loading":"header"):null,index:i}))))}_getRows(){if(this.loading){return Array.from({length:this.amountOfLoadingRows},((t,i)=>e("p-table-row",{enableHover:this._enableRowSelection||this.enableRowClick},this._getLoadingColumns(i))))}if(!this._items.length){return this._getEmptyState()}return this._items.map(((t,i)=>e("p-table-row",{enableHover:this._enableRowSelection||this.enableRowClick,onClick:t=>this._rowClick(t,i)},this._getRowColumns(t,i))))}_getRowColumns(t,i){const s=this._rowActionsRow.filter((i=>i.showFunction?i.showFunction(t):true));const n=this._columns.map(((n,o)=>e("p-table-cell",{definition:n,item:t,checkbox:o===0||n.hasCheckbox?this._getCheckbox(i):null,index:o,rowIndex:i,tableHasActions:!!s.length&&!a()})));if((s===null||s===void 0?void 0:s.length)&&!a()){const a=this._parseRowActionsRowDefinition();if(!s.length){return n}n.push(e("p-table-cell",{variant:"actions",definition:a,item:t,index:this._columns.length-1,rowIndex:i,tableHasActions:true},e("div",{slot:"actions",class:"ml-auto flex items-center gap-2"},s.map((i=>e("p-tooltip",{content:i.label},e("p-button",{"data-is-action":true,variant:"secondary",slot:"trigger",icon:i.icon,iconRotate:i.iconRotate,iconFlip:i.iconFlip,iconOnly:true,size:"small",onClick:()=>{var e;return typeof i.action==="function"&&((e=i.action)===null||e===void 0?void 0:e.call(i,t,false))}})))))))}return n}_getLoadingColumns(t){return this._columns.map(((i,s)=>e("p-table-cell",{definition:i,variant:"loading",checkbox:s===0||i.hasCheckbox?this._getCheckbox(t,"loading"):null,index:s,rowIndex:t})))}_getCheckbox(t,i="default"){var s;if(!this._enableRowSelection||!this.selectionKey&&!((s=this._rowActionsFloating)===null||s===void 0?void 0:s.length)){return}if(i==="loading"){return e("p-loader",{variant:"ghost",class:"h-6 w-6 rounded"})}if(i==="header"){return e("input",{class:`p-input ${this._rowSelectionLimit!==undefined&&"opacity-0"}`,type:"checkbox",onChange:t=>this._selectAllChange(t),checked:this._selectionContainsAll(),indeterminate:this._selectionIndeterminate(),disabled:this._rowSelectionLimit!==undefined})}const n=this._items[t];const a=this._selectionContains(t);return e("input",{class:"p-input",type:"checkbox",onChange:i=>this._checkboxChange(i===null||i===void 0?void 0:i.target,t),disabled:this.canSelectKey&&!n[this.canSelectKey]||this._rowSelectionLimit!==undefined&&!a&&this.selectedRows.length===this._rowSelectionLimit,checked:a})}_getEmptyState(){var t;if(((t=this.query)===null||t===void 0?void 0:t.length)||this.selectedFiltersAmount){return e("div",{class:"flex max-w-[20rem] flex-col items-center self-center py-24 text-center"},e("p-illustration",{variant:"empty-state-search",class:"mb-6"}),e("p",{class:"text-storm-default font-semibold"},this.emptyStateFilteredHeader()),e("p",{class:"mb-14 text-sm text-storm-medium"},this.emptyStateFilteredContent()))}return e("div",{class:`flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${this.enableEmptyStateAction&&"cursor-pointer"}`,onClick:()=>this.enableEmptyStateAction&&this.emptyStateActionClick.emit(null)},e("p-illustration",{variant:"empty-state-add",class:"mb-6"}),e("p",{class:"text-storm-default font-semibold"},this.emptyStateHeader()),e("p",{class:"mb-6 text-sm text-storm-medium"},this.emptyStateContent()),this.enableEmptyStateAction&&e("p-button",{variant:"secondary",icon:"plus",size:"small"},this.emptyStateAction()))}_selectAllChange(t,i){if(!this._enableRowSelection){return}const e=i===undefined?this._getCheckedValue(t.target):i;if(e){const t=[];for(let i=0;i<this._items.length;i++){const e=this._items[i];if(this.canSelectKey&&!e[this.canSelectKey]){continue}if(this._selectionContains(i)){continue}t.push(e);this.rowSelected.emit(e);if(this._rowSelectionLimit!==undefined&&this.selectedRows.length+t.length===this._rowSelectionLimit){break}}this.selectedRows=[...this.selectedRows,...t];this.selectedRowsChange.emit(this.selectedRows);if(this.enableFloatingMenu&&!this._floatingMenuShown){this._showFloatingMenu()}return}for(let t=0;t<this.selectedRows.length;t++){const i=this.selectedRows[t];const e=this._items.find((e=>this._getSelectionValue(e,t)===this._getSelectionValue(i,t)));if(!e){continue}this.rowDeselected.emit(e)}this.selectedRows=[];this.selectedRowsChange.emit(this.selectedRows)}_checkboxChange(t,i){if(!this._enableRowSelection){return}const e=this._getCheckedValue(t);if(e&&this._rowSelectionLimit!==undefined&&this.selectedRows.length>=this._rowSelectionLimit){t.checked=false;return}const s=this._items[i];if(this.canSelectKey&&!s[this.canSelectKey]){t.checked=false;return}if(e){this.selectedRows=[...this.selectedRows,Object.assign(Object.assign({},s),{index:i})];this.selectedRowsChange.emit(this.selectedRows);this.rowSelected.emit(s);if(this.enableFloatingMenu&&!this._floatingMenuShown){this._showFloatingMenu()}return}const n=this._selectionContains(i,true);const a=[...this.selectedRows];a.splice(n,1);this.selectedRows=a;this.selectedRowsChange.emit(this.selectedRows);this.rowDeselected.emit(s)}_getCheckedValue(t){return t===null||t===void 0?void 0:t.checked}_getSelectionValue(t,i){return this.selectionKey?(t===null||t===void 0?void 0:t[this.selectionKey])||i:i}_selectionContains(t,i=false){const e=this.selectedRows.findIndex((i=>i.index===t));return!i?e>=0:e}_selectionContainsAll(){var t,i;let e=true;if(!((t=this._items)===null||t===void 0?void 0:t.length)){return false}if(this._rowSelectionLimit!==undefined&&this.selectedRows.length===this._rowSelectionLimit){return true}for(let t=0;t<((i=this._items)===null||i===void 0?void 0:i.length);t++){const i=this._selectionContains(t);if(!i){e=false;break}}return e}_selectionIndeterminate(){var t,i,e;if(!((t=this._items)===null||t===void 0?void 0:t.length)||!((i=this.selectedRows)===null||i===void 0?void 0:i.length)){return false}if(this._rowSelectionLimit!==undefined&&this.selectedRows.length===this._rowSelectionLimit){return false}let s=0;for(let t=0;t<((e=this._items)===null||e===void 0?void 0:e.length);t++){const i=this._selectionContains(t);if(i){s++}}return s>0&&s!==this._items.length}_rowClick(t,i){const e=t.target;if(e.tagName.toLowerCase()==="input"||e.type==="checkbox"){return}const s=this._findRow(t.target);const n=this._findRowAction(t.target);if(n){return}if(this.enableRowClick){const t=this._items[i];this.rowClick.emit({item:t,ctrlDown:this._ctrlDown});return}if(!this._enableRowSelection){return}const a=s===null||s===void 0?void 0:s.querySelector('input[type="checkbox"]');if(!a){return}a.checked=!a.checked;this._checkboxChange(a,i)}_findRow(t){var i;if(!t){return t}if(((i=t===null||t===void 0?void 0:t.tagName)===null||i===void 0?void 0:i.toLowerCase())==="p-table-row"){return t}return this._findRow(t===null||t===void 0?void 0:t.parentElement)}_findRowAction(t){var i;if(!t){return null}if(t.getAttribute("data-is-action")!==null&&t.getAttribute("data-is-action")!=="false"){return t}if(((i=t===null||t===void 0?void 0:t.tagName)===null||i===void 0?void 0:i.toLowerCase())==="p-table-row"){return null}return this._findRowAction(t===null||t===void 0?void 0:t.parentElement)}_showFloatingMenu(){let t=this._rowActionsFloatingAll;if(this.rowSelectionLimit===1&&t.findIndex((t=>(t.type==="single"||t.type==="both")&&t.showFunction))>=0){t=t.filter((t=>t.type==="multi"||!t.showFunction||t.showFunction(this.selectedRows[0])))}this._rowActionsFloating=t;this._floatingMenuShown=true}_parseDefinitions(t){const i=t.map((t=>{t=this._parseDefinitionSizes(t);t.isLast={};return t}));const e=o.reduce(((t,i)=>{t[i]=false;return t}),{});for(let t=i.length-1;t>=0;t--){const s=i[t];for(const t of o){if(e[t]){s.isLast[t]=false;continue}if(s.parsedSizes[t]==="hidden"){s.isLast[t]=false;continue}const n=this._findLastDefinitionBySize(i,t);if(n){s.isLast[t]=false;continue}s.isLast[t]=true}}return i}_findLastDefinitionBySize(t,i){return t.slice().reverse().find((t=>t.isLast[i]===true))}_parseDefinitionSizes(t){var i;const e=t;let s={default:"full"};if(typeof t.sizes==="string"&&!["auto","hidden","full"].includes(t.sizes)){t.sizes=JSON.parse(t.sizes)}for(const[t,n]of o.entries()){if(e.sizes==="auto"||e.sizes==="hidden"||e.sizes==="full"||typeof e.sizes==="number"){s[n]=e.sizes==="auto"?"full":e.sizes;continue}s[n]=(i=e.sizes[n])!==null&&i!==void 0?i:s[o[t-1]]}t.parsedSizes=s;return t}_parseRowActionsRowDefinition(){const t=o.reduce(((t,i)=>{t[i]=true;return t}),{});const i={default:0};for(const t of o){const e=this._findLastDefinitionBySize(this._columns,t);i[t]=e.parsedSizes[t]}return{isLast:t,sizes:i,parsedSizes:i,align:"end",type:"td",path:null}}get _el(){return n(this)}static get watchers(){return{items:["_parseItems"],enableRowSelection:["_setRowSelectionData"],rowSelectionLimit:["_setRowSelectionData"],selectedRows:["_setRowSelectionData"]}}};c.style=d;export{c as p_table};
|
|
2
|
-
//# sourceMappingURL=p-05d63d59.entry.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as t,h as i,H as e,g as s}from"./p-0c2cc6c4.js";const o=".flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.static{position:static!important}";const n=class{constructor(i){t(this,i);this._generateStepsOnce=()=>{if(this._generateTimeout){clearTimeout(this._generateTimeout);this._generateTimeout=null}this._generateTimeout=setTimeout((()=>this._generateSteps()),50)};this._generateSteps=async()=>{if(!this._el){return}let t=this.activeStep-1||0;const i=this._el.querySelectorAll("p-stepper-item");let e=false;for(let s=0;s<(i===null||i===void 0?void 0:i.length);s++){const o=i.item(s);if(this.enableAutoStatus){o.active=s===t;o.finished=s<t}if(!this.activeStep||t<0){if(o.active){t=s}if(t<0&&o.finished){t=s+1}}if(o.direction!==this.direction&&!e){e=true}o.direction=this.direction;o.align=s===0?"start":s===(i===null||i===void 0?void 0:i.length)-1?"end":"center";o.contentPosition=this.contentPosition}if(e){await new Promise((t=>setTimeout(t,200)))}for(let e=0;e<(i===null||i===void 0?void 0:i.length);e++){const s=i.item(e);if(e<i.length-1){let i=s.nextElementSibling;if(i&&i.tagName.toLowerCase()==="p-stepper-item"){const o=document.createElement("p-stepper-line");this._el.insertBefore(o,i);this._setStepperLineData(o,s,i,e,t);const n=o.previousElementSibling;if(n&&n.tagName.toLowerCase()==="p-stepper-line"){n.remove()}continue}if(i&&i.tagName.toLowerCase()==="p-stepper-line"){const o=i;i=i.nextElementSibling;if(i&&i.tagName.toLowerCase()==="p-stepper-item"){this._setStepperLineData(o,s,i,e,t)}}}if(e>0){const t=s.previousElementSibling;if(t&&t.tagName.toLowerCase()==="p-stepper-line"){t.direction=this.direction;t.active=s.active||s.finished}}}const s=this._el.querySelectorAll("p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child");for(let t=s.length-1;t>=0;t--){const i=s.item(t);i.remove()}};this._setStepperLineData=(t,i,e,s,o)=>{const n=i.clientHeight/2;const r=e.clientHeight/2;t.direction=this.direction;t.active=s<o;if(n>0&&this.direction==="vertical"){t.style.marginTop=`-${n/16}rem`;t.style.marginBottom=`-${r/16}rem`;t.style.minHeight=`calc(1rem + ${(n+r)/16}rem)`}};this.activeStep=1;this.enableAutoStatus=true;this.direction="horizontal";this.contentPosition="end"}componentDidLoad(){this._resizeObserver=new ResizeObserver((()=>this._generateStepsOnce()));this._resizeObserver.observe(this._el)}disconnectCallback(){if(this._resizeObserver){this._resizeObserver.disconnect()}}render(){return i(e,{class:"p-stepper"},i("slot",{onSlotchange:()=>this._generateStepsOnce()}))}_onActiveStepChange(){this._generateStepsOnce()}get _el(){return s(this)}static get watchers(){return{activeStep:["_onActiveStepChange"]}}};n.style=o;export{n as p_stepper};
|
|
2
|
-
//# sourceMappingURL=p-b25507db.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["stepperComponentCss","Stepper","this","_generateStepsOnce","_generateTimeout","clearTimeout","setTimeout","_generateSteps","async","_el","activeStep","items","querySelectorAll","directionChanged","i","length","item","enableAutoStatus","active","finished","direction","align","contentPosition","Promise","resolve","nextItem","nextElementSibling","tagName","toLowerCase","stepperLine","document","createElement","insertBefore","_setStepperLineData","previous","previousElementSibling","remove","previousItem","lines","j","line","heightDiff","clientHeight","heightDiffNext","style","marginTop","marginBottom","minHeight","componentDidLoad","_resizeObserver","ResizeObserver","observe","disconnectCallback","disconnect","render","h","Host","class","onSlotchange","_onActiveStepChange"],"sources":["src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n}\n\n:host([direction='horizontal']) {\n\t@apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n\t@apply flex-col flex-wrap items-start;\n\t@apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n\t@apply items-end;\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.scss',\n\tshadow: true,\n})\nexport class Stepper {\n\t/**\n\t * The currently active step\n\t */\n\t@Prop() activeStep: number = 1;\n\n\t/**\n\t * Wether to automatically apply active & finished to items\n\t */\n\t@Prop() enableAutoStatus: boolean = true;\n\n\t/**\n\t * The direction of the stepper\n\t */\n\t@Prop({ reflect: true }) direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _generateTimeout: NodeJS.Timer;\n\tprivate _resizeObserver: ResizeObserver;\n\n\tprivate _generateStepsOnce = () => {\n\t\tif (this._generateTimeout) {\n\t\t\tclearTimeout(this._generateTimeout);\n\t\t\tthis._generateTimeout = null;\n\t\t}\n\n\t\tthis._generateTimeout = setTimeout(() => this._generateSteps(), 50);\n\t};\n\n\tprivate _generateSteps = async () => {\n\t\tif (!this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tlet directionChanged = false;\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (this.enableAutoStatus) {\n\t\t\t\titem.active = i === activeStep;\n\t\t\t\titem.finished = i < activeStep;\n\t\t\t}\n\n\t\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\t\tif (item.active) {\n\t\t\t\t\tactiveStep = i;\n\t\t\t\t}\n\n\t\t\t\tif (activeStep < 0 && item.finished) {\n\t\t\t\t\tactiveStep = i + 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (item.direction !== this.direction && !directionChanged) {\n\t\t\t\tdirectionChanged = true;\n\t\t\t}\n\n\t\t\titem.direction = this.direction;\n\t\t\titem.align =\n\t\t\t\ti === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';\n\t\t\titem.contentPosition = this.contentPosition;\n\t\t}\n\n\t\tif (directionChanged) {\n\t\t\t// super hacky way to ensure all elements that have a direction changed are re-rendered\n\t\t\tawait new Promise(resolve => setTimeout(resolve, 200));\n\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tlet nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\n\t\t\t\t\tthis._setStepperLineData(stepperLine, item, nextItem, i, activeStep);\n\n\t\t\t\t\tconst previous = stepperLine.previousElementSibling;\n\t\t\t\t\tif (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\t\tprevious.remove();\n\t\t\t\t\t}\n\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n\t\t\t\t\tconst stepperLine = nextItem;\n\t\t\t\t\tnextItem = nextItem.nextElementSibling;\n\n\t\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t\tthis._setStepperLineData(\n\t\t\t\t\t\t\tstepperLine,\n\t\t\t\t\t\t\titem,\n\t\t\t\t\t\t\tnextItem,\n\t\t\t\t\t\t\ti,\n\t\t\t\t\t\t\tactiveStep\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (\n\t\t\t\t\tpreviousItem &&\n\t\t\t\t\tpreviousItem.tagName.toLowerCase() === 'p-stepper-line'\n\t\t\t\t) {\n\t\t\t\t\tpreviousItem.direction = this.direction;\n\t\t\t\t\tpreviousItem.active = item.active || item.finished;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tconst lines = this._el.querySelectorAll(\n\t\t\t'p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child'\n\t\t);\n\t\tfor (let j = lines.length - 1; j >= 0; j--) {\n\t\t\tconst line = lines.item(j);\n\t\t\tline.remove();\n\t\t}\n\t};\n\n\tprivate _setStepperLineData = (\n\t\tstepperLine: HTMLPStepperLineElement,\n\t\titem: HTMLPStepperItemElement,\n\t\tnextItem: HTMLPStepperItemElement,\n\t\ti: number,\n\t\tactiveStep: number\n\t) => {\n\t\tconst heightDiff = item.clientHeight / 2;\n\t\tconst heightDiffNext = nextItem.clientHeight / 2;\n\n\t\tstepperLine.direction = this.direction;\n\t\tstepperLine.active = i < activeStep;\n\n\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t(heightDiff + heightDiffNext) / 16\n\t\t\t}rem)`;\n\t\t}\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._resizeObserver = new ResizeObserver(() => this._generateStepsOnce());\n\t\tthis._resizeObserver.observe(this._el);\n\t}\n\n\tdisconnectCallback() {\n\t\tif (this._resizeObserver) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-stepper'>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"mappings":"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"}
|