@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/esm/p-stepper.entry.js

@@ -1,107 +1,108 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-f99096d4.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-2ef94580.js';
 
 const stepperComponentCss = ".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 PStepperStyle0 = stepperComponentCss;
 
 const Stepper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this._loaded = false;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.activeStep = 1;
+        this.direction = 'horizontal';
+        this.contentPosition = 'end';
+        this._rendering = false;
+    }
+    get _el() { return getElement(this); }
+    _loaded = false;
     // private _steps: Array<HTMLPStepperItemElement>;
-    this._delay = (amount) => new Promise(resolve => setTimeout(resolve, amount));
-    this._onSlotChange = async (_e) => this._generateSteps();
-    this._generateSteps = async (firstLoad = false) => {
-      if (!firstLoad && (!this._el || this._rendering || !this._loaded)) {
-        return;
-      }
-      this._rendering = true;
-      let activeStep = this.activeStep - 1 || 0;
-      const items = this._el.querySelectorAll('p-stepper-item');
-      if (!this.activeStep || activeStep < 0) {
-        for (let i = 0; i < (items === null || items === void 0 ? void 0 : items.length); i++) {
-          const item = items.item(i);
-          if (item.active) {
-            activeStep = i;
-          }
-          if (activeStep < 0 && item.finished) {
-            activeStep = i + 1;
-          }
+    _delay = (amount) => new Promise(resolve => setTimeout(resolve, amount));
+    _onSlotChange = async (_e) => this._generateSteps();
+    _generateSteps = async (firstLoad = false) => {
+        if (!firstLoad && (!this._el || this._rendering || !this._loaded)) {
+            return;
         }
-      }
-      for (let i = 0; i < (items === null || items === void 0 ? void 0 : items.length); i++) {
-        let directionChanged = false;
-        const item = items.item(i);
-        item.active = i === activeStep;
-        item.finished = i < activeStep;
-        if (item.direction !== this.direction) {
-          directionChanged = true;
+        this._rendering = true;
+        let activeStep = this.activeStep - 1 || 0;
+        const items = this._el.querySelectorAll('p-stepper-item');
+        if (!this.activeStep || activeStep < 0) {
+            for (let i = 0; i < items?.length; i++) {
+                const item = items.item(i);
+                if (item.active) {
+                    activeStep = i;
+                }
+                if (activeStep < 0 && item.finished) {
+                    activeStep = i + 1;
+                }
+            }
         }
-        item.direction = this.direction;
-        item.align =
-          i === 0 ? 'start' : i === (items === null || items === void 0 ? void 0 : items.length) - 1 ? 'end' : 'center';
-        item.contentPosition = this.contentPosition;
-        if (i < items.length - 1) {
-          const nextItem = item.nextElementSibling;
-          if (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {
-            // super hacky, but we want to wait for the css of the `item.direction` change to be applied before querying for the item.clientHeight
-            // otherwise we always get the initial "16"
-            if (directionChanged) {
-              await this._delay(10);
+        for (let i = 0; i < items?.length; i++) {
+            let directionChanged = false;
+            const item = items.item(i);
+            item.active = i === activeStep;
+            item.finished = i < activeStep;
+            if (item.direction !== this.direction) {
+                directionChanged = true;
             }
-            const heightDiff = (item.clientHeight > 16
-              ? item.clientHeight - 16
-              : item.clientHeight) / 2;
-            const stepperLine = document.createElement('p-stepper-line');
-            stepperLine.direction = this.direction;
-            stepperLine.active = i < activeStep;
-            if (heightDiff > 0 && this.direction === 'vertical') {
-              stepperLine.style.marginTop = `-${heightDiff / 16}rem`;
-              stepperLine.style.marginBottom = `-${heightDiff / 16}rem`;
-              stepperLine.style.minHeight = `calc(1rem + ${(heightDiff * 2) / 16}rem)`;
+            item.direction = this.direction;
+            item.align =
+                i === 0 ? 'start' : i === items?.length - 1 ? 'end' : 'center';
+            item.contentPosition = this.contentPosition;
+            if (i < items.length - 1) {
+                const nextItem = item.nextElementSibling;
+                if (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {
+                    // super hacky, but we want to wait for the css of the `item.direction` change to be applied before querying for the item.clientHeight
+                    // otherwise we always get the initial "16"
+                    if (directionChanged) {
+                        await this._delay(10);
+                    }
+                    const heightDiff = (item.clientHeight > 16
+                        ? item.clientHeight - 16
+                        : item.clientHeight) / 2;
+                    const stepperLine = document.createElement('p-stepper-line');
+                    stepperLine.direction = this.direction;
+                    stepperLine.active = i < activeStep;
+                    if (heightDiff > 0 && this.direction === 'vertical') {
+                        stepperLine.style.marginTop = `-${heightDiff / 16}rem`;
+                        stepperLine.style.marginBottom = `-${heightDiff / 16}rem`;
+                        stepperLine.style.minHeight = `calc(1rem + ${(heightDiff * 2) / 16}rem)`;
+                    }
+                    this._el.insertBefore(stepperLine, nextItem);
+                    const previous = stepperLine.previousElementSibling;
+                    if (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {
+                        previous.remove();
+                    }
+                    continue;
+                }
             }
-            this._el.insertBefore(stepperLine, nextItem);
-            const previous = stepperLine.previousElementSibling;
-            if (previous && previous.tagName.toLowerCase() === 'p-stepper-line') {
-              previous.remove();
+            if (i > 0) {
+                const previousItem = item.previousElementSibling;
+                if (previousItem.tagName.toLowerCase() === 'p-stepper-line') {
+                    previousItem.direction = this.direction;
+                    previousItem.active = item.active || item.finished;
+                }
             }
-            continue;
-          }
         }
-        if (i > 0) {
-          const previousItem = item.previousElementSibling;
-          if (previousItem.tagName.toLowerCase() === 'p-stepper-line') {
-            previousItem.direction = this.direction;
-            previousItem.active = item.active || item.finished;
-          }
+        const lines = this._el.querySelectorAll('p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child');
+        for (let j = lines.length - 1; j >= 0; j--) {
+            const line = lines.item(j);
+            line.remove();
         }
-      }
-      const lines = this._el.querySelectorAll('p-stepper-line:not(:has(+ p-stepper-item)), p-stepper-line:first-child');
-      for (let j = lines.length - 1; j >= 0; j--) {
-        const line = lines.item(j);
-        line.remove();
-      }
-      setTimeout(() => (this._rendering = false), 100);
+        setTimeout(() => (this._rendering = false), 100);
     };
-    this.activeStep = 1;
-    this.direction = 'horizontal';
-    this.contentPosition = 'end';
-    this._rendering = false;
-  }
-  componentDidLoad() {
-    this._loaded = true;
-    this._generateSteps(true);
-  }
-  render() {
-    return (h(Host, { class: 'p-stepper' }, h("slot", { onSlotchange: this._onSlotChange })));
-  }
-  _onActiveStepChange() {
-    this._generateSteps();
-  }
-  get _el() { return getElement(this); }
-  static get watchers() { return {
-    "activeStep": ["_onActiveStepChange"]
-  }; }
+    componentDidLoad() {
+        this._loaded = true;
+        this._generateSteps(true);
+    }
+    render() {
+        return (h(Host, { key: '08618e878d073d704ee23f62df4c855d4a0cb86d', class: 'p-stepper' }, h("slot", { key: 'd8dd06cb1ee5d662ea3b8aa4379b0d1e8877dbbd', onSlotchange: this._onSlotChange })));
+    }
+    _onActiveStepChange() {
+        this._generateSteps();
+    }
+    static get watchers() { return {
+        "activeStep": ["_onActiveStepChange"]
+    }; }
 };
-Stepper.style = stepperComponentCss;
+Stepper.style = PStepperStyle0;
 
 export { Stepper as p_stepper };
 

package/dist/esm/p-stepper.entry.js.map

@@ -1 +1 @@
-{"file":"p-stepper.entry.js","mappings":"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","names":[],"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, State, 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 * 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\t@State() private _rendering = false;\n\n\tprivate _loaded = false;\n\n\t// private _steps: Array<HTMLPStepperItemElement>;\n\n\tprivate _delay = (amount: number) =>\n\t\tnew Promise(resolve => setTimeout(resolve, amount));\n\n\tprivate _onSlotChange = async (_e: Event) => this._generateSteps();\n\n\tprivate _generateSteps = async (firstLoad = false) => {\n\t\tif (!firstLoad && (!this._el || this._rendering || !this._loaded)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._rendering = true;\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\t\tconst item = items.item(i) as any;\n\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\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tlet directionChanged = false;\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\titem.active = i === activeStep;\n\t\t\titem.finished = i < activeStep;\n\n\t\t\tif (item.direction !== this.direction) {\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\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tconst nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t// super hacky, but we want to wait for the css of the `item.direction` change to be applied before querying for the item.clientHeight\n\t\t\t\t\t// otherwise we always get the initial \"16\"\n\t\t\t\t\tif (directionChanged) {\n\t\t\t\t\t\tawait this._delay(10);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst heightDiff =\n\t\t\t\t\t\t(item.clientHeight > 16\n\t\t\t\t\t\t\t? item.clientHeight - 16\n\t\t\t\t\t\t\t: item.clientHeight) / 2;\n\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\n\t\t\t\t\tstepperLine.direction = this.direction;\n\t\t\t\t\tstepperLine.active = i < activeStep;\n\n\t\t\t\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\t\t\tstepperLine.style.marginBottom = `-${heightDiff / 16}rem`;\n\t\t\t\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t\t\t\t(heightDiff * 2) / 16\n\t\t\t\t\t\t}rem)`;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\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\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (previousItem.tagName.toLowerCase() === 'p-stepper-line') {\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\n\t\tsetTimeout(() => (this._rendering = false), 100);\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._loaded = true;\n\t\tthis._generateSteps(true);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-stepper'>\n\t\t\t\t<slot onSlotchange={this._onSlotChange} />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateSteps();\n\t}\n}\n"],"version":3}
+{"file":"p-stepper.entry.js","mappings":"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","names":[],"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, State, 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 * 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\t@State() private _rendering = false;\n\n\tprivate _loaded = false;\n\n\t// private _steps: Array<HTMLPStepperItemElement>;\n\n\tprivate _delay = (amount: number) =>\n\t\tnew Promise(resolve => setTimeout(resolve, amount));\n\n\tprivate _onSlotChange = async (_e: Event) => this._generateSteps();\n\n\tprivate _generateSteps = async (firstLoad = false) => {\n\t\tif (!firstLoad && (!this._el || this._rendering || !this._loaded)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._rendering = true;\n\n\t\tlet activeStep = this.activeStep - 1 || 0;\n\t\tconst items = this._el.querySelectorAll('p-stepper-item');\n\n\t\tif (!this.activeStep || activeStep < 0) {\n\t\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\t\tconst item = items.item(i) as any;\n\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\t\t}\n\n\t\tfor (let i = 0; i < items?.length; i++) {\n\t\t\tlet directionChanged = false;\n\t\t\tconst item = items.item(i) as any;\n\n\t\t\titem.active = i === activeStep;\n\t\t\titem.finished = i < activeStep;\n\n\t\t\tif (item.direction !== this.direction) {\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\n\t\t\tif (i < items.length - 1) {\n\t\t\t\tconst nextItem = item.nextElementSibling;\n\n\t\t\t\tif (nextItem && nextItem.tagName.toLowerCase() === 'p-stepper-item') {\n\t\t\t\t\t// super hacky, but we want to wait for the css of the `item.direction` change to be applied before querying for the item.clientHeight\n\t\t\t\t\t// otherwise we always get the initial \"16\"\n\t\t\t\t\tif (directionChanged) {\n\t\t\t\t\t\tawait this._delay(10);\n\t\t\t\t\t}\n\n\t\t\t\t\tconst heightDiff =\n\t\t\t\t\t\t(item.clientHeight > 16\n\t\t\t\t\t\t\t? item.clientHeight - 16\n\t\t\t\t\t\t\t: item.clientHeight) / 2;\n\n\t\t\t\t\tconst stepperLine = document.createElement('p-stepper-line');\n\n\t\t\t\t\tstepperLine.direction = this.direction;\n\t\t\t\t\tstepperLine.active = i < activeStep;\n\n\t\t\t\t\tif (heightDiff > 0 && this.direction === 'vertical') {\n\t\t\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\t\t\tstepperLine.style.marginBottom = `-${heightDiff / 16}rem`;\n\t\t\t\t\t\tstepperLine.style.minHeight = `calc(1rem + ${\n\t\t\t\t\t\t\t(heightDiff * 2) / 16\n\t\t\t\t\t\t}rem)`;\n\t\t\t\t\t}\n\n\t\t\t\t\tthis._el.insertBefore(stepperLine, nextItem);\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\t\t\t}\n\n\t\t\tif (i > 0) {\n\t\t\t\tconst previousItem = item.previousElementSibling;\n\t\t\t\tif (previousItem.tagName.toLowerCase() === 'p-stepper-line') {\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\n\t\tsetTimeout(() => (this._rendering = false), 100);\n\t};\n\n\tcomponentDidLoad() {\n\t\tthis._loaded = true;\n\t\tthis._generateSteps(true);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-stepper'>\n\t\t\t\t<slot onSlotchange={this._onSlotChange} />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateSteps();\n\t}\n}\n"],"version":3}

package/dist/esm/p-tab-group.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from './index-f99096d4.js';
+import { r as registerInstance, h, H as Host } from './index-2ef94580.js';
 
 const TabGroup = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { class: "p-tab-group relative flex w-full flex-col" }, h("div", { class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", null)), h("p-divider", { class: "absolute bottom-0 left-0 m-0 w-full" })));
+        return (h(Host, { key: "f5db65ff43cf524cbbd2482ee29cf4e1d845e876", class: "p-tab-group relative flex w-full flex-col" }, h("div", { key: "1f410d379e84904b6d658a82d9ccd43f7f863202", class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, h("slot", { key: "a50bbd0b25ade7ffcfb8fd066afc2f0b08c2a4cb" })), h("p-divider", { key: "d814f2ad8339c98d524c522f2002cf9518ef603e", class: "absolute bottom-0 left-0 m-0 w-full" })));
     }
 };
 

package/dist/esm/p-tab-group.entry.js.map

@@ -1 +1 @@
-{"file":"p-tab-group.entry.js","mappings":";;MAMa,QAAQ;;;;;kBAGb,IAAC,sDACL,WAAK,kEACJ,kBAED,iBAAW,gDACL,EACN;;;;;;;;","names":[],"sources":["src/components/atoms/tab-group/tab-group.component.tsx"],"sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-tab-group',\n\tshadow: true,\n})\nexport class TabGroup {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-tab-group relative flex w-full flex-col\">\n\t\t\t\t<div class=\"scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<p-divider class=\"absolute bottom-0 left-0 m-0 w-full\" />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-tab-group.entry.js","mappings":";;MAMa,QAAQ;;;;IACpB,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAC,2CAA2C,IACtD,4DAAK,KAAK,EAAC,uDAAuD,IACjE,8DAAQ,CACH,EACN,kEAAW,KAAK,EAAC,qCAAqC,GAAG,CACnD,EACN;KACF;;;;;;;","names":[],"sources":["src/components/atoms/tab-group/tab-group.component.tsx"],"sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-tab-group',\n\tshadow: true,\n})\nexport class TabGroup {\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-tab-group relative flex w-full flex-col\">\n\t\t\t\t<div class=\"scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t\t<p-divider class=\"absolute bottom-0 left-0 m-0 w-full\" />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-tab-item.entry.js

@@ -1,17 +1,18 @@
-import { r as registerInstance, h, H as Host } from './index-f99096d4.js';
+import { r as registerInstance, h, H as Host } from './index-2ef94580.js';
 
 const tabItemComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.whitespace-nowrap{white-space:nowrap!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--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,1));cursor:pointer;display:flex;font-weight:600;height:2.5rem;white-space:nowrap}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.static{position:static!important}";
+const PTabItemStyle0 = tabItemComponentCss;
 
 const TabItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.active = false;
-  }
-  render() {
-    return (h(Host, { class: `p-tab-item ${this.active && 'active'}` }, h("slot", null)));
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.active = false;
+    }
+    render() {
+        return (h(Host, { key: 'd728170a44b3c2ed1a55aa9f90a2e333811b53c5', class: `p-tab-item ${this.active && 'active'}` }, h("slot", { key: '5e528d172aaef412521f6c93a755bd0bf9f9864a' })));
+    }
 };
-TabItem.style = tabItemComponentCss;
+TabItem.style = PTabItemStyle0;
 
 export { TabItem as p_tab_item };
 

package/dist/esm/p-tab-item.entry.js.map

@@ -1 +1 @@
-{"file":"p-tab-item.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,i+BAAi+B;;MCOh/B,OAAO;;;kBAIO,KAAK;;EAE/B,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IACnD,eAAQ,CACF,EACN;GACF;;;;;;","names":[],"sources":["src/components/atoms/tab-item/tab-item.component.scss?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab-item/tab-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex h-10 items-center;\n\t@apply whitespace-nowrap font-semibold text-storm-medium;\n\t@apply cursor-pointer;\n\t@apply border-0 border-b-2 border-transparent #{!important};\n}\n\n:host(.active) {\n\t@apply border-indigo text-indigo #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-tab-item',\n\tstyleUrl: 'tab-item.component.scss',\n\tshadow: true,\n})\nexport class TabItem {\n\t/**\n\t * Wether the tab item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-tab-item ${this.active && 'active'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-tab-item.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,i+BAAi+B,CAAC;AAC9/B,uBAAe,mBAAmB;;MCMrB,OAAO;;;sBAIO,KAAK;;IAE/B,MAAM;QACL,QACC,EAAC,IAAI,qDAAC,KAAK,EAAE,cAAc,IAAI,CAAC,MAAM,IAAI,QAAQ,EAAE,IACnD,8DAAQ,CACF,EACN;KACF;;;;;;","names":[],"sources":["src/components/atoms/tab-item/tab-item.component.scss?tag=p-tab-item&encapsulation=shadow","src/components/atoms/tab-item/tab-item.component.tsx"],"sourcesContent":[":host {\n\t@apply flex h-10 items-center;\n\t@apply whitespace-nowrap font-semibold text-storm-medium;\n\t@apply cursor-pointer;\n\t@apply border-0 border-b-2 border-transparent #{!important};\n}\n\n:host(.active) {\n\t@apply border-indigo text-indigo #{!important};\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-tab-item',\n\tstyleUrl: 'tab-item.component.scss',\n\tshadow: true,\n})\nexport class TabItem {\n\t/**\n\t * Wether the tab item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-tab-item ${this.active && 'active'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-table-column.entry.js

@@ -1,25 +1,29 @@
-import { r as registerInstance, c as createEvent } from './index-f99096d4.js';
+import { r as registerInstance, c as createEvent } from './index-2ef94580.js';
 
 const TableColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.tableDefinitionChanged = createEvent(this, "tableDefinitionChanged", 7);
-    this.path = undefined;
-    this.type = 'td';
-    this.name = undefined;
-    this.useSlot = false;
-    this.hasCheckbox = false;
-    this.align = 'start';
-    this.isLast = {};
-    this.parsedSizes = undefined;
-    this.sizes = 'auto';
-  }
-  componentDidUpdate() {
-    this.tableDefinitionChanged.emit(true);
-  }
-  render() {
-    return;
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.tableDefinitionChanged = createEvent(this, "tableDefinitionChanged", 7);
+        this.path = undefined;
+        this.type = 'td';
+        this.name = undefined;
+        this.useSlot = false;
+        this.hasCheckbox = false;
+        this.align = 'start';
+        this.isLast = {};
+        this.parsedSizes = undefined;
+        this.sizes = 'auto';
+    }
+    /**
+     * Event to let the table know it has to re render
+     */
+    tableDefinitionChanged;
+    componentDidUpdate() {
+        this.tableDefinitionChanged.emit(true);
+    }
+    render() {
+        return;
+    }
 };
 
 export { TableColumn as p_table_column };

package/dist/esm/p-table-column.entry.js.map

@@ -1 +1 @@
-{"file":"p-table-column.entry.js","mappings":";;MAMa,WAAW;;;;;gBASqC,IAAI;;mBAUL,KAAK;uBAKD,KAAK;iBAMnE,OAAO;kBAMP,EAAE;;iBAiBmB,MAAM;;EAQ5B,kBAAkB;IACjB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GACvC;EAED,MAAM;IACL,OAAO;GACP;;;;;","names":[],"sources":["src/components/helpers/table-column/table-column.component.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../types/table';\n\n@Component({\n\ttag: 'p-table-column',\n})\nexport class TableColumn {\n\t/**\n\t * The path of the value of the item you want to display\n\t */\n\t@Prop({ reflect: true, mutable: true }) path: string;\n\n\t/**\n\t * The type of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'td' | 'th' = 'td';\n\n\t/**\n\t * The name of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) name: string;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n\t/**\n\t * Wether the column should have a checkbox\n\t */\n\t@Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n\t/**\n\t * The alignment of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n\t\t'start';\n\n\t/**\n\t * Wether the column is the last in the row\n\t */\n\t@Prop({ reflect: true, mutable: true }) isLast: { [key: string]: boolean } =\n\t\t{};\n\n\t/**\n\t * Parsed sizes based on the complete set of columns\n\t */\n\t@Prop({ reflect: true, mutable: true }) parsedSizes:\n\t\t| TableColumnSizes\n\t\t| undefined;\n\n\t/**\n\t * The sizes of the column\n\t */\n\t@Prop({ mutable: true }) sizes:\n\t\t| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes = 'auto';\n\n\t/**\n\t * Event to let the table know it has to re render\n\t */\n\t@Event({ bubbles: true, composed: true })\n\ttableDefinitionChanged: EventEmitter<boolean>;\n\n\tcomponentDidUpdate() {\n\t\tthis.tableDefinitionChanged.emit(true);\n\t}\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"version":3}
+{"file":"p-table-column.entry.js","mappings":";;MAMa,WAAW;;;;;oBASqC,IAAI;;uBAUL,KAAK;2BAKD,KAAK;qBAMnE,OAAO;sBAMP,EAAE;;qBAiBmB,MAAM;;;;;IAM5B,sBAAsB,CAAwB;IAE9C,kBAAkB;QACjB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACvC;IAED,MAAM;QACL,OAAO;KACP;;;;;","names":[],"sources":["src/components/helpers/table-column/table-column.component.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../types/table';\n\n@Component({\n\ttag: 'p-table-column',\n})\nexport class TableColumn {\n\t/**\n\t * The path of the value of the item you want to display\n\t */\n\t@Prop({ reflect: true, mutable: true }) path: string;\n\n\t/**\n\t * The type of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'td' | 'th' = 'td';\n\n\t/**\n\t * The name of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) name: string;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n\t/**\n\t * Wether the column should have a checkbox\n\t */\n\t@Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n\t/**\n\t * The alignment of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n\t\t'start';\n\n\t/**\n\t * Wether the column is the last in the row\n\t */\n\t@Prop({ reflect: true, mutable: true }) isLast: { [key: string]: boolean } =\n\t\t{};\n\n\t/**\n\t * Parsed sizes based on the complete set of columns\n\t */\n\t@Prop({ reflect: true, mutable: true }) parsedSizes:\n\t\t| TableColumnSizes\n\t\t| undefined;\n\n\t/**\n\t * The sizes of the column\n\t */\n\t@Prop({ mutable: true }) sizes:\n\t\t| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes = 'auto';\n\n\t/**\n\t * Event to let the table know it has to re render\n\t */\n\t@Event({ bubbles: true, composed: true })\n\ttableDefinitionChanged: EventEmitter<boolean>;\n\n\tcomponentDidUpdate() {\n\t\tthis.tableDefinitionChanged.emit(true);\n\t}\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"version":3}

package/dist/esm/p-table-row-action.entry.js

@@ -1,22 +1,22 @@
-import { r as registerInstance } from './index-f99096d4.js';
+import { r as registerInstance } from './index-2ef94580.js';
 
 const TableRowAction = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.type = 'both';
-    this.icon = undefined;
-    this.iconOnly = false;
-    this.iconFlip = undefined;
-    this.iconRotate = undefined;
-    this.label = undefined;
-    this.action = undefined;
-    this.disabled = false;
-    this.loading = false;
-    this.showFunction = undefined;
-  }
-  render() {
-    return;
-  }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.type = 'both';
+        this.icon = undefined;
+        this.iconOnly = false;
+        this.iconFlip = undefined;
+        this.iconRotate = undefined;
+        this.label = undefined;
+        this.action = undefined;
+        this.disabled = false;
+        this.loading = false;
+        this.showFunction = undefined;
+    }
+    render() {
+        return;
+    }
 };
 
 export { TableRowAction as p_table_row_action };

package/dist/esm/p-table-row-action.entry.js.map

@@ -1 +1 @@
-{"file":"p-table-row-action.entry.js","mappings":";;MAmBa,cAAc;;;gBAQzB,MAAM;;oBAUqB,KAAK;;;;;oBAyBL,KAAK;mBAKN,KAAK;;;EAOhC,MAAM;IACL,OAAO;GACP;;;;;","names":[],"sources":["src/components/helpers/table-row-action/table-row-action.component.tsx"],"sourcesContent":["import { Component, Prop } from '@stencil/core';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n\tRotateOptions,\n} from '../../../components';\n\nexport type TableRowActionFunc = {\n\t(item: any, multi: false): void;\n\t(item: any[], multi: true): void;\n};\n\nexport type TableRowActionShowFunc = {\n\t(item: any): boolean;\n};\n\n@Component({\n\ttag: 'p-table-row-action',\n})\nexport class TableRowAction {\n\t/**\n\t * The type of action\n\t * mutli = Only multi select action\n\t * single = Only an action on the row\n\t * both = Action on both locations\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'both' | 'single' | 'multi' =\n\t\t'both';\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Label of the action\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The action to trigger when used\n\t */\n\t@Prop() action: TableRowActionFunc;\n\n\t/**\n\t * Wether the action is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * A function for row actions of type \"single\" or \"both\" that determines if the action is shown on the row\n\t */\n\t@Prop() showFunction: TableRowActionShowFunc;\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"version":3}
+{"file":"p-table-row-action.entry.js","mappings":";;MAmBa,cAAc;;;oBAQzB,MAAM;;wBAUqB,KAAK;;;;;wBAyBL,KAAK;uBAKN,KAAK;;;IAOhC,MAAM;QACL,OAAO;KACP;;;;;","names":[],"sources":["src/components/helpers/table-row-action/table-row-action.component.tsx"],"sourcesContent":["import { Component, Prop } from '@stencil/core';\nimport {\n\tIconFlipOptions,\n\tIconVariant,\n\tRotateOptions,\n} from '../../../components';\n\nexport type TableRowActionFunc = {\n\t(item: any, multi: false): void;\n\t(item: any[], multi: true): void;\n};\n\nexport type TableRowActionShowFunc = {\n\t(item: any): boolean;\n};\n\n@Component({\n\ttag: 'p-table-row-action',\n})\nexport class TableRowAction {\n\t/**\n\t * The type of action\n\t * mutli = Only multi select action\n\t * single = Only an action on the row\n\t * both = Action on both locations\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'both' | 'single' | 'multi' =\n\t\t'both';\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether the button is icon only\n\t */\n\t@Prop() iconOnly: boolean = false;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Label of the action\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The action to trigger when used\n\t */\n\t@Prop() action: TableRowActionFunc;\n\n\t/**\n\t * Wether the action is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Wether the action is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * A function for row actions of type \"single\" or \"both\" that determines if the action is shown on the row\n\t */\n\t@Prop() showFunction: TableRowActionShowFunc;\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"version":3}