@paperless/core 2.0.1-beta.120 → 2.0.1-beta.122

package/dist/components/p-label.js

@@ -62,14 +62,14 @@ const Label = /*@__PURE__*/ proxyCustomElement(class Label extends H {
      */
     keepMobileContent = false;
     render() {
-        return (h("div", { key: 'd2f716c6bf3b1bc79af1a56c2cc84f81c78dca5e', class: label({
+        return (h("div", { key: '9597be604690771c7963c82363a3f249a933313d', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '334b1ab7e3846ef8ec53ef73944fd2479153ac33', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: 'a39de7c631442c4e39332c824dfb1e2b0c1f489a', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (h("p-icon", { key: '48f6b8aae58c96ea2936ceed2a00b09ce4eee21d', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (h("div", { key: '45395fa989ebc3b038687c71abd78ab77b17547d', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: '0753602bae6f10b52e943785fb8c42a1b47aeeb2' })))));
+            }) }, h("slot", { key: '83ceeb73279dd9c3ae6512cd563fb3a56c1923ad' })))));
     }
     static get style() { return labelComponentCss; }
 }, [1, "p-label", {

package/dist/components/p-listing.js

@@ -73,7 +73,7 @@ const Listing = /*@__PURE__*/ proxyCustomElement(class Listing extends H {
         }
     }
     render() {
-        return (h("div", { key: '10230c1732e7a2501da6bbe135306f108a9feaf7', class: "flex gap-1 w-full flex-col flex-wrap items-start" }, h("slot", { key: '5dddafa3897336a271909df67270f9776bd1c0a6', onSlotchange: () => this._generateStepsOnce() })));
+        return (h("div", { key: '13eabe2bacc8fe1ed570ffc5b03a453df3ca3285', class: "flex gap-1 w-full flex-col flex-wrap items-start" }, h("slot", { key: '1d11f5daa58b54d35aa38cf436f578d3d762b146', onSlotchange: () => this._generateStepsOnce() })));
     }
     static get style() { return listingComponentCss; }
 }, [1, "p-listing"]);

package/dist/components/p-navbar.js

@@ -54,7 +54,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
     }
     _show = false;
     render() {
-        return (h(Host, { key: '4c219ed85b6b7c5f4b233c1b781dbd667a043e31' }, h("p-backdrop", { key: 'c32c217ea2cc084ba8d40454d99eeae333c0b487', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'f7e5c75d12812461b0f71a4e57ef1671e2ea7478', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '310a560d199042f73b3e1441cb2901bb2c5436da', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: '4ed4a94eae2b01f988cc8eba955a4ac605b37f24', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '76d933bf52d2e59661653364afa7862ec549acea', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'd177fc57b55dcb60c82246b2466df85234fd4b25', name: 'company' })), h("div", { key: '5e8c30cba48922e310f87eb2f10a35d8ddaf7841', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'fb864a34653d7fb50fa17fde20d7c81fc9852c32', name: 'content' })), h("div", { key: 'b20529fbc0cf57c763a7247a9eaa4fcdb4265169', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: '93126de1cb7805ded455196bf733f8b93e3f31c6', name: 'user' }))), h("div", { key: '0c54aac28b17000411cad662b4679033a9478e9f', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '51f7f4b07939916b781c658578748b37bb541923', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: 'a53ece6bf4d3ef9131b9114d40c60cf4ff33ed07', name: 'topbar' }))));
+        return (h(Host, { key: 'ccea1ba5b71e5d7030fc0061c55e7b1f0cf199df' }, h("p-backdrop", { key: '6697e5a39331b9038c371528d030215019aec71b', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '5dc02dabfa017fe2e0549b3464f3dae0686e7fdb', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'fdc11a2dba8032bcee10a3d718d3471bf08f0bc3', class: 'flex w-full items-center justify-between layout-1280:hidden' }, h("p-button", { key: 'dd627886a9bc8c5759e8d9465bf7038427599594', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), h("div", { key: '8eac51be7bcaeac093268cd4e6c2eb1f16f3e308', class: 'flex w-full flex-col items-stretch' }, h("slot", { key: 'd4d57618aa5354fac8b0a19c974d84ef6dd8d639', name: 'company' })), h("div", { key: '48949805268ce97c6c83a15a4e3ec1daaac73b86', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, h("slot", { key: '46e52c419b8269702983519550a074a4bf217928', name: 'content' })), h("div", { key: '01bc1710293357fd8a1f85e66d88c4335c925ce4', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, h("slot", { key: 'cce5347a4e5e9a33d144ec69ae452b214435fcf1', name: 'user' }))), h("div", { key: '9191ee1056b84360e3ad0bc9a6d1101c80e00a4e', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'caeb38522b307c81deadd55915edc4efe308cc26', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), h("slot", { key: '18e2f632df00d70b2763d8bf4492b326b9e0eb40', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/p-navigation-item.js

@@ -76,10 +76,10 @@ const NavigationItem = /*@__PURE__*/ proxyCustomElement(class NavigationItem ext
     render() {
         const TagType = this.as;
         const active = asBoolean(this.active) || this.class?.includes('active');
-        return (h(Host, { key: 'f64bb0d3df076ae320b126d651be8e6f4bfb732a', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: 'cc2cd6cf8df39df85ebfe9d8c651c23f4a88e22f', class: navigationItem({
+        return (h(Host, { key: 'c7ce92561fc86949a3d7a4cf8c0c8f7bc8c2c40b', class: cn('p-navigation-item inline-block', this.class) }, h(TagType, { key: '03c0c4fdbbc000af6b275b4cebb96abf0cc2c7d0', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, h("div", { key: '161303267ae36b4585e32682a4e177e49d36f1ba', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: '8a057f21001040adbdb1393685cbe4ac6855e984', variant: this.icon })), h("span", { key: '094d62bbf09fb4d2aec4532754c2eea8166e8b72', class: this.counter && 'has-counter' }, h("slot", { key: 'bab5ecc9e966015f4ee09d7f7c13e441694420d0' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'd2709b5e1a7d54a926c65bcefe7fd9b072882ea7' }, this.counter)), !!this.loading && h("p-loader", { key: 'b7a2aaadb39b8e1c163edba4e2d406d670eb4cff', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, h("div", { key: '5cb39568c4cd76f31d4c064fd6436dcee7c18806', class: navigationItemIconContainer({ active }) }, h("p-icon", { key: 'cecfec8ee5fabc95cef24efb4ff64a695b84cec8', variant: this.icon })), h("span", { key: '7c8a60a7af3267febb129605ef888fe411cd850e', class: this.counter && 'has-counter' }, h("slot", { key: '8425b021164b20a0ed11e5f98d6e863dcf666b57' })), !!this.counter && this.counter !== '0' && (h("p-badge", { key: 'f760815a4da64edd25c30c4993e35157e8d86fe8' }, this.counter)), !!this.loading && h("p-loader", { key: 'ae11ad41c8b5e61d22c05c7d2422ff45003593e5', class: 'ml-auto' }))));
     }
     static get style() { return navigationItemComponentCss; }
 }, [4, "p-navigation-item", {

package/dist/components/p-navigation-section.js

@@ -13,7 +13,7 @@ const NavigationSection = /*@__PURE__*/ proxyCustomElement(class NavigationSecti
      */
     header;
     render() {
-        return (h(Host, { key: 'eefafb3e829369faa637ec47717cb2caed246007', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: '469f9b44e8d33baf5b9b12525307a542be1a2e71' }, this.header)), h("div", { key: '5fcd678a1ba2ebe472efd5a1a713d76c097473a9', class: 'flex flex-col' }, h("slot", { key: 'be4c6507d4d041e183933d48bc1a5ed6af5ae006' }))));
+        return (h(Host, { key: '0974883115ce6c02612170f71ac60a046c1aee00', class: 'flex flex-col gap-2' }, this.header?.length > 0 && (h("p-navigation-title", { key: 'a0d706b6810eca9f5bd075bae9aa79b58f5a2712' }, this.header)), h("div", { key: 'cf846c79ca2248048aa0938221a515da4a5933de', class: 'flex flex-col' }, h("slot", { key: '9620310533a013653d88c41676a4d8c70e4f9676' }))));
     }
     static get style() { return navigationSectionComponentCss; }
 }, [4, "p-navigation-section", {

package/dist/components/p-pagination-pages.js

@@ -1,4 +1,4 @@
-import { P as PaginationPages, d as defineCustomElement$1 } from './p-UP0QWP4I.js';
+import { P as PaginationPages, d as defineCustomElement$1 } from './p-BFXs5OQx.js';
 
 const PPaginationPages = PaginationPages;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination-size.js

@@ -1,4 +1,4 @@
-import { P as PaginationSize, d as defineCustomElement$1 } from './p-Ch3YJ0-j.js';
+import { P as PaginationSize, d as defineCustomElement$1 } from './p-ClUlzt-d.js';
 
 const PPaginationSize = PaginationSize;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-pagination.js

@@ -1,4 +1,4 @@
-import { P as Pagination, d as defineCustomElement$1 } from './p-CtkrGsqa.js';
+import { P as Pagination, d as defineCustomElement$1 } from './p-2ZI4Mzgd.js';
 
 const PPagination = Pagination;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-profile.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { d as defineCustomElement$7 } from './p-D9DxjvS-.js';
-import { d as defineCustomElement$6 } from './p-BUl1mbJp.js';
+import { d as defineCustomElement$6 } from './p-Du_Am2CT.js';
 import { d as defineCustomElement$5 } from './p-CA6-0EkK.js';
 import { d as defineCustomElement$4 } from './p-cCxwgzDB.js';
 import { d as defineCustomElement$3 } from './p-C-1aZ7t0.js';

package/dist/components/p-select.js

@@ -4,10 +4,10 @@ import { c as cva } from './p-CBWjHURv.js';
 import { d as defineCustomElement$e } from './p-FJZcncHr.js';
 import { d as defineCustomElement$d } from './p-D9DxjvS-.js';
 import { d as defineCustomElement$c } from './p-192xXCKV.js';
-import { d as defineCustomElement$b } from './p-BUl1mbJp.js';
+import { d as defineCustomElement$b } from './p-Du_Am2CT.js';
 import { d as defineCustomElement$a } from './p-CA6-0EkK.js';
 import { d as defineCustomElement$9 } from './p-Bxt_h1P2.js';
-import { d as defineCustomElement$8 } from './p-Blx3errZ.js';
+import { d as defineCustomElement$8 } from './p-BZbrGNXl.js';
 import { d as defineCustomElement$7 } from './p-DlGX7eAs.js';
 import { d as defineCustomElement$6 } from './p-DNHN-J6Y.js';
 import { d as defineCustomElement$5 } from './p-cCxwgzDB.js';
@@ -306,7 +306,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends H {
         }
     }
     render() {
-        return (h("p-dropdown", { key: '9e2fbcfb15360de957f4de9fa4fe293ec03c8163', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '59e2c364f13ba4a9e1be484d3c2457c7a80047fc', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-button", { key: '5416c8f47ea6290aa7963482f016543d5e28635f', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, disabled: this.disabled, active: this._showDropdown, error: !!this.error?.length, icon: this.error?.length ? 'warning' : this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '2a73d1bf3d1d4950180817995613e816fa17ae5a', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()));
+        return (h("p-dropdown", { key: 'b6c46c5cfcaf7adf1bb28691a6fed3ebf3d3e4e9', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev), usePortal: this.usePortal, strategy: this.strategy }, h("p-field-container", { key: '4e0372e71ca0ce68d1e139cee396743f8647cda5', slot: 'trigger', variant: 'write', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown }, h("p-button", { key: '6b16dde8686a2196e89996becc542a954d6b0aef', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, disabled: this.disabled, active: this._showDropdown, error: !!this.error?.length, icon: this.error?.length ? 'warning' : this.icon, onClick: ev => this._onClick(ev) }, h("div", { key: '0009866380577d6bb04e614771dee47db91b51e1', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {

package/dist/components/p-stepper-item.js

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 
-const stepperItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-row-reverse{flex-direction:row-reverse!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-50{--tw-bg-opacity:1!important;background-color:rgb(229 238 237/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+const stepperItemComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.flex-1{flex:1 1 0%!important}.flex-row-reverse{flex-direction:row-reverse!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-dark-teal-50{--tw-bg-opacity:1!important;background-color:rgb(229 238 237/var(--tw-bg-opacity,1))!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-dark-teal-400{--tw-text-opacity:1!important;color:rgb(51 116 109/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
 
 const item = cva('flex gap-2', {
     variants: {
@@ -13,26 +13,31 @@ const item = cva('flex gap-2', {
         },
         contentPosition: {
             start: 'flex-row-reverse',
-            end: null
+            end: null,
         },
-    }
+    },
 });
-const circle = cva(['h-6 w-6 flex items-center justify-center', 'text-sm text-center font-medium', 'border border-solid border-dark-teal-400', 'rounded-full'], {
+const circle = cva([
+    'h-6 w-6 flex items-center justify-center',
+    'text-sm text-center font-medium',
+    'border border-solid border-dark-teal-400',
+    'rounded-full',
+], {
     variants: {
         finished: {
             true: null,
-            false: null
+            false: null,
         },
         active: {
             true: null,
-            false: null
-        }
+            false: null,
+        },
     },
     compoundVariants: [
         {
             finished: false,
             active: false,
-            class: 'text-dark-teal-400 bg-dark-teal-50'
+            class: 'text-dark-teal-400 bg-dark-teal-50',
         },
         {
             active: true,
@@ -43,25 +48,25 @@ const circle = cva(['h-6 w-6 flex items-center justify-center', 'text-sm text-ce
             active: false,
             finished: true,
             class: 'text-white bg-dark-teal-400',
-        }
-    ]
+        },
+    ],
 });
-const content = cva('text-sm font-medium', {
+const content = cva('text-sm font-medium flex-1', {
     variants: {
         finished: {
             true: null,
-            false: null
+            false: null,
         },
         active: {
             true: null,
-            false: null
-        }
+            false: null,
+        },
     },
     compoundVariants: [
         {
             finished: false,
             active: false,
-            class: 'text-black-teal-400'
+            class: 'text-black-teal-400',
         },
         {
             active: true,
@@ -72,8 +77,8 @@ const content = cva('text-sm font-medium', {
             active: false,
             finished: true,
             class: 'text-black-teal-500',
-        }
-    ]
+        },
+    ],
 });
 const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H {
     constructor() {
@@ -102,16 +107,16 @@ const StepperItem = /*@__PURE__*/ proxyCustomElement(class StepperItem extends H
      */
     active = false;
     render() {
-        return (h("div", { key: '735e108b939c47a411ae79ccb1e1232dd1043dc9', class: item({
+        return (h("div", { key: '370271d4be56bd4caf5d95ef7d1674996355d464', class: item({
                 align: this.align,
-                contentPosition: this.contentPosition
-            }) }, h("div", { key: '57da032e1162eac2f92b49ca7fea53af1fbede14', class: circle({
+                contentPosition: this.contentPosition,
+            }) }, h("div", { key: '69f53b49846faebade7d31b28be925eb69457520', class: circle({
                 active: asBoolean(this.active),
-                finished: asBoolean(this.finished)
-            }) }, this.number), h("div", { key: 'c82c13a351fbeba0232d4094883e5008a12fd105', class: content({
+                finished: asBoolean(this.finished),
+            }) }, this.number), h("div", { key: '406f3c2f79b45b170153527ace5815082b63fead', class: content({
                 active: asBoolean(this.active),
-                finished: asBoolean(this.finished)
-            }) }, h("slot", { key: 'd72d3471e83da48b1b1d2a2aeccce8f7acd98d99' }))));
+                finished: asBoolean(this.finished),
+            }) }, h("slot", { key: '35b81d821930911a114ac2af16555e8491b8ca0f' }))));
     }
     static get style() { return stepperItemComponentCss; }
 }, [1, "p-stepper-item", {

package/dist/components/p-stepper-item.js.map

@@ -1 +1 @@
-{"file":"p-stepper-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/item/stepper-item.component.css?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva(\n\t'flex gap-2',\n\t{\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\tstart: 'items-start',\n\t\t\t\tcenter: 'items-center',\n\t\t\t\tend: 'items-end',\n\t\t\t},\n\t\t\tcontentPosition: {\n\t\t\t\tstart: 'flex-row-reverse',\n\t\t\t\tend: null\n\t\t\t},\n\t\t}\n\t}\n);\n\nconst circle = cva(['h-6 w-6 flex items-center justify-center', 'text-sm text-center font-medium', 'border border-solid border-dark-teal-400', 'rounded-full'], {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t}\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-dark-teal-400 bg-dark-teal-50'\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-white bg-dark-teal-400',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-white bg-dark-teal-400',\n\n\t\t}\n\t]\n})\n\nconst content = cva('text-sm font-medium', {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null\n\t\t}\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-black-teal-400'\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-black-teal-500',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-black-teal-500',\n\n\t\t}\n\t]\n})\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.css',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The number of the step\n\t */\n\t@Prop() number: number = 1;\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop() finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class={item({\n\t\t\t\talign: this.align,\n\t\t\t\tcontentPosition: this.contentPosition\n\t\t\t})}>\n\t\t\t\t<div class={circle({\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tfinished: asBoolean(this.finished)\n\t\t\t\t})}>\n\t\t\t\t\t{this.number}\n\t\t\t\t</div>\n\t\t\t\t<div class={content({\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tfinished: asBoolean(this.finished)\n\t\t\t\t})}>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-stepper-item.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/stepper/item/stepper-item.component.css?tag=p-stepper-item&encapsulation=shadow","src/components/atoms/stepper/item/stepper-item.component.tsx"],"sourcesContent":["","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst item = cva('flex gap-2', {\n\tvariants: {\n\t\talign: {\n\t\t\tstart: 'items-start',\n\t\t\tcenter: 'items-center',\n\t\t\tend: 'items-end',\n\t\t},\n\t\tcontentPosition: {\n\t\t\tstart: 'flex-row-reverse',\n\t\t\tend: null,\n\t\t},\n\t},\n});\n\nconst circle = cva(\n\t[\n\t\t'h-6 w-6 flex items-center justify-center',\n\t\t'text-sm text-center font-medium',\n\t\t'border border-solid border-dark-teal-400',\n\t\t'rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tfinished: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfinished: false,\n\t\t\t\tactive: false,\n\t\t\t\tclass: 'text-dark-teal-400 bg-dark-teal-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: true,\n\t\t\t\tfinished: false,\n\t\t\t\tclass: 'text-white bg-dark-teal-400',\n\t\t\t},\n\t\t\t{\n\t\t\t\tactive: false,\n\t\t\t\tfinished: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-400',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva('text-sm font-medium flex-1', {\n\tvariants: {\n\t\tfinished: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t\tactive: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfinished: false,\n\t\t\tactive: false,\n\t\t\tclass: 'text-black-teal-400',\n\t\t},\n\t\t{\n\t\t\tactive: true,\n\t\t\tfinished: false,\n\t\t\tclass: 'text-black-teal-500',\n\t\t},\n\t\t{\n\t\t\tactive: false,\n\t\t\tfinished: true,\n\t\t\tclass: 'text-black-teal-500',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-stepper-item',\n\tstyleUrl: 'stepper-item.component.css',\n\tshadow: true,\n})\nexport class StepperItem {\n\t/**\n\t * The number of the step\n\t */\n\t@Prop() number: number = 1;\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() contentPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Wether the step is finished\n\t */\n\t@Prop() finished: boolean = false;\n\n\t/**\n\t * Wether the step is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={item({\n\t\t\t\t\talign: this.align,\n\t\t\t\t\tcontentPosition: this.contentPosition,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={circle({\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.number}\n\t\t\t\t</div>\n\t\t\t\t<div\n\t\t\t\t\tclass={content({\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tfinished: asBoolean(this.finished),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-stepper.js

@@ -2,24 +2,15 @@ import { p as proxyCustomElement, H, h } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { d as defineCustomElement$2 } from './p-B4MNLDXF.js';
 
-const stepperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.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}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";
+const stepperComponentCss = "*{box-sizing:border-box}.static{position:static!important}.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}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";
 
 const stepper = cva(['flex gap-2'], {
     variants: {
         direction: {
-            vertical: 'w-full flex-col flex-wrap items-start',
-            horizontal: 'h-auto items-center'
+            vertical: 'w-full flex-col flex-wrap',
+            horizontal: 'h-auto items-center',
         },
-        contentPosition: {
-            start: null,
-            end: null
-        }
     },
-    compoundVariants: [{
-            direction: 'vertical',
-            contentPosition: 'start',
-            class: 'items-end'
-        }]
 });
 const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
     constructor() {
@@ -138,17 +129,17 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         stepperLine.active = i < activeStep;
         if (heightDiff > 0 && this.direction === 'vertical') {
             let totalHeight = 0;
-            stepperLine.style.marginTop = "0";
-            stepperLine.style.marginBottom = "0";
+            stepperLine.style.marginTop = '0';
+            stepperLine.style.marginBottom = '0';
             if (this.align === 'start' || this.align === 'center') {
                 stepperLine.style.marginTop = `-${heightDiff / 16}rem`;
                 totalHeight += heightDiff;
             }
-            if (this.align === 'center' || this.align === "end") {
+            if (this.align === 'center' || this.align === 'end') {
                 stepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;
                 totalHeight += heightDiffNext;
             }
-            stepperLine.style.minHeight = `calc(${(totalHeight / 16)}rem)`;
+            stepperLine.style.minHeight = `calc(${totalHeight / 16}rem)`;
         }
     };
     componentDidLoad() {
@@ -161,7 +152,9 @@ const Stepper = /*@__PURE__*/ proxyCustomElement(class Stepper extends H {
         }
     }
     render() {
-        return (h("div", { key: '5f5f1f7f51d7474c5cf40eafc151dba96d5a9c53', class: stepper({ direction: this.direction }) }, h("slot", { key: '69c3ef7de59309fa3907c4ed8bb33cd483350466', onSlotchange: () => this._generateStepsOnce() })));
+        return (h("div", { key: '6c1f37dcbb6d9cba1a05f55eef4269082ee58950', class: stepper({
+                direction: this.direction,
+            }) }, h("slot", { key: 'eefa8e4657f229d45036d6ccda25f1c8fa24934a', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onAlignChange() {
         this._generateStepsOnce();

package/dist/components/p-stepper.js.map

@@ -1 +1 @@
-{"file":"p-stepper.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/stepper/stepper.component.css?tag=p-stepper&encapsulation=shadow","src/components/organisms/stepper/stepper.component.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst stepper = cva(\n\t['flex gap-2'],\n\t{\n\t\tvariants: {\n\t\t\tdirection: {\n\t\t\t\tvertical: 'w-full flex-col flex-wrap items-start',\n\t\t\t\thorizontal: 'h-auto items-center'\n\t\t\t},\n\t\t\tcontentPosition: {\n\t\t\t\tstart: null,\n\t\t\t\tend: null\n\t\t\t}\n\t\t},\n\t\tcompoundVariants: [{\n\t\t\tdirection: 'vertical',\n\t\t\tcontentPosition: 'start',\n\t\t\tclass: 'items-end'\n\t\t}]\n\t}\n);\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.css',\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() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() 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.Timeout | undefined;\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.number = i + 1;\n\t\t\titem.direction = this.direction;\n\t\t\titem.align = this.direction === 'vertical' ? this.align : 'start';\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\tlet heightDiff = item.clientHeight - 24;\n\t\tlet heightDiffNext = nextItem.clientHeight - 24;\n\n\t\tif(this.align === 'center') {\n\t\t\theightDiff = heightDiff / 2;\n\t\t\theightDiffNext = heightDiffNext / 2;\n\t\t}\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\tlet totalHeight = 0;\n\n\t\t\tstepperLine.style.marginTop = \"0\";\n\t\t\tstepperLine.style.marginBottom= \"0\";\n\n\t\t\tif(this.align === 'start' || this.align === 'center') {\n\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\ttotalHeight += heightDiff;\n\t\t\t}\n\n\t\t\tif(this.align === 'center' ||  this.align===\"end\") {\n\t\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\t\ttotalHeight += heightDiffNext;\n\t\t\t}\n\n\t\t\tstepperLine.style.minHeight = `calc(${\n\t\t\t\t(totalHeight / 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<div class={stepper({ direction: this.direction })}>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('align')\n\tprotected _onAlignChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"version":3}
+{"file":"p-stepper.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/organisms/stepper/stepper.component.css?tag=p-stepper&encapsulation=shadow","src/components/organisms/stepper/stepper.component.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst stepper = cva(['flex gap-2'], {\n\tvariants: {\n\t\tdirection: {\n\t\t\tvertical: 'w-full flex-col flex-wrap',\n\t\t\thorizontal: 'h-auto items-center',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-stepper',\n\tstyleUrl: 'stepper.component.css',\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() direction: 'horizontal' | 'vertical' = 'horizontal';\n\n\t/**\n\t * The alignment of the content in case of vertical direction\n\t */\n\t@Prop() align: 'start' | 'center' | 'end' = 'center';\n\n\t/**\n\t * The position of the content in case of vertical direction\n\t */\n\t@Prop() 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.Timeout | undefined;\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.number = i + 1;\n\t\t\titem.direction = this.direction;\n\t\t\titem.align = this.direction === 'vertical' ? this.align : 'start';\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\tlet heightDiff = item.clientHeight - 24;\n\t\tlet heightDiffNext = nextItem.clientHeight - 24;\n\n\t\tif (this.align === 'center') {\n\t\t\theightDiff = heightDiff / 2;\n\t\t\theightDiffNext = heightDiffNext / 2;\n\t\t}\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\tlet totalHeight = 0;\n\n\t\t\tstepperLine.style.marginTop = '0';\n\t\t\tstepperLine.style.marginBottom = '0';\n\n\t\t\tif (this.align === 'start' || this.align === 'center') {\n\t\t\t\tstepperLine.style.marginTop = `-${heightDiff / 16}rem`;\n\t\t\t\ttotalHeight += heightDiff;\n\t\t\t}\n\n\t\t\tif (this.align === 'center' || this.align === 'end') {\n\t\t\t\tstepperLine.style.marginBottom = `-${heightDiffNext / 16}rem`;\n\t\t\t\ttotalHeight += heightDiffNext;\n\t\t\t}\n\n\t\t\tstepperLine.style.minHeight = `calc(${totalHeight / 16}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<div\n\t\t\t\tclass={stepper({\n\t\t\t\t\tdirection: this.direction,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot onSlotchange={() => this._generateStepsOnce()} />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('align')\n\tprotected _onAlignChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('direction')\n\tprotected _onDirectionChange() {\n\t\tthis._generateStepsOnce();\n\t}\n\n\t@Watch('activeStep')\n\tprotected _onActiveStepChange() {\n\t\tthis._generateStepsOnce();\n\t}\n}\n"],"version":3}

package/dist/components/p-table-cell.js

@@ -1,4 +1,4 @@
-import { T as TableCell, d as defineCustomElement$1 } from './p-CxhSYJBZ.js';
+import { T as TableCell, d as defineCustomElement$1 } from './p-Dh_4gXYW.js';
 
 const PTableCell = TableCell;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-footer.js

@@ -1,4 +1,4 @@
-import { T as TableFooter, d as defineCustomElement$1 } from './p-DtHs-SzC.js';
+import { T as TableFooter, d as defineCustomElement$1 } from './p-Cy1bLMTg.js';
 
 const PTableFooter = TableFooter;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-header.js

@@ -1,4 +1,4 @@
-import { T as TableHeader, d as defineCustomElement$1 } from './p-DdoouZCr.js';
+import { T as TableHeader, d as defineCustomElement$1 } from './p-Da_mcBgh.js';
 
 const PTableHeader = TableHeader;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table-row.js

@@ -1,4 +1,4 @@
-import { T as TableRow, d as defineCustomElement$1 } from './p-DyXjCQd1.js';
+import { T as TableRow, d as defineCustomElement$1 } from './p-Bb8uyInh.js';
 
 const PTableRow = TableRow;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table.js

@@ -4,16 +4,16 @@ import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj
 import { f as floatingMenuContainerClass } from './p-Ds9vCh4D.js';
 import { f as isMobile } from './p-B3sNjfzc.js';
 import { c as cn } from './p-CT54OXR2.js';
-import { d as defineCustomElement$c, a as defaultSize, b as defaultSizeOptions } from './p-Ch3YJ0-j.js';
+import { d as defineCustomElement$c, a as defaultSize, b as defaultSizeOptions } from './p-ClUlzt-d.js';
 import { d as defineCustomElement$v } from './p-BE9wqNth.js';
 import { d as defineCustomElement$u } from './p-D9DxjvS-.js';
 import { d as defineCustomElement$t } from './p-192xXCKV.js';
 import { d as defineCustomElement$s } from './p-Cv1xoKQ6.js';
-import { d as defineCustomElement$r } from './p-BUl1mbJp.js';
+import { d as defineCustomElement$r } from './p-Du_Am2CT.js';
 import { d as defineCustomElement$q } from './p-CA6-0EkK.js';
 import { d as defineCustomElement$p } from './p-Bxt_h1P2.js';
-import { d as defineCustomElement$o } from './p-BdBHOvJP.js';
-import { d as defineCustomElement$n } from './p-Blx3errZ.js';
+import { d as defineCustomElement$o } from './p-CPkh1e-n.js';
+import { d as defineCustomElement$n } from './p-BZbrGNXl.js';
 import { d as defineCustomElement$m } from './p-DlGX7eAs.js';
 import { d as defineCustomElement$l } from './p-C2CsD_zr.js';
 import { d as defineCustomElement$k } from './p-BACiQ58-.js';
@@ -21,17 +21,17 @@ import { d as defineCustomElement$j } from './p-DNHN-J6Y.js';
 import { d as defineCustomElement$i } from './p-cCxwgzDB.js';
 import { d as defineCustomElement$h } from './p-CKTvcFFn.js';
 import { d as defineCustomElement$g } from './p-C-1aZ7t0.js';
-import { d as defineCustomElement$f } from './p-CtkrGsqa.js';
-import { d as defineCustomElement$e } from './p-UP0QWP4I.js';
+import { d as defineCustomElement$f } from './p-2ZI4Mzgd.js';
+import { d as defineCustomElement$e } from './p-BFXs5OQx.js';
 import { d as defineCustomElement$d } from './p-D7OHNXA8.js';
 import { d as defineCustomElement$b } from './p-DfRQHBer.js';
 import { d as defineCustomElement$a } from './p-CS8aLBBd.js';
 import { d as defineCustomElement$9 } from './p-OY7iMMA5.js';
-import { d as defineCustomElement$8 } from './p-CxhSYJBZ.js';
+import { d as defineCustomElement$8 } from './p-Dh_4gXYW.js';
 import { d as defineCustomElement$7 } from './p-DB4h1B2U.js';
-import { d as defineCustomElement$6 } from './p-DtHs-SzC.js';
-import { d as defineCustomElement$5 } from './p-DdoouZCr.js';
-import { d as defineCustomElement$4 } from './p-DyXjCQd1.js';
+import { d as defineCustomElement$6 } from './p-Cy1bLMTg.js';
+import { d as defineCustomElement$5 } from './p-Da_mcBgh.js';
+import { d as defineCustomElement$4 } from './p-Bb8uyInh.js';
 import { d as defineCustomElement$3 } from './p-2DRqcElr.js';
 import { d as defineCustomElement$2 } from './p-DO22qLlU.js';
 

package/dist/components/p-toast.js

@@ -60,7 +60,7 @@ const Toast = /*@__PURE__*/ proxyCustomElement(class Toast extends H {
      */
     action;
     render() {
-        return (h(Host, { key: '06a0d2cab072cf70299668a4a541f9d94f3008e9', onClick: () => this._onClick() }, h("div", { key: 'da173c03012d63bf72a36babd3c7b3e10fb9d04d', class: indicator({ variant: this.variant }) }), h("div", { key: 'd967e9541d86003bd6dde2380d2b0f67efb0ec75', class: content() }, h("div", { key: '4c77f29e21958c9f530fe804e454e90645c3a4e8', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '3e831a294a86bccae2fe8532db4bca655e6c1e53', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '80b9b8f37cfa62722ee2a651a1604b0530848a0d', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: 'a211f4486eb1b520341e83f1578b7ba6b488c8e8', variant: 'transparent', iconOnly: true, icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' })))));
+        return (h(Host, { key: '7c2874fbba97c8fe5f6e3592ef02f5096b8776fb', onClick: () => this._onClick() }, h("div", { key: '11764a3b0c3935827929a3292c599667b95b25e3', class: indicator({ variant: this.variant }) }), h("div", { key: '80109f534d14e600643d69fe119a65ef2cc33d2f', class: content() }, h("div", { key: '681e62cb17ed77140520c65832374716e4ffa612', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '21ce7a2095920227008192e1c90e7fc8515faee3', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-white-500' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '1153f6ed724e56a0ed671910dc756b1e9343a249', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-dark-teal-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("p-button", { key: '6fd6786d8474df0da1d57d7954422e59eaa71cac', variant: 'transparent', iconOnly: true, icon: this.actionIcon, iconFlip: this.actionIconFlip, iconRotate: this.actionIconRotate, class: 'flex-shrink-0' })))));
     }
     _onClick() {
         if (this.enableAction) {

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

@@ -101,22 +101,19 @@ const Attachment = class {
     _cameraFileRef;
     render() {
         let prefix = (h("p-icon", { key: '98d1184d2cd2c229ec68045e1a57ebc6e77b771c', class: 'text-black-teal-300', variant: 'attachment' }));
-        if (this.loading) {
-            prefix = h("p-loader", { key: 'c7b5719acde0493005d9a999773f3941e3ea0c74', color: 'white' });
-        }
         if (this.error) {
-            prefix = (h("p-icon", { key: '31c9e87b595b1b5d63f87a8b949c2188a7df15df', variant: 'warning', class: 'text-negative-red' }));
+            prefix = (h("p-icon", { key: '6bdf7a757ba3d4f9614ae0ff1d0ae4aab23bed94', variant: 'warning', class: 'text-negative-red' }));
         }
         // const isMobileDevice = isMobile();
         const isMobileDevice = isTablet();
         const baseText = 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap  text-sm';
-        return (h(Fragment, { key: 'cf9bab100de1dd9ecc09d934503b52d460d776bf' }, h("p-field-container", { key: '223ff93d594b77fb7375dfbfcf2e465bd811afe1', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: 'b9c2b692b6729c75fa14c840b32426dbc7c24b1d', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: '538917ada65d116c13150422d812e0978109f5aa', class: attachment({
+        return (h(Fragment, { key: 'd0c314631138f0418a71130e3506c9c24bb11f3e' }, h("p-field-container", { key: 'f11e3dc93b47c63025abde1bfc03f0cc64b6a050', variant: 'write', label: this.label, helper: this.helper, error: this.error, required: this.required, forceShowTooltip: !!this.error?.length }, h("div", { key: 'dd8fb0529546118b6e39215f83bee385bb413aec', slot: 'content', class: 'flex w-full items-start gap-2' }, h("div", { key: 'b9263a22549e5cef936ac178b2c8277caa96ffc8', class: attachment({
                 error: !!this.error?.length,
-            }) }, prefix, h("span", { key: '3eed62fd70d4d68602547bc1df64d3f4f80f309e', class: cn(baseText, 'peer empty:hidden') }, this.value), h("span", { key: 'fd31f8e559e2e4f97595dd55a7f8cfc84103bef5', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: 'dd546d986fe7f3a9cdd44038a12c0f349ab36d1d', content: this.mode === 'read'
+            }) }, prefix, h("span", { key: '47cc0ed86d0996a2575785f05f93e7e8075a0a7f', class: cn(baseText, 'peer empty:hidden') }, this.value), h("span", { key: '6a6c0feccdff8f71924e2461ec011ff6379f3556', class: cn(baseText, 'hidden peer-empty:block') }, this.placeholder)), h("p-tooltip", { key: '6d4fbee5737e6bfbcd03d202e4f8b7606fa4eded', content: this.mode === 'read'
                 ? this.downloadTooltip
                 : this.value?.length
                     ? this.deleteTooltip
-                    : this.uploadTooltip }, h("p-button", { key: 'e1dfca67f00cca2dec1bc65c6d011c88a4b2c372', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
+                    : this.uploadTooltip }, h("p-button", { key: 'b493da0c5ac7ae1bd791b8fc72d272cb5b10a42a', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: this.mode === 'read'
                 ? 'download'
                 : this.value?.length
                     ? 'trash'
@@ -127,7 +124,7 @@ const Attachment = class {
                     : this.delete).emit() })), this.enableCameraOnMobile &&
             this.mode === 'write' &&
             isMobileDevice &&
-            !this.value?.length && (h("p-tooltip", { key: '4549ea82a571f35bf5afe992ffe6e0423be85bfd', content: this.cameraTooltip, class: 'desktop-xs:hidden' }, h("p-button", { key: 'b4fb61645f2908a77ee3ea186330dfc4281cae96', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: 'fa1b6e709f72cca737f1225e22f0781dedc07536', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: 'ebc5d19fa3d8ec3e1d380a9298609c6fafccfcc9', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
+            !this.value?.length && (h("p-tooltip", { key: '236de11a856b0f701ef79251aa2e4586ddd57900', content: this.cameraTooltip, class: 'desktop-xs:hidden' }, h("p-button", { key: '127ffe5ef98d6c5eea7be990e3631a3f066f1c7d', slot: 'trigger', variant: 'secondary', iconOnly: true, icon: 'camera', onOnClick: () => this._cameraClick() }))))), h("input", { key: '501a70ea7830308f1b53f516a0db4c671bd5aeb7', class: 'hidden', type: 'file', accept: Array.isArray(this.accept) ? this.accept?.join(',') : this.accept, ref: el => (this._fileRef = el), onChange: ev => this._onFileChange(ev) }), h("input", { key: '9be1eca163d4945987e2329d98f50a73f3f8cb2e', class: 'hidden', type: 'file', accept: 'image/*', capture: 'true', ref: el => (this._cameraFileRef = el), onChange: ev => this._onFileChange(ev) })));
     }
     _uploadClick() {
         if (!this._fileRef || this.mode !== 'write') {