@paperless/core 2.0.1-beta.67 → 2.0.1-beta.68

package/dist/collection/components/atoms/navigation-title/navigation-title.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class NavigationTitle {
     render() {
-        return (h(Host, { key: '1673e0585dbdd07cfab2d1c118db14a498148006', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '77db6034a744c3b0b28a76815cd076fbad8bb59c' })));
+        return (h(Host, { key: '09317724a6ceb2281ca9cacd54b7f8e1598e69ad', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, h("slot", { key: '1b3eb9926e3141614c13925fc7144a873a08debc' })));
     }
     static get is() { return "p-navigation-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/pagination/pages-item/pagination-pages-item.component.js

@@ -77,12 +77,12 @@ export class PaginationPagesItem {
      */
     disabled = false;
     render() {
-        return (h(Host, { key: 'b951bd1e9fc7fb023827243894155fd0f865cc78', class: item({
+        return (h(Host, { key: '2f2fcfd88af52f034a67cb17d7705d88af139a26', class: item({
                 variant: this.variant,
                 active: this.active,
                 hover: this.hover,
                 disabled: this.disabled,
-            }) }, h("slot", { key: 'a45fdccc3574cd3034f80e247d5f491494b2404d' })));
+            }) }, h("slot", { key: 'e3e952e6c60cc3154d8e4006a3a0495799d50e07' })));
     }
     static get is() { return "p-pagination-pages-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/radio/radio.component.js

@@ -76,11 +76,11 @@ export class Radio {
     checkedChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: '626fde36ff40f6985bfa380023288845dc5b053e', class: 'p-radio' }, h("label", { key: 'f3c16bc543800d9f8fd3af7c8909c6a0db7e3823', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'f4dfb883c3b61d4e0f5853032b735bae12b3c4df', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: 'c42e5e0fc0bb1622971a51f97754266572e7ca0e', class: radio({
+        return (h(Host, { key: '122d0ee383e11106e83e7d83663c917c2779d4ab', class: 'p-radio' }, h("label", { key: '1edf7967a674f034bb1af9a5d2838d62f42b6fb1', htmlFor: this.id?.length ? this.id : this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '97ecfb6ebe5648a19f5eaff82c285caa96b8e159', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '7098e9d81cd35d314b99f42f11cc986e904db20b', class: radio({
                 disabled: asBoolean(this.disabled),
-            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '792778c5ff960548528c41d76de739d6b2e66ee5', class: circle({
+            }), type: 'radio', id: this.id?.length ? this.id : this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '0a30882b36cfe566d8071dca4e8f7465dec43b68', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("slot", { key: 'bba9e3adbda677dcacfbb96fc08141d06d72e83a' }))));
+            }) })), h("slot", { key: '7ffdc1aad34f33fa579f3c928aa22a9d78d9f491' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/segment/container/segment-container.component.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SegmentContainer {
     render() {
-        return (h(Host, { key: 'eec5b238f3e1096566204e6795167c54e3ced911', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'b1a60feb1f4ffc761401f323270e194937ae74cf' })));
+        return (h(Host, { key: '28e6c5b25d68f88e8ed4807d40b8303555190965', class: 'p-segment-container flex rounded-2xl border border-solid border-off-white-700 bg-off-white-300 p-1' }, h("slot", { key: 'c12c34f0c05f081a7eadc1bef351a2a0002e3648' })));
     }
     static get is() { return "p-segment-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/segment/item/segment-item.component.js

@@ -49,11 +49,11 @@ export class SegmentItem {
     iconRotate;
     render() {
         const descriptionSlot = this.variant === 'block' ? h("slot", { name: 'description' }) : null;
-        return (h(Host, { key: '805af8d153977915bae6aaee07f32e02c4f9f999', class: segmentItem({
+        return (h(Host, { key: '4c66e42af52ffc7f06bfb16679edc8b216d2127e', class: segmentItem({
                 variant: this.variant,
                 active: asBoolean(this.active),
                 iconOnly: asBoolean(this.iconOnly),
-            }) }, this.icon && (h("p-icon", { key: 'ccd663d4754891a0510fbf82082ef72f59dfd779', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
+            }) }, this.icon && (h("p-icon", { key: '02958953a85004632bda6816301a367b820ce918', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), this.variant === 'default' ? (h("slot", null)) : (h("div", { class: 'flex flex-col items-center gap-1' }, h("p", { class: 'font-semibold empty:hidden' }, h("slot", { name: 'title' })), descriptionSlot && h("p", { class: 'text-xs' }, descriptionSlot)))));
     }
     static get is() { return "p-segment-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/smile/smile.component.js

@@ -15,7 +15,7 @@ export class Smile {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '5b59c91f7a8185516bf18a8192df30e63f0216a3', class: smile({ variant: this.variant }) }, h("div", { key: 'b92b3d41b4c022af61e5e797ac64e98089949c58', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
+        return (h(Host, { key: '3f05b17004d9a7091323ad20fde0441a2fa8c6ae', class: smile({ variant: this.variant }) }, h("div", { key: '4e706d2a5ef549e095610efe53a3b341c63528ff', class: 'absolute bottom-0 left-0 h-full w-full text-off-white-500', innerHTML: smileSvg })));
     }
     static get is() { return "p-smile"; }
     static get originalStyleUrls() {

package/dist/collection/components/atoms/tab/container/tab-container.component.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class TabContainer {
     render() {
-        return (h("div", { key: '8c0dd218f0a595a2822b368814eb44009ad82e46', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '29f65c3c1c5ceccbe1805098b7a98a27750e0c0d', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '3127b28c98e1b89f84e60b2f5768d8152ee44557' })), h("p-divider", { key: 'd41c6b8a3f3d947b3543f81d2b3321f98c18e4c3', class: 'absolute bottom-0 left-0 m-0 w-full' })));
+        return (h("div", { key: '7a92e7f3d8b1a44b2cf4e353af39dcb86c8997e6', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '0870c0ce5fc5dc213a856ef80e199d8aa216a854', class: 'z-10 flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '8fd53d082e395c669512cfb5123c9f0e0bc709d5' })), h("p-divider", { key: '1be80168ab3c81d29b13e86b66f9b17a03697ca4', class: 'absolute bottom-0 left-0 m-0 w-full' })));
     }
     static get is() { return "p-tab-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/tab/item/tab-item.component.js

@@ -18,7 +18,7 @@ export class TabItem {
      */
     active = false;
     render() {
-        return (h("div", { key: '1ec28d8e3fa3d13224247d561f10460c6ead3298', class: item({ active: this.active }) }, h("slot", { key: '8fb91e0c4f822895709d2856115f8fc570048b21' })));
+        return (h("div", { key: 'b2e6fc3db6dbf6475ffe66d9fc9fc71909b975ab', class: item({ active: this.active }) }, h("slot", { key: '94658deb7f166ea52f389078c15eb4511a17ac31' })));
     }
     static get is() { return "p-tab-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/table/actions-container/table-container.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}

package/dist/collection/components/atoms/table/actions-container/table-container.component.js

@@ -0,0 +1,20 @@
+import { h, Host } from "@stencil/core";
+import { cva } from "class-variance-authority";
+const container = cva('flex flex-col relative');
+export class TableContainer {
+    render() {
+        return (h(Host, { key: '72f9285d7088ce7866b39011f15e22a68e208f3c', class: container() }, h("slot", { key: '252fc0ab17597ce792beca72b648d29d07231cdf' })));
+    }
+    static get is() { return "p-table-container"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table-container.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table-container.component.css"]
+        };
+    }
+}
+//# sourceMappingURL=table-container.component.js.map

package/dist/collection/components/atoms/table/actions-container/table-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/table/actions-container/table-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAMhD,MAAM,OAAO,cAAc;IAC1B,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,SAAS,EAAE;YACvB,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;CACD","sourcesContent":["import { Component, h, Host } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst container = cva('flex flex-col relative');\n\n@Component({\n\ttag: 'p-table-container',\n\tstyleUrl: 'table-container.component.css',\n})\nexport class TableContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class={container()}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/atoms/table/container/table-row-actions-container.component.css

@@ -0,0 +1 @@
+.flex{display:flex!important}.h-full{height:100%!important}*{box-sizing:border-box}:host{--tw-content:"";display:flex;height:100%;justify-content:flex-end}.static{position:static!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-r-lg{border-bottom-right-radius:.5rem!important;border-top-right-radius:.5rem!important}.bg-off-white-200{--tw-bg-opacity:1!important;background-color:rgb(250 249 248/var(--tw-bg-opacity,1))!important}.pr-3{padding-right:.75rem!important}.before\:w-4:before{content:var(--tw-content)!important;width:1rem!important}.before\:bg-gradient-to-l:before{background-image:linear-gradient(to left,var(--tw-gradient-stops))!important;content:var(--tw-content)!important}.before\:from-off-white-200:before{--tw-gradient-from:#faf9f8 var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(30,17%,98%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}

package/dist/collection/components/atoms/table/container/table-row-actions-container.component.js

@@ -0,0 +1,19 @@
+import { h } from "@stencil/core";
+export class TableRowActionsContainer {
+    render() {
+        return (h("div", { key: '219072101865d950c7c2cefea775c3c8fdaa93e8', class: 'flex before:w-4 before:bg-gradient-to-l before:from-off-white-200' }, h("div", { key: '1ed8292f297b644749c06265a2d8efffe4cd2e41', class: 'flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3' }, h("slot", { key: 'd31cedd3929fc5f439ed3b1307670eba7de8a51d' }))));
+    }
+    static get is() { return "p-table-row-actions-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table-row-actions-container.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table-row-actions-container.component.css"]
+        };
+    }
+}
+//# sourceMappingURL=table-row-actions-container.component.js.map

package/dist/collection/components/atoms/table/container/table-row-actions-container.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row-actions-container.component.js","sourceRoot":"","sources":["../../../../../src/components/atoms/table/container/table-row-actions-container.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,wBAAwB;IACpC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,mEAAmE;YAC7E,4DAAK,KAAK,EAAC,mEAAmE;gBAC7E,8DAAQ,CACH,CACD,CACN,CAAC;IACH,CAAC;;;;;;;;;CACD","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n\ttag: 'p-table-row-actions-container',\n\tstyleUrl: 'table-row-actions-container.component.css',\n\tshadow: true,\n})\nexport class TableRowActionsContainer {\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex before:w-4 before:bg-gradient-to-l before:from-off-white-200'>\n\t\t\t\t<div class='flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3'>\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"]}

package/dist/collection/components/atoms/toggle/toggle.component.js

@@ -78,11 +78,11 @@ export class Toggle {
     indeterminateChange;
     _nonce = nonce(5);
     render() {
-        return (h(Host, { key: 'cc18ab9b736b7b9f988928a63f6c5a0ba1c54b1d', class: 'p-checkbox' }, h("label", { key: 'e2094a2717dcd042d163443a79104a4a26dd9806', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: '6d80056de23eb7b5f963a07caf34eb7b489d83fe', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: 'c218919cc052a3fe31d84f033f735f954bbf1d1a', class: checkbox({
+        return (h(Host, { key: 'de18ff897fad03b1573c395af030918c85c14dbc', class: 'p-checkbox' }, h("label", { key: '39518b059357e0819b783714c260e21e2bb84312', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, h("div", { key: 'b4d3b931a6804b6097bcf8be11c3a5fe20a711a3', class: 'group relative flex flex-shrink-0 items-center' }, h("input", { key: '7f3f9693a4151c96fb3aa30ea228e8ce3f7230bc', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '9f6fe7e1ba6cf111db571c61f2d8f3af6fa30a7f', class: circle({
+            }), type: 'checkbox', id: this.id ?? this._nonce, name: this.name, required: this.required, checked: !!this.checked, indeterminate: this.indeterminate, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'a7f07b292f236531e024c82ceadcf5759efccbce', class: circle({
                 disabled: this.disabled,
-            }) })), h("slot", { key: '05c354affb2702d43214e83543add591853fb641' }))));
+            }) })), h("slot", { key: 'eddf9cd1529ba5d217793fbb75af855615c8a0cc' }))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

package/dist/collection/components/atoms/tooltip/tooltip.component.js

@@ -108,19 +108,19 @@ export class Tooltip {
             ref: el => this._load(el),
         };
         let tooltip;
-        const tooltipElement = (h("div", { key: '964d08f12cd4b08114dc3873e17cca96ce4fb3c0', class: popover({
+        const tooltipElement = (h("div", { key: '803226345584c36cca2872d45f2450b6bd347167', class: popover({
                 variant: this.variant,
                 strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: '684fbb0cb4ba63decb6064edb973660a0fd66be8', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: 'fb0dcc801a5dd16e7aa314463a682e1dfcf87654', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
+            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'b1ae9a268b8ce945ff1b65b57de45482d371dc8e', class: 'flex gap-2' }, this.variant === 'error' && (h("div", { key: '9c03bf24d6706323a8a2038bb46ad81f361b3ae3', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
         if (this.usePortal) {
-            tooltip = (h("p-portal", { key: 'cc04657d297ff62df0bd0ffe649299d1904ad0c5', class: portal({
+            tooltip = (h("p-portal", { key: '49d63db60a0a0e3e1c3f79dce2551c24c811a721', class: portal({
                     strategy: this.strategy,
                 }), ...tooltipProps }, tooltipElement));
         }
         else {
             tooltip = tooltipElement;
         }
-        return (h(Host, { key: '087eb065cece95a021feefa03f3382c78e7d420e', class: 'p-popover flex cursor-pointer' }, h("div", { key: '0ed8dd7933c461a4767669e3007ebcadfe67e530', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: 'fbdb4661aac46d4535899fc8cff83f3c22773ef8', name: 'trigger' }), tooltip)));
+        return (h(Host, { key: '42a7f229b08118ac92fa55740e4525e72b041c6e', class: 'p-popover flex cursor-pointer' }, h("div", { key: 'aa478772ef9e80fae7e286f29a5c20c56958f0f3', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: 'bcd3c99910a340763fa2df3b0a4c79bc27904e39', name: 'trigger' }), tooltip)));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/collection/components/atoms/tooltip/tooltip.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"]}
+{"version":3,"file":"tooltip.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1',\n\t\t\t\tclick: null,\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tnone: null,\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'max-w-[14.5rem] w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst portal = cva('', {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tfixed: 'fixed',\n\t\t\tabsolute: 'absolute',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to use a portal for the tooltip\n\t */\n\t@Prop() usePortal: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\tconst tooltipProps = {\n\t\t\trole: 'popover',\n\t\t\t'data-placement': this.placement,\n\t\t\tref: el => this._load(el),\n\t\t};\n\n\t\tlet tooltip: HTMLElement;\n\n\t\tconst tooltipElement = (\n\t\t\t<div\n\t\t\t\tclass={popover({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tstrategy: this.usePortal ? 'none' : this.strategy,\n\t\t\t\t})}\n\t\t\t\t{...(this.usePortal ? {} : tooltipProps)}\n\t\t\t>\n\t\t\t\t<div class='flex gap-2'>\n\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t)}\n\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.usePortal) {\n\t\t\ttooltip = (\n\t\t\t\t<p-portal\n\t\t\t\t\tclass={portal({\n\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t})}\n\t\t\t\t\t{...tooltipProps}\n\t\t\t\t>\n\t\t\t\t\t{tooltipElement}\n\t\t\t\t</p-portal>\n\t\t\t);\n\t\t} else {\n\t\t\ttooltip = tooltipElement;\n\t\t}\n\n\t\treturn (\n\t\t\t<Host class='p-popover flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t{tooltip}\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"]}

package/dist/collection/components/deprecated/atoms/counter/counter.component.js

@@ -9,7 +9,7 @@ export class Counter {
      */
     size = 'default';
     render() {
-        return (h(Host, { key: 'c7ba578506ee54636d7526bc359ec071ce6d7bf2', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: '1b8ef072130d4daf41677988fa9b6e93668f0111' })));
+        return (h(Host, { key: '471dcd5cb012b8549156a7766ff25db741738b7e', class: `p-counter variant-${this.variant} size-${this.size}` }, h("slot", { key: '9ddae7f953cc9b755d0008befd28fefaded6a778' })));
     }
     static get is() { return "p-counter"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/drawer/body/drawer-body.component.js

@@ -5,7 +5,7 @@ export class ModalBody {
      */
     variant = 'default';
     render() {
-        return (h(Host, { key: '2520795b8635b88fd4689805c93f724e98090c1c', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: '3ac28d7812ce85a34c4a59b19e25fc444c7d37ef' })));
+        return (h(Host, { key: '7097437433b64533d54bc7b2f12558d8565edd13', class: `p-drawer-body variant-${this.variant}` }, h("slot", { key: '7b5883e5d8743c496572a67e848036ee61d977cc' })));
     }
     static get is() { return "p-drawer-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/drawer/container/drawer-container.component.js

@@ -10,7 +10,7 @@ export class ModalContainer {
      */
     closing = false;
     render() {
-        return (h(Host, { key: '0e327d7518acec308ff91585147416bb7fcf6f6d', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: 'ee496c398318f1b604f86042b96980a2319a6bfa' })));
+        return (h(Host, { key: '209c5d9742fc30495045f6c5309023126369adca', class: `p-drawer-container ${this.closing && 'closing'}` }, h("slot", { key: '8d17d46db3d8a0268db03996238c9c305a389dc5' })));
     }
     static get is() { return "p-drawer-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/deprecated/atoms/drawer/header/drawer-header.component.js

@@ -9,7 +9,7 @@ export class ModalHeader {
      */
     close;
     render() {
-        return (h(Host, { key: 'ee62292c64b405694277ab012e03a1375e7e7b17', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: 'c35b79735bfe18188d3105f8336eaae908036a5e', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: 'd734ec1fcdd792cf3867953e2598f9fa954144a9' })));
+        return (h(Host, { key: 'eda0258027acfcae6fbd3982fc3706387464bebd', class: 'p-drawer-header' }, this.showClose && (h("p-button", { key: '2c8a786752d744211cc66d811e04cb458ce001df', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: () => this.close.emit(), size: 'sm' })), h("slot", { key: 'f95daf1b9376cd4d57e104de48e7b4997d9a79be' })));
     }
     static get is() { return "p-drawer-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/icon-deprecated/icon.component.js

@@ -56,7 +56,7 @@ export class Icon {
             '-rotate-270': this.rotate === -270,
             '-rotate-315': this.rotate === -315,
         };
-        return (h(Host, { key: 'ad480ee8c20475805d22c038a7fa8dc8561585ed', class: styles, innerHTML: icon }));
+        return (h(Host, { key: '7586fddea039782f21a48943f238a1ad4f7cabae', class: styles, innerHTML: icon }));
     }
     static get is() { return "p-icon-deprecated"; }
     static get originalStyleUrls() {
@@ -77,7 +77,7 @@ export class Icon {
                 "mutable": false,
                 "complexType": {
                     "original": "IconDeprecatedVariant",
-                    "resolved": "\"arrow\" | \"headset\" | \"warning\" | \"attachment\" | \"document\" | \"folder\" | \"bread\" | \"camera\" | \"car\" | \"checkmark\" | \"companies\" | \"company\" | \"download\" | \"envelope\" | \"filter\" | \"integration\" | \"location\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"pencil\" | \"plus\" | \"receipt\" | \"search\" | \"settings\" | \"sick\" | \"trash\" | \"upload\" | \"eye\" | \"lock\" | \"calendar\" | \"clock\" | \"template\" | \"switch\" | \"hidden\" | \"checklist\" | \"chevron\" | \"chevrons\" | \"colleagues\" | \"cogs\" | \"comment\" | \"deactivate\" | \"explanation\" | \"faPiggy\" | \"formula\" | \"grid\" | \"hashtag\" | \"iDeal\" | \"list\" | \"megaphone\" | \"notification\" | \"pagination\" | \"payment\" | \"person\" | \"plan\" | \"question\" | \"reload\" | \"report\" | \"review\" | \"signout\" | \"tachometer\" | \"task\" | \"tool\" | \"turn\" | \"unlock\"",
+                    "resolved": "\"arrow\" | \"headset\" | \"warning\" | \"attachment\" | \"document\" | \"folder\" | \"bread\" | \"camera\" | \"car\" | \"checkmark\" | \"companies\" | \"company\" | \"download\" | \"envelope\" | \"filter\" | \"integration\" | \"location\" | \"menu\" | \"minus\" | \"more\" | \"negative\" | \"pencil\" | \"plus\" | \"receipt\" | \"search\" | \"settings\" | \"sick\" | \"trash\" | \"upload\" | \"eye\" | \"lock\" | \"calendar\" | \"clock\" | \"chevron\" | \"template\" | \"checklist\" | \"chevrons\" | \"colleagues\" | \"cogs\" | \"comment\" | \"deactivate\" | \"explanation\" | \"faPiggy\" | \"formula\" | \"grid\" | \"hashtag\" | \"hidden\" | \"iDeal\" | \"list\" | \"megaphone\" | \"notification\" | \"pagination\" | \"payment\" | \"person\" | \"plan\" | \"question\" | \"reload\" | \"report\" | \"review\" | \"signout\" | \"switch\" | \"tachometer\" | \"task\" | \"tool\" | \"turn\" | \"unlock\"",
                     "references": {
                         "IconDeprecatedVariant": {
                             "location": "local",

package/dist/collection/components/deprecated/atoms/{illustration/illustration.component.js → illustration-deprecated/illustration-deprecated.component.js}

@@ -1,15 +1,18 @@
 import { h, Host } from "@stencil/core";
-import illustrations from "../../../../utils/illustrations";
+import illustrations from "../../../../utils/illustrations-deprecated";
 export class Illustration {
     /**
      * The icon the be displayed
      */
     variant;
+    componentDidLoad() {
+        console.warn('[p-illustration-deprecated] Deprecated, please use p-illustration');
+    }
     render() {
         const illustration = illustrations[this.variant];
-        return (h(Host, { key: 'e3d150d9d119c1eb90109ac342c9857e84c7fb51', class: 'p-illustration block', innerHTML: illustration }));
+        return (h(Host, { key: '3a90545053a083519053d58d98d8514ccfe6c39d', class: 'p-illustration block', innerHTML: illustration }));
     }
-    static get is() { return "p-illustration"; }
+    static get is() { return "p-illustration-deprecated"; }
     static get properties() {
         return {
             "variant": {
@@ -17,13 +20,13 @@ export class Illustration {
                 "attribute": "variant",
                 "mutable": false,
                 "complexType": {
-                    "original": "IllustrationVariant",
+                    "original": "IllustrationDeprecatedVariant",
                     "resolved": "\"departments\" | \"e-mail\" | \"empty-state\" | \"empty-state-add\" | \"empty-state-overview\" | \"empty-state-search\" | \"expenses\" | \"functions\" | \"questions\" | \"sick-leave\" | \"time-off\" | \"upgrade-to-hr\"",
                     "references": {
-                        "IllustrationVariant": {
+                        "IllustrationDeprecatedVariant": {
                             "location": "local",
-                            "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/deprecated/atoms/illustration/illustration.component.tsx",
-                            "id": "src/components/deprecated/atoms/illustration/illustration.component.tsx::IllustrationVariant"
+                            "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/deprecated/atoms/illustration-deprecated/illustration-deprecated.component.tsx",
+                            "id": "src/components/deprecated/atoms/illustration-deprecated/illustration-deprecated.component.tsx::IllustrationDeprecatedVariant"
                         }
                     }
                 },
@@ -40,4 +43,4 @@ export class Illustration {
         };
     }
 }
-//# sourceMappingURL=illustration.component.js.map
+//# sourceMappingURL=illustration-deprecated.component.js.map

package/dist/collection/components/deprecated/atoms/illustration-deprecated/illustration-deprecated.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"illustration-deprecated.component.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/atoms/illustration-deprecated/illustration-deprecated.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAQvE,MAAM,OAAO,YAAY;IACxB;;OAEG;IACK,OAAO,CAAiC;IAEhD,gBAAgB;QACf,OAAO,CAAC,IAAI,CACX,mEAAmE,CACnE,CAAC;IACH,CAAC;IAED,MAAM;QACL,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjD,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAE,YAAY,GAChB,CACR,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport illustrations from '../../../../utils/illustrations-deprecated';\n\nexport type IllustrationDeprecatedVariant = keyof typeof illustrations;\n\n@Component({\n\ttag: 'p-illustration-deprecated',\n\t// shadow: true,\n})\nexport class Illustration {\n\t/**\n\t * The icon the be displayed\n\t */\n\t@Prop() variant!: IllustrationDeprecatedVariant;\n\n\tcomponentDidLoad() {\n\t\tconsole.warn(\n\t\t\t'[p-illustration-deprecated] Deprecated, please use p-illustration'\n\t\t);\n\t}\n\n\trender() {\n\t\tconst illustration = illustrations[this.variant];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass='p-illustration block'\n\t\t\t\tinnerHTML={illustration}\n\t\t\t></Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/deprecated/atoms/info-panel/info-panel.component.js

@@ -25,7 +25,7 @@ export class InfoPanel {
      */
     _el;
     render() {
-        return (h(Host, { key: '9eb262cfcdbbc7c81884559f22efb9d4b670b75a', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: 'b30b7f2e842e75874b62c461cd75e18533c3bf5a', class: 'header' }, h("slot", { key: '9af70b307f1d81b79dc2b273a9e621e06c1bd114', name: 'header' })), h("div", { key: 'ad69ae0d77d63b78c7f52614e47bbad4fdd25c38', class: 'content' }, h("slot", { key: '950b5647d6c65065fd87166796a07f6ee828cf80', name: 'content' })), this.closeable && (h("div", { key: 'bb12dab296d4248e49036e8d57ad3c86634bcd83', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '9c32de9ae095efb917fd4e7a0300242dc0bdef79', variant: 'negative' })))));
+        return (h(Host, { key: 'ab91a454216a9c67d91865d75bf0879921e5341f', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, h("div", { key: '793c7f4d06484368e0de89e6301a1b21bf186a20', class: 'header' }, h("slot", { key: 'd24b56de36536d0fe4aefd6af0750e21c7e7efc3', name: 'header' })), h("div", { key: 'ab609d1efe8eed0942782cabaf55dc21ff0e6bf7', class: 'content' }, h("slot", { key: '9b93c723ecf1781a75d41a4713870a2070313161', name: 'content' })), this.closeable && (h("div", { key: '776a29f6c9616930ce58ea5e7feded5e9b444324', class: 'close', onClick: () => this._close() }, h("p-icon", { key: '7c3f7b7d5b8522def7b9f120e25a4381c7a4477c', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/collection/components/deprecated/atoms/layout/layout.component.js

@@ -4,8 +4,12 @@ export class Layout {
      * Variant of the layout
      */
     variant = 'default';
+    /**
+     * Event whenever the layout is being scrolled
+     */
+    scroll;
     render() {
-        return (h(Host, { key: '83bf2d744371af578658fab1d60bdc99ba219283', class: `p-layout variant-${this.variant}` }, h("div", { key: '683fb2c8b73ba2b9b32762e860bc9c0a7164c47b', class: 'content' }, h("div", { key: '920ec6b59fbcd19a98f8384915ea266e0ebec0d6', class: 'inner-content' }, h("slot", { key: 'd1760fc61e715e1a6966e11ed9db730ccb72d7ef', name: 'content' }))), h("div", { key: 'a9e52f6b1a7905340ce8d749e088192a88fe8da5', class: 'sidebar' }, h("slot", { key: '36ad035653a8f49788db9651c5b0ae62ef660b32', name: 'sidebar' })), h("div", { key: '3b3ab5e7ec6a114296b8e699567cb41631ffedd2', class: 'topbar' }, h("slot", { key: 'cfae23c07360d1a6a9c49830239761e334212320', name: 'topbar' }))));
+        return (h(Host, { key: 'abb4b9dee622a98ce445bb7d616723ff05cdd4e6', class: `p-layout variant-${this.variant}` }, h("div", { key: '3d56e125dc255ef84cd44373f55f6b19c6d1e3c4', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: 'c813fc7a527b1f1eb5529a2c5a7b1fae1eafa48a', class: 'inner-content' }, h("slot", { key: 'c06a94e256eb4e685888fec7c8a2b415fce3169a', name: 'content' }))), h("div", { key: 'e7d29ed239bd8a0fcb0e52821b8e4019364e11dd', class: 'sidebar' }, h("slot", { key: '3d239712ec6357624866af12307be33e1bdb094b', name: 'sidebar' })), h("div", { key: '55c075f918cbce1ea612c5fe4cf2530e994258c5', class: 'topbar' }, h("slot", { key: 'afae0fcdec8240e06d8bcfe8e430dfd1bc4cbf98', name: 'topbar' }))));
     }
     static get is() { return "p-layout"; }
     static get encapsulation() { return "shadow"; }
@@ -43,5 +47,23 @@ export class Layout {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "scroll",
+                "name": "scroll",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event whenever the layout is being scrolled"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
 }
 //# sourceMappingURL=layout.component.js.map

package/dist/collection/components/deprecated/atoms/layout/layout.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.component.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/atoms/layout/layout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,OAAO,GAAmC,SAAS,CAAC;IAE5D,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE;YAC9C,4DAAK,KAAK,EAAC,SAAS;gBACnB,4DAAK,KAAK,EAAC,eAAe;oBACzB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD;YACN,4DAAK,KAAK,EAAC,SAAS;gBACnB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB;YACN,4DAAK,KAAK,EAAC,QAAQ;gBAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div class='content'>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"layout.component.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/atoms/layout/layout.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,MAAM;IAClB;;OAEG;IACK,OAAO,GAAmC,SAAS,CAAC;IAE5D;;OAEG;IACM,MAAM,CAAoB;IAEnC,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,oBAAoB,IAAI,CAAC,OAAO,EAAE;YAC9C,4DACC,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;gBAEpC,4DAAK,KAAK,EAAC,eAAe;oBACzB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD;YACN,4DAAK,KAAK,EAAC,SAAS;gBACnB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB;YACN,4DAAK,KAAK,EAAC,QAAQ;gBAClB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n\ttag: 'p-layout',\n\tstyleUrl: 'layout.component.scss',\n\tshadow: true,\n})\nexport class Layout {\n\t/**\n\t * Variant of the layout\n\t */\n\t@Prop() variant: 'default' | 'login' | 'office' = 'default';\n\n\t/**\n\t * Event whenever the layout is being scrolled\n\t */\n\t@Event() scroll: EventEmitter<any>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-layout variant-${this.variant}`}>\n\t\t\t\t<div\n\t\t\t\t\tclass='content'\n\t\t\t\t\tonScroll={ev => this.scroll.emit(ev)}\n\t\t\t\t>\n\t\t\t\t\t<div class='inner-content'>\n\t\t\t\t\t\t<slot name='content' />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class='sidebar'>\n\t\t\t\t\t<slot name='sidebar' />\n\t\t\t\t</div>\n\t\t\t\t<div class='topbar'>\n\t\t\t\t\t<slot name='topbar' />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/deprecated/atoms/slider-indicator/slider-indicator.component.js

@@ -5,7 +5,7 @@ export class SliderIndicator {
      */
     active = false;
     render() {
-        return (h(Host, { key: 'cbcda587cd65ad2fd9d52013336a9e4a46fae855', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (h(Host, { key: 'a5ad449b8520b44016ab769fdf3e486e07ff6fe5', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
     static get is() { return "p-slider-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/status/status.component.js

@@ -17,8 +17,8 @@ export class Status {
      */
     iconRotate;
     render() {
-        return (h(Host, { key: '56166f20d5b90b89ded4570d0671978f15a79d69', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), h("slot", { key: '91b5a16cb729b8f538b8c31964b1ec0094360643' })));
+        return (h(Host, { key: '2b5c8380afb3dc9c001a749eb18e039530f28d18', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), h("slot", { key: 'f12b5a6caf7b51e54398370637e5bb15d4247ca6' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

package/dist/collection/components/deprecated/atoms/stepper/item/stepper-item.component.js

@@ -21,7 +21,7 @@ export class StepperItem {
      */
     active = false;
     render() {
-        return (h(Host, { key: '5530f6c741575ff1d139f5ecaf7c843ce5fb319a', class: "p-stepper-item" }, h("div", { key: '0b34dc9d11a253db66cd4caff2cecb37e9a52d23', class: "circle" }, this.finished && h("p-icon", { key: 'a1f32db164e705ee95bb4f53470132c5e633c297', variant: "checkmark" })), h("div", { key: 'f4055e42d9ab92299ff14680c14b5d600cc2142f', class: "content" }, h("slot", { key: '6080dea3f48628d7695fa637388c42b5af5b0a94', name: "content" }))));
+        return (h(Host, { key: '1283abc0e76d4010e821807ab62112d0009cb6ed', class: "p-stepper-item" }, h("div", { key: 'c2458fde97ae918a68597867898e3cf37b76ac41', class: "circle" }, this.finished && h("p-icon", { key: '2e23b0201b13a7f09c0cc183037a9d2e08c98909', variant: "checkmark" })), h("div", { key: 'efd88ab040f2c8a88edb8bb96976ce32ce228295', class: "content" }, h("slot", { key: '63d15c2de4f78abac89a00818002d78ee43ea437', name: "content" }))));
     }
     static get is() { return "p-stepper-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/stepper/line/stepper-line.component.js

@@ -9,7 +9,7 @@ export class StepperLine {
      */
     direction = 'horizontal';
     render() {
-        return h(Host, { key: 'ffc0cbfb4c34dfd63323ec045e915b78e2a1fc27', class: "p-stepper-line" });
+        return h(Host, { key: '3ca96d82dc2971eb3b3d7845c0d69c1ffcfc8ba5', class: "p-stepper-line" });
     }
     static get is() { return "p-stepper-line"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/atoms/toast-container/toast-container.component.js

@@ -5,7 +5,7 @@ export class ToastContainer {
      */
     placement = 'top-end';
     render() {
-        return (h(Host, { key: '79297fc7b92c3f6b339bfc29250c9b099cccacad', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '8641033db3759449c4153890f5a5f2596331d3e6' })));
+        return (h(Host, { key: 'fb54c0e6283439a80ccefd763d493832c051ccde', class: `p-toast-container placement-${this.placement}` }, h("slot", { key: '3bfa9c570d8a7e23596dac59bf2fe3bdef7f302a' })));
     }
     static get is() { return "p-toast-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/molecules/accordion/accordion.component.js

@@ -21,7 +21,7 @@ export class Accordion {
      */
     isOpen;
     render() {
-        return (h(Host, { key: '7ad723f9d462475bbde3b153d9933ae8aa486087', class: 'p-accordion' }, h("div", { key: 'd84095e73c10d45be714b9dc5be39f8cb46eae07', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '91b832f408a54a7c157de9da7e5eeceb2e40c22c', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ecee19be59e16078a4b451674ed44d73114e523d', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '99dc087bff6db71f175f66ca150fe81eb1b77bc0' })), this.open && (h("div", { key: 'cd20ff3a60c59c2b7f14ee7d4082fc9afe4064c8', class: 'mt-6' }, h("slot", { key: '4b293f8ddc3dd60d1e2dae75f4707eb5b78e7183' })))));
+        return (h(Host, { key: 'e662bfe977c60b47ec2e624aadf227b73cfe2b1d', class: 'p-accordion' }, h("div", { key: '90f37f6be6b2a272c349340ea5e88d01cd91806f', class: 'flex cursor-pointer items-center gap-3 text-storm-vague', onClick: () => this._onClick() }, h("p-icon", { key: '6746eaaf82e912c09376c47b5a92c9553fc9a181', class: 'flex', variant: 'caret', rotate: this.open ? 0 : -90 }), h("p", { key: 'ec4a89e5613b989a408ad5f7d30be198e6175437', class: 'm-0 whitespace-nowrap text-lg font-medium' }, this.header), h("p-divider", { key: '87ece009aff99e1cee79887d3951abd5860da883' })), this.open && (h("div", { key: 'a4ee83b19640ace3cd642c28cce4ceb49fe8cf84', class: 'mt-6' }, h("slot", { key: '517d40fffa8d15ff3acdcf7d732ac6b4cc8236ec' })))));
     }
     _onClick() {
         if (!this.closeable && this.open) {

package/dist/collection/components/deprecated/molecules/attachment/attachment.component.js

@@ -25,14 +25,14 @@ export class Attachment {
      */
     delete;
     render() {
-        let prefix = h("p-icon", { key: 'e23ed6e11a562258c720881549f28a7abb584f3d', variant: 'attachment' });
+        let prefix = h("p-icon", { key: '7d60c543cb4751138d163065247a27c71f248741', variant: 'attachment' });
         if (this.loading) {
-            prefix = h("p-loader", { key: 'f97752af8256bbdae224e3567d96004df480ce0b' });
+            prefix = h("p-loader", { key: '50572b2ee95d283b38ccbbdb2ce25cb52744ac26' });
         }
         if (this.error) {
-            prefix = (h("p-icon", { key: '0a9913dded62bb2b899aebef67e612cf6decd4f8', variant: 'warning', class: 'text-negative' }));
+            prefix = (h("p-icon", { key: 'e0cfc3e3fb09105b8c72e3173da208815ce009ab', variant: 'warning', class: 'text-negative' }));
         }
-        return (h(Host, { key: '9d4d8572b25dc995f2b1fc078cc6066124331ea1', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'be153b4d1970343f7bb0ea67eac8b1fa246f9bb5', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '80d5a254322f25126ccfdd375bfd089c70513237', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: '667ab94cb746606eb4f6466570b550c07aa97cfa' })), this.error?.length && h("p-input-error", { key: '6edb2fdb1734929bf6288c1d3670678eef7f8c60', error: this.error })), h("p-button", { key: '3d616711ff6c9f351410fe6b613edd04eee363c9', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
+        return (h(Host, { key: '924de4f0d0261ce76cd339b006ae59ca8b177b53', class: 'p-attachment flex items-start gap-4' }, h("div", { key: 'acbf3bd38573feace3aa528a5480c5c18f2d839b', class: `flex h-8 min-w-0 flex-1 items-center justify-start gap-2 rounded-lg bg-mystic px-2 ${this.error?.length ? 'text-negative' : 'text-storm-medium'}` }, prefix, h("span", { key: '7cf1b78f38b0c5e1cd12d12e4ca1cb0654ac9a90', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap' }, h("slot", { key: 'f244a0e0153ac4f7c0864ab611cb101e0db88437' })), this.error?.length && h("p-input-error", { key: '64a6e8c355d38cfdf7453849c4583f8ec7451eac', error: this.error })), h("p-button", { key: 'd6722638b5d416acbb4821d920e9349ebc614a83', variant: 'secondary', iconOnly: true, icon: this.mode === 'read' ? 'download' : 'trash', disabled: this.loading, loading: this.mode === 'read' && this.downloading, size: 'sm', onOnClick: () => (this.mode === 'read' ? this.download : this.delete).emit() })));
     }
     static get is() { return "p-attachment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/molecules/content-slider/content-slider.component.js

@@ -49,9 +49,9 @@ export class ContentSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'e783ded65669f94fb8f4890624b967de22aaa356', class: "p-content-slider" }, h("div", { key: '596098993bda1ca9ae97a625986885c48eb6849b', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
+        return (h(Host, { key: '955a37eb2c0409c6ab7329e12ce7d62e20851f82', class: "p-content-slider" }, h("div", { key: 'd9f60aa8c530dae7d70e29dbba6000848920e13d', class: `slider ${!this.disableDrag && 'draggable'} ${this._dragging && 'dragging'}`, style: {
                 height: `${this._outerHeight}px`,
-            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '40b9daccd158e980521b92d1e8bdfa85336c527f', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: '5ed5d24d35a24f2b69345d40aea7c488bc381ba3' }))), h("div", { key: '9eed8a08f02b7aba97e04ff55e72c651347a7ac6', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
+            }, ref: (el) => (this._sliderRef = el), onMouseDown: (e) => this._mouseDownHandler(e), onTouchStart: (e) => this._mouseDownHandler(e), onMouseMove: (e) => this._mouseMoveHandler(e), onTouchMove: (e) => this._mouseMoveHandler(e) }, h("div", { key: '78cfd1ecdece726ee7f3f559a4be1a5d4ea0517d', class: "inner-slider", ref: (ref) => this._setInnerSliderReft(ref), onTransitionEnd: () => this._transitionEndHandler() }, h("slot", { key: 'add6e8e6408ce3edf0662ddf6e43a844f2a3d9eb' }))), h("div", { key: '11dfe819fd6520675e99e7d41b15cb770f86fcec', class: `indicator ${this.hideMobileIndicator && 'hidden'}` }, this._items.map((_, i) => (h("div", { onClick: () => this._scrollTo(i, true), class: `item ${!this.disableIndicatorClick && 'cursor-pointer'}` }, h("p-slider-indicator", { active: i === this._visibleIndex })))))));
     }
     _mouseDownHandler(e) {
         if (this.disableDrag || this._dragging) {