@paperless/core 2.13.9 → 2.14.0

package/dist/components/{p-CsS0Qh_I.js → p-5AigekbA.js}

@@ -3,7 +3,7 @@ import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shi
 import { c as cva } from './p-CBWjHURv.js';
 import { a as childOfComposed } from './p-BFSNj6hu.js';
 import { c as cn } from './p-CT54OXR2.js';
-import { d as defineCustomElement$1 } from './p-D2igmK5l.js';
+import { d as defineCustomElement$1 } from './p-CStLRi0B.js';
 
 const dropdownComponentCss = "*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-datepicker{z-index:401!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!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}}";
 
@@ -135,12 +135,12 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends H {
         this._checkItems();
     }
     render() {
-        return (h(Host, { key: 'd78bffe575a77739a800e8832f7ce0fa2c3e6541', class: 'relative' }, h("div", { key: '9f66c1f3bcb6a0d0315b27263027eff4c12b6d26', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: 'e6c3e7586ad799522efc2344588112beedaa1ce6', name: 'trigger' })), h("div", { key: '4ba9a6fc4c4f77ddf4a02cc450280f8a5e950985', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: '10a1bb82fd52e0e25f9de3f8ae3235cbdc84ea68', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: cn(dropdownContainerClass({
+        return (h(Host, { key: 'c508400420f7d2deaadc9bb5d3548c0189a21769', class: 'relative' }, h("div", { key: 'fd54550c4967b5fde3ccd68f578e57529a0f57fb', class: 'trigger', onClick: () => this._triggerClickHandler() }, h("slot", { key: '4efb9555583a1dc32f2d3d6f551b5da29840226d', name: 'trigger' })), h("div", { key: '89fa258cc7dddc1fe732199ca6443144c71c5254', class: 'relative w-full' }, h("p-dropdown-menu-container", { key: 'ce825211bc83d4338179a10a517fc6da50a3adf5', variant: this.variant, maxWidth: this.applyMaxWidth, fullWidth: this.applyFullWidth && !this.applyMaxWidth, allowOverflow: this.allowOverflow, scrollable: this.scrollable, class: cn(dropdownContainerClass({
                 strategy: this.strategy,
                 maxWidth: this.applyMaxWidth,
                 fullWidth: this.applyFullWidth && !this.applyMaxWidth,
                 isDatepicker: this.isDatepicker,
-            }), this.containerClass), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, h("slot", { key: '18fb93346e8882c945ece8d12a4e7594e5065453', name: 'items' })))));
+            }), this.containerClass), ref: el => this._load(el), onClick: () => this._containerClickHandler(), role: 'popover', "data-placement": this.placement, "data-strategy": this.strategy }, h("slot", { key: 'c5c25490cb2bff7850636ab12a2f9a10b9b0a232', name: 'items' })))));
     }
     _checkButtons(active = false) {
         if (!this.applyChevron) {
@@ -169,6 +169,9 @@ const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends H {
     _checkItems() {
         const items = this._el.querySelectorAll('p-dropdown-menu-item');
         for (let item of [...items]) {
+            if (item.variant === 'pagination' || item.variant === 'negative') {
+                continue;
+            }
             item.variant = this.variant;
         }
     }
@@ -308,6 +311,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Dropdown as D, defineCustomElement as d };
-//# sourceMappingURL=p-CsS0Qh_I.js.map
+//# sourceMappingURL=p-5AigekbA.js.map
 
-//# sourceMappingURL=p-CsS0Qh_I.js.map
+//# sourceMappingURL=p-5AigekbA.js.map

package/dist/components/p-5AigekbA.js.map

@@ -0,0 +1 @@
+{"file":"p-5AigekbA.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/dropdown/dropdown.component.css?tag=p-dropdown&encapsulation=shadow","src/components/molecules/dropdown/dropdown.component.tsx"],"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';\nimport { childOfComposed } from '../../../utils/child-of';\nimport { cn } from '../../../utils';\n\nconst dropdownContainerClass = cva(['hidden'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t\tfullWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'w-full',\n\t\t},\n\t\tmaxWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t},\n\t\tisDatepicker: {\n\t\t\tfalse: 'z-dropdown',\n\t\t\ttrue: 'z-datepicker',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfullWidth: false,\n\t\t\tmaxWidth: true,\n\t\t\tclass: 'w-auto',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.css',\n\tshadow: true,\n})\nexport class Dropdown {\n\t/**\n\t * The variant of the dropdown\n\t */\n\t@Prop() variant: 'default' | 'storm' = 'default';\n\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The offset of the dropdown menu\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow in the container\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to open the dropdown manually\n\t */\n\t@Prop() manual: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The class of the dropdown container\n\t */\n\t@Prop() containerClass: string;\n\n\t/**\n\t * Wether the dropdown container is a datepicker dropdown\n\t */\n\t@Prop() isDatepicker: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\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\tprivate _loaded = false;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._checkButtons();\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\n\t\tthis._menu?.remove();\n\t}\n\n\tcomponentDidRender() {\n\t\tthis._checkButtons();\n\t\tthis._checkItems();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='trigger'\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t</div>\n\t\t\t\t<div class='relative w-full'>\n\t\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tmaxWidth={this.applyMaxWidth}\n\t\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\tdropdownContainerClass({\n\t\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t\t\tmaxWidth: this.applyMaxWidth,\n\t\t\t\t\t\t\t\tfullWidth: this.applyFullWidth && !this.applyMaxWidth,\n\t\t\t\t\t\t\t\tisDatepicker: this.isDatepicker,\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\tthis.containerClass\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name='items' />\n\t\t\t\t\t</p-dropdown-menu-container>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButtons(active: boolean = false) {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>(\n\t\t\t'p-button[slot=\"trigger\"]'\n\t\t);\n\n\t\tconst isOpen = this._menu.getAttribute('data-show') !== null;\n\n\t\tfor (let button of [...buttons]) {\n\t\t\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\n\n\t\t\tif (button.iconOnly) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tbutton.chevronPosition = this.chevronPosition;\n\t\t\tbutton.chevron = this.chevronDirection\n\t\t\t\t? this.chevronDirection\n\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t? isOpen\n\t\t\t\t\t? 'down'\n\t\t\t\t\t: 'up'\n\t\t\t\t: isOpen\n\t\t\t\t? 'up'\n\t\t\t\t: 'down';\n\t\t}\n\t}\n\n\tprivate _checkItems() {\n\t\tconst items = this._el.querySelectorAll<HTMLPDropdownMenuItemElement>(\n\t\t\t'p-dropdown-menu-item'\n\t\t);\n\n\t\tfor (let item of [...items]) {\n\t\t\tif (item.variant === 'pagination' || item.variant === 'negative') {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\titem.variant = this.variant;\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\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(event) {\n\t\tif (\n\t\t\t!this._menu.hasAttribute('data-show') ||\n\t\t\tchildOfComposed(event, this._menu)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\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 _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis._menu.classList.remove('hidden');\n\t\tthis._menu.classList.add('block');\n\n\t\tthis.isOpen.emit(true);\n\t\tthis._checkButtons(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\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._menu.removeAttribute('data-show');\n\t\tthis._menu.classList.remove('block');\n\t\tthis._menu.classList.add('hidden');\n\n\t\tthis.isOpen.emit(false);\n\t\tthis._checkButtons(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.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}

package/dist/components/{p-CZ9s2ypk.js → p-B36IlaYj.js}

@@ -95,13 +95,13 @@ const Backdrop = /*@__PURE__*/ proxyCustomElement(class Backdrop extends H {
         }
     }
     render() {
-        return (h(ThemedHost, { key: '5deda476074376670b55892d85550e7f7f9910ce' }, h("div", { key: '4732c636b74066b3518cd4cf536307b6ed43a688', class: backdrop({
+        return (h(ThemedHost, { key: '1a5de8408d9c3e0e992447e17e07d3316017648c' }, h("div", { key: '338b428c31f23688f060b408ee6036b408f95a6c', class: backdrop({
                 blur: asBoolean(this.applyBlur),
                 closing: asBoolean(this.closing),
-            }) }, h("div", { key: '1baa9b475e85efd883f6a56cdc86479e40811c0c', class: contentContainer({
+            }) }, h("div", { key: '56b5b1de1dfe7a91ad1ff908d1dab2dba76e293b', class: contentContainer({
                 variant: this.variant,
                 closing: asBoolean(this.closing),
-            }) }, h("slot", { key: '235e9d0179a458215186016cc6098e1c3ee1d9ac' })))));
+            }) }, h("slot", { key: '85b43efbf7f9b6ab724a9e4c73d32c33a46a0a3e' })))));
     }
     handleClick(ev) {
         if (ev.target !== this._el && !this._el.contains(ev.target)) {
@@ -133,6 +133,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Backdrop as B, defineCustomElement as d };
-//# sourceMappingURL=p-CZ9s2ypk.js.map
+//# sourceMappingURL=p-B36IlaYj.js.map
 
-//# sourceMappingURL=p-CZ9s2ypk.js.map
+//# sourceMappingURL=p-B36IlaYj.js.map

package/dist/components/{p-CZ9s2ypk.js.map → p-B36IlaYj.js.map}

@@ -1 +1 @@
-{"file":"p-CZ9s2ypk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-storm-800/40',\n\t\t'max-h-screen max-w-screen',\n\t\t'dark:bg-storm-500/60',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={backdrop({\n\t\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}
+{"file":"p-B36IlaYj.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/backdrop/backdrop.component.css?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-storm-800/40',\n\t\t'max-h-screen max-w-screen',\n\t\t'dark:bg-storm-500/60',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'flex',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: [\n\t\t\t\t\t'pt-16 tablet:px-16 desktop-xs:py-8',\n\t\t\t\t\t'items-end desktop-xs:items-stretch justify-center',\n\t\t\t\t],\n\t\t\t\tdrawer: ['items-start justify-end desktop-xs:items-start'],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.css',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={backdrop({\n\t\t\t\t\t\tblur: asBoolean(this.applyBlur),\n\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tclosing: asBoolean(this.closing),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}

package/dist/components/{p-CWsTTbrU.js → p-B5YA-SmD.js}

@@ -1,11 +1,23 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { T as ThemedHost } from './p-7QA93RrV.js';
+import { a as childOfComposed } from './p-BFSNj6hu.js';
 import { P as PAGINATION_DEFAULT_PAGE_SIZE } from './p-vyRrSf5s.js';
-import { d as defineCustomElement$2 } from './p-BHphGfv6.js';
-import { d as defineCustomElement$1 } from './p-CIRFeGiK.js';
+import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
+import { d as defineCustomElement$c } from './p-CHsgxVNo.js';
+import { d as defineCustomElement$b } from './p-B9Oq0SNd.js';
+import { d as defineCustomElement$a } from './p-5AigekbA.js';
+import { d as defineCustomElement$9 } from './p-CStLRi0B.js';
+import { d as defineCustomElement$8 } from './p-DYwUduDW.js';
+import { d as defineCustomElement$7 } from './p-BQN0zMMn.js';
+import { d as defineCustomElement$6 } from './p-Drj54LkS.js';
+import { d as defineCustomElement$5 } from './p-CC4Jkcsd.js';
+import { d as defineCustomElement$4 } from './p-C8GpDop1.js';
+import { d as defineCustomElement$3 } from './p-BFbLqg3-.js';
+import { d as defineCustomElement$2 } from './p-C1RM6nHP.js';
+import { d as defineCustomElement$1 } from './p-CeJyspp0.js';
 
-const paginationPagesComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";
+const paginationPagesComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.hidden{display:none!important}.w-28{width:7rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";
 
 const pagination = cva(['p-pagination', 'flex gap-2 items-center'], {
     variants: {
@@ -23,6 +35,7 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
         this.pageChange = createEvent(this, "pageChange", 3);
         this.pagesChange = createEvent(this, "pagesChange", 3);
     }
+    _defaultDropdownPageTemplate = page => formatTranslation(this._locales.page, { page });
     /**
      * The current page
      */
@@ -31,6 +44,10 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
      * Event whenever the page changes
      */
     pageChange;
+    /**
+     * The template for the data view
+     */
+    dropdownPageTemplate = this._defaultDropdownPageTemplate;
     /**
      * The amount of items per page
      */
@@ -47,13 +64,23 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
      * The pages that were generated
      */
     pagesChange;
+    _showDropdown = [false, false];
+    _dropdowns = [];
+    /**
+     * Locales used for this component
+     */
+    _locales = {};
+    get _el() { return this; }
     _pages = [];
     _set = [];
+    componentWillLoad() {
+        this._setLocales();
+    }
     componentWillRender() {
         this._generate();
     }
     render() {
-        return (h(ThemedHost, { key: '7f04b537b1a42b434a14d76c173630213be357f0' }, h("div", { key: 'b750ba157ea1ea804ec4fd94f519a893e1f4602b', class: pagination({
+        return (h(ThemedHost, { key: 'aaf3e71903ad861f039ceabfefbfdc0be38a6568' }, h("div", { key: '41ffcc99576ba46d8b2f3730c7db0fec8823c1f8', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -62,7 +89,14 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
                         : this._nextClick() }, p.value));
             }
             if (p.type === 'ellipsis') {
-                return (h("p-pagination-pages-item", { hover: false }, "..."));
+                return (h("p-dropdown", { placement: 'bottom', applyChevron: false, insideClick: true, show: this._showDropdown[p.dropdownIndex], onIsOpen: ({ detail }) => this._onShowDropdown(detail, p.dropdownIndex), ref: el => (this._dropdowns[p.dropdownIndex] = el) }, h("p-pagination-pages-item", { slot: 'trigger' }, "..."), h("slot", { slot: 'items' }, p.options?.slice(0, 5).map(v => (h("p-dropdown-menu-item", { variant: 'pagination', autoHeight: true, onClick: () => this._pageClick(v) }, "Pagina ", v, this.dropdownPageTemplate
+                    ? this.dropdownPageTemplate(v)
+                    : this._defaultDropdownPageTemplate(v)))), p.options?.length > 5 &&
+                    this._showDropdown[p.dropdownIndex] && (h("p-field", { class: 'mt-2 w-28', size: 'sm', icon: 'enter-key', iconPosition: 'end', type: 'number', properties: {
+                        min: 1,
+                        max: this._pages.length,
+                        step: 1,
+                    }, autoFocus: true, onEnter: ({ detail }) => this._enterPress(detail) })))));
             }
             return (h("p-pagination-pages-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
         }))));
@@ -70,6 +104,19 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
     pageChangeHandler() {
         this._generate();
     }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
+    }
+    documentClickHandler(event) {
+        const dropdowns = [false, false];
+        if (this._dropdowns[0] && childOfComposed(event, this._dropdowns[0])) {
+            dropdowns[0] = true;
+        }
+        if (this._dropdowns[1] && childOfComposed(event, this._dropdowns[1])) {
+            dropdowns[1] = true;
+        }
+        this._showDropdown = dropdowns;
+    }
     _generate() {
         this._pages = this._generatePages();
         this._set = this._generateSet();
@@ -81,6 +128,7 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
         if (!p) {
             return;
         }
+        this._showDropdown = [false, false];
         this.page = p;
         this.pageChange.emit(this.page);
     }
@@ -112,6 +160,26 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
         return false;
     };
     _pageClick = (p) => this._changePage(p);
+    _enterPress(p) {
+        if (typeof p === 'string') {
+            p = parseInt(p);
+        }
+        if (isNaN(p)) {
+            return;
+        }
+        if (p < 1) {
+            p = 1;
+        }
+        if (p > this._pages.length) {
+            p = this._pages.length;
+        }
+        this._changePage(p);
+    }
+    _onShowDropdown(show = false, dropdownIndex) {
+        const showDropdown = [...this._showDropdown];
+        showDropdown[dropdownIndex] = show;
+        this._showDropdown = showDropdown;
+    }
     _generatePages() {
         if (!this.total || !this.pageSize) {
             return [];
@@ -156,6 +224,7 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
         if (enableBoundaries) {
             set.push(previous);
         }
+        let dropdownIndex = 0;
         if (start <= 3) {
             for (let i = 1; i < start; i++) {
                 set.push({
@@ -171,8 +240,10 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
             });
             set.push({
                 type: 'ellipsis',
-                value: 'ellipsis',
+                dropdownIndex,
+                options: Array.from({ length: start - 2 }, (_, i) => i + 2),
             });
+            dropdownIndex++;
         }
         for (let i = start; i <= end; i++) {
             set.push({
@@ -191,7 +262,10 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
         else {
             set.push({
                 type: 'ellipsis',
+                dropdownIndex,
+                options: Array.from({ length: totalPages - end - 1 }, (_, i) => i + end + 1),
             });
+            dropdownIndex++;
             set.push({
                 type: 'page',
                 value: this._pages[this._pages.length - 1],
@@ -210,10 +284,14 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
     static get style() { return paginationPagesComponentCss; }
 }, [1, "p-pagination-pages", {
         "page": [1538],
+        "dropdownPageTemplate": [16, "dropdown-page-template"],
         "pageSize": [2, "page-size"],
         "hideOnSinglePage": [4, "hide-on-single-page"],
-        "total": [2]
-    }, undefined, {
+        "total": [2],
+        "_showDropdown": [32],
+        "_dropdowns": [32],
+        "_locales": [32]
+    }, [[16, "localeChanged", "_setLocales"], [6, "click", "documentClickHandler"]], {
         "page": ["pageChangeHandler"],
         "pageSize": ["pageChangeHandler"],
         "total": ["pageChangeHandler"]
@@ -222,19 +300,69 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-pagination-pages", "p-icon", "p-pagination-pages-item"];
+    const components = ["p-pagination-pages", "p-button", "p-checkbox", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-field", "p-field-container", "p-helper", "p-icon", "p-loader", "p-pagination-pages-item", "p-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "p-pagination-pages":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, PaginationPages);
             }
             break;
+        case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "p-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "p-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "p-dropdown-menu-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "p-dropdown-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "p-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "p-field-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "p-helper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
         case "p-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$4();
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
             }
             break;
         case "p-pagination-pages-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "p-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }
@@ -244,6 +372,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PaginationPages as P, defineCustomElement as d };
-//# sourceMappingURL=p-CWsTTbrU.js.map
+//# sourceMappingURL=p-B5YA-SmD.js.map
 
-//# sourceMappingURL=p-CWsTTbrU.js.map
+//# sourceMappingURL=p-B5YA-SmD.js.map

package/dist/components/p-B5YA-SmD.js.map

@@ -0,0 +1 @@
+{"file":"p-B5YA-SmD.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tWatch,\n\tState,\n\tListen,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { childOfComposed } from '../../../../utils/child-of';\nimport { PAGINATION_DEFAULT_PAGE_SIZE } from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\n\nexport type templateFunc = (page: number) => string;\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n\tdropdownIndex?: number;\n\toptions?: number[];\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n\tshadow: true,\n})\nexport class PaginationPages {\n\tprivate _defaultDropdownPageTemplate: templateFunc = page =>\n\t\tformatTranslation(this._locales.page, { page });\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() dropdownPageTemplate: templateFunc =\n\t\tthis._defaultDropdownPageTemplate;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _showDropdown = [false, false];\n\t@State() private _dropdowns = [];\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\t\t\t\tplacement='bottom'\n\t\t\t\t\t\t\t\t\tapplyChevron={false}\n\t\t\t\t\t\t\t\t\tinsideClick={true}\n\t\t\t\t\t\t\t\t\tshow={this._showDropdown[p.dropdownIndex]}\n\t\t\t\t\t\t\t\t\tonIsOpen={({ detail }) =>\n\t\t\t\t\t\t\t\t\t\tthis._onShowDropdown(detail, p.dropdownIndex)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tref={el => (this._dropdowns[p.dropdownIndex] = el)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-pagination-pages-item slot='trigger'>\n\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t\t\t\t\t{p.options?.slice(0, 5).map(v => (\n\t\t\t\t\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\t\t\t\t\tvariant='pagination'\n\t\t\t\t\t\t\t\t\t\t\t\tautoHeight={true}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => this._pageClick(v)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\tPagina {v}\n\t\t\t\t\t\t\t\t\t\t\t\t{this.dropdownPageTemplate\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.dropdownPageTemplate(v)\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this._defaultDropdownPageTemplate(v)}\n\t\t\t\t\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t{p.options?.length > 5 &&\n\t\t\t\t\t\t\t\t\t\t\tthis._showDropdown[p.dropdownIndex] && (\n\t\t\t\t\t\t\t\t\t\t\t\t<p-field\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass='mt-2 w-28'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon='enter-key'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype='number'\n\t\t\t\t\t\t\t\t\t\t\t\t\tproperties={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax: this._pages.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstep: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonEnter={({ detail }) => this._enterPress(detail)}\n\t\t\t\t\t\t\t\t\t\t\t\t></p-field>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t</p-dropdown>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tconst dropdowns = [false, false];\n\t\tif (this._dropdowns[0] && childOfComposed(event, this._dropdowns[0])) {\n\t\t\tdropdowns[0] = true;\n\t\t}\n\n\t\tif (this._dropdowns[1] && childOfComposed(event, this._dropdowns[1])) {\n\t\t\tdropdowns[1] = true;\n\t\t}\n\n\t\tthis._showDropdown = dropdowns;\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = [false, false];\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' | 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _enterPress(p: string | number) {\n\t\tif (typeof p === 'string') {\n\t\t\tp = parseInt(p);\n\t\t}\n\n\t\tif (isNaN(p)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (p < 1) {\n\t\t\tp = 1;\n\t\t}\n\n\t\tif (p > this._pages.length) {\n\t\t\tp = this._pages.length;\n\t\t}\n\n\t\tthis._changePage(p);\n\t}\n\n\tprivate _onShowDropdown(show = false, dropdownIndex: number) {\n\t\tconst showDropdown = [...this._showDropdown];\n\t\tshowDropdown[dropdownIndex] = show;\n\t\tthis._showDropdown = showDropdown;\n\t}\n\n\tprivate _generatePages() {\n\t\tif (!this.total || !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range * 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tlet dropdownIndex = 0;\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tdropdownIndex,\n\t\t\t\toptions: Array.from({ length: start - 2 }, (_, i) => i + 2),\n\t\t\t});\n\t\t\tdropdownIndex++;\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tdropdownIndex,\n\t\t\t\toptions: Array.from(\n\t\t\t\t\t{ length: totalPages - end - 1 },\n\t\t\t\t\t(_, i) => i + end + 1\n\t\t\t\t),\n\t\t\t});\n\t\t\tdropdownIndex++;\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n"],"version":3}

package/dist/components/{p-D1ZRTCkT.js → p-B9Oq0SNd.js}

@@ -3,7 +3,7 @@ import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 import { n as nonce } from './p-D9kEjsvZ.js';
 import { T as ThemedHost } from './p-7QA93RrV.js';
-import { d as defineCustomElement$1 } from './p-BHphGfv6.js';
+import { d as defineCustomElement$1 } from './p-C8GpDop1.js';
 
 const checkboxComponentCss = "*.sc-p-checkbox{box-sizing:border-box}.pointer-events-none.sc-p-checkbox{pointer-events:none!important}.static.sc-p-checkbox{position:static!important}.absolute.sc-p-checkbox{position:absolute!important}.relative.sc-p-checkbox{position:relative!important}.left-1\\/2.sc-p-checkbox{left:50%!important}.top-1\\/2.sc-p-checkbox{top:50%!important}.m-0.sc-p-checkbox{margin:0!important}.flex.sc-p-checkbox{display:flex!important}.hidden.sc-p-checkbox{display:none!important}.h-4.sc-p-checkbox{height:1rem!important}.w-4.sc-p-checkbox{width:1rem!important}.flex-1.sc-p-checkbox{flex:1 1 0%!important}.flex-shrink-0.sc-p-checkbox{flex-shrink:0!important}.-translate-x-1\\/2.sc-p-checkbox{--tw-translate-x:-50%!important}.-translate-x-1\\/2.sc-p-checkbox,.-translate-y-1\\/2.sc-p-checkbox{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2.sc-p-checkbox{--tw-translate-y:-50%!important}.transform.sc-p-checkbox{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed.sc-p-checkbox{cursor:not-allowed!important}.cursor-pointer.sc-p-checkbox{cursor:pointer!important}.appearance-none.sc-p-checkbox{appearance:none!important}.items-center.sc-p-checkbox{align-items:center!important}.justify-start.sc-p-checkbox{justify-content:flex-start!important}.gap-2.sc-p-checkbox{gap:.5rem!important}.overflow-hidden.sc-p-checkbox{overflow:hidden!important}.text-ellipsis.sc-p-checkbox{text-overflow:ellipsis!important}.rounded.sc-p-checkbox{border-radius:.25rem!important}.border.sc-p-checkbox{border-width:1px!important}.border-solid.sc-p-checkbox{border-style:solid!important}.border-storm-100.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-white.sc-p-checkbox{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-checkbox,.bg-white-600.sc-p-checkbox{--tw-bg-opacity:1!important}.bg-white-600.sc-p-checkbox{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs.sc-p-checkbox{font-size:.75rem!important;line-height:1rem!important}.text-storm-200.sc-p-checkbox{color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-200.sc-p-checkbox,.text-white.sc-p-checkbox{--tw-text-opacity:1!important}.text-white.sc-p-checkbox{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1.sc-p-checkbox{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none.sc-p-checkbox{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-2.sc-p-checkbox{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-storm-500\\/20.sc-p-checkbox:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-checkbox:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-checkbox:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-indigo-100.sc-p-checkbox:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-storm-500\\/20.sc-p-checkbox:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\\:bg-indigo-600.sc-p-checkbox:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2.sc-p-checkbox:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-indigo-100.sc-p-checkbox:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.empty\\:hidden.sc-p-checkbox:empty{display:none!important}.hover\\:border-storm-500\\/20.sc-p-checkbox:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-checkbox:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-checkbox:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-checkbox:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-storm-500\\/20.sc-p-checkbox:hover:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\\:hover\\:bg-indigo-700.sc-p-checkbox:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:border-storm-100.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:bg-indigo-100.sc-p-checkbox{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:text-sm.sc-p-checkbox,.group\\/p-checkbox.sc-p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm.sc-p-checkbox{font-size:.875rem!important;line-height:1.25rem!important}.group\\/checkbox-label.sc-p-checkbox:hover .checked\\:group-hover\\/checkbox-label\\:border-storm-500\\/20.sc-p-checkbox:checked{border-color:rgba(24,30,41,.2)!important}.group\\/checkbox-label.sc-p-checkbox:hover .checked\\:group-hover\\/checkbox-label\\:bg-indigo-700.sc-p-checkbox:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-storm-500\\/20.sc-p-checkbox:indeterminate{border-color:rgba(24,30,41,.2)!important}.group\\/checkbox-label.sc-p-checkbox:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-indigo-700.sc-p-checkbox:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-checkbox:checked~.peer-checked\\:flex.sc-p-checkbox{display:flex!important}.peer.sc-p-checkbox:indeterminate~.peer-indeterminate\\:flex.sc-p-checkbox{display:flex!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-300:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.2)!important}.dark\\:border-white\\/10.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-300.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-checkbox:checked:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:border-white\\/15.sc-p-checkbox:hover:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-checkbox:hover:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.2)!important}";
 
@@ -105,13 +105,13 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '5e5e9be0736b15fb34e6ccb7e2e501d52a23d4f9' }, h("label", { key: 'c6247f2a4036c5e30e8bd6346635df1d785018a7', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2' }, h("div", { key: '20a5e2f5a6b9fe4f998e497adeadd0c143b25925', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '348ae0f9121a0d4aed83c26e1d48a224e81954b4', class: checkbox({
+        return (h(ThemedHost, { key: '068fcb8915fed388edd6af41634566024e5d5138' }, h("label", { key: '4a69f90ac415201f7411d0e279f06e1bf6ad9e44', htmlFor: id, class: 'group/p-checkbox flex items-center justify-start gap-2' }, h("div", { key: 'b9dcbc89307b2957324fd23b4d0c0b1e51444b2f', class: 'relative flex flex-shrink-0 items-center' }, h("input", { key: '904b42cb7a390606e74cda7c4550d947b39f2daa', class: checkbox({
                 disabled: asBoolean(this.disabled),
-            }), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '294bdcb6cda89af73ca1e6ef0cfa18a44af6073d', class: iconContainer({
+            }), type: 'checkbox', id: id, name: this.name, required: asBoolean(this.required), checked: asBoolean(this.checked), indeterminate: asBoolean(this.indeterminate), disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: '022eaa7f914f7457234e7523b209c4773410ac55', class: iconContainer({
                 disabled: asBoolean(this.disabled),
-            }) }, h("p-icon", { key: '97dad6a644c2458fab6b7cfea21854adb923b56f', class: icon({
+            }) }, h("p-icon", { key: '1c5be61c7f8f81fcaf930cd6ff1068b3e453b350', class: icon({
                 disabled: asBoolean(this.disabled),
-            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '856a5a7b3b747ee4de5eca802aa291b5c2e61cb2', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'eb7b6eafd84935a2ea786144fd2b559fb01496f6' })))));
+            }), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '8d79efd81224ebd13bc268ba18761d518e4c196f', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'c6c5f527d16aa2fa621114a443c204ca0ee79333' })))));
     }
     _onChange(ev) {
         if (this.disabled) {
@@ -162,6 +162,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Checkbox as C, defineCustomElement as d };
-//# sourceMappingURL=p-D1ZRTCkT.js.map
+//# sourceMappingURL=p-B9Oq0SNd.js.map
 
-//# sourceMappingURL=p-D1ZRTCkT.js.map
+//# sourceMappingURL=p-B9Oq0SNd.js.map

package/dist/components/{p-D1ZRTCkT.js.map → p-B9Oq0SNd.js.map}

@@ -1 +1 @@
-{"file":"p-D1ZRTCkT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox&encapsulation=scoped","src/components/atoms/checkbox/checkbox.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100 dark:bg-white/10 dark:border-white/15',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',\n\t\t\t\t\t'group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t\t'indeterminate:bg-indigo-600 indeterminate:border-storm-500/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-indigo-100',\n\t\t\t\t\t'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm-500/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-2 text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n\tscoped: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-B9Oq0SNd.js","mappings":";;;;;;;AAAA,MAAM,oBAAoB,GAAG,u3VAAu3V;;ACcp5V,MAAM,QAAQ,GAAG,GAAG,CACnB;IACC,qDAAqD;IACrD,mCAAmC;IACnC,iBAAiB;CACjB,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE;gBACN,yBAAyB;gBACzB,iEAAiE;gBACjE,iGAAiG;gBACjG,sFAAsF;gBACtF,mDAAmD;gBACnD,4DAA4D;gBAC5D,+DAA+D;gBAC/D,yGAAyG;gBACzG,+DAA+D;gBAC/D,oDAAoD;gBACpD,2EAA2E;gBAC3E,qHAAqH;AACrH,aAAA;AACD,YAAA,IAAI,EAAE,sFAAsF;AAC5F,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,aAAa,GAAG,GAAG,CACxB;IACC,kDAAkD;IAClD,2FAA2F;CAC3F,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EAAE,YAAY;AACnB,YAAA,IAAI,EAAE,wCAAwC;AAC9C,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,IAAI,GAAG,GAAG,CAAC,CAAC,uBAAuB,CAAC,EAAE;AAC3C,IAAA,QAAQ,EAAE;AACT,QAAA,QAAQ,EAAE;AACT,YAAA,KAAK,EACJ,mEAAmE;AACpE,YAAA,IAAI,EAAE,IAAI;AACV,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAQW,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;AACK,IAAA,OAAO;AAEf;;AAEG;AACK,IAAA,aAAa;AAErB;;AAEG;IACsB,QAAQ,GAAY,KAAK;AAElD;;AAEG;IACsB,QAAQ,GAAY,IAAI;AAEjD;;AAEG;AACsB,IAAA,EAAE;AAE3B;;AAEG;AACsB,IAAA,IAAI;AAE7B;;AAEG;AACM,IAAA,aAAa;AACtB;;AAEG;AACM,IAAA,mBAAmB;AAEX,IAAA,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;AAEf,IAAA,UAAU;IAE7B,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;;AAG3B,IAAA,oBAAoB,CAAC,QAAiB,EAAA;AACrC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YAC1B;;AAGD,QAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;;IAGzB,MAAM,GAAA;AACL,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM;QAElD,QACC,EAAC,UAAU,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACV,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,OAAO,EAAE,EAAE,EACX,KAAK,EAAC,wDAAwD,EAAA,EAE9D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACpD,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,CAAC;AACf,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,EACF,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAClC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,EAChC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,EAC5C,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,EAClC,QAAQ,EAAE,EAAE,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EACjC,CAAA,EACF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,CAAC;AACpB,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;AAClC,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC;AACX,gBAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC;aAClC,CAAC,EACF,IAAI,EAAC,MAAM,EACX,OAAO,EACN,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,OAAO,GAAG,gBAAgB,EAE1D,CAAA,CACG,CACD,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mEAAmE,EAAA,EAC7E,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,CACC,CACI;;AAIP,IAAA,SAAS,CAAC,EAAS,EAAA;AAC1B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,EAAE,CAAC,cAAc,EAAE;YACnB;;QAGD,MAAM,OAAO,GAAG,SAAS,CAAE,EAAE,CAAC,MAA2B,CAAC,OAAO,CAAC;QAClE,MAAM,aAAa,GAAG,SAAS,CAC7B,EAAE,CAAC,MAA2B,CAAC,aAAa,CAC7C;AAED,QAAA,IAAI,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;AAC5B,YAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC;;AAGjC,QAAA,IAAI,aAAa,IAAI,IAAI,CAAC,aAAa,EAAE;AACxC,YAAA,IAAI,CAAC,aAAa,GAAG,aAAa;AAClC,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,aAAa,CAAC;;QAG7C,IAAI,CAAC,UAAU,CAAC,YAAY,CAC3B,IAAI,CAAC,aAAa,GAAG,eAAe,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,KAAK,CAClE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox&encapsulation=scoped","src/components/atoms/checkbox/checkbox.component.tsx"],"sourcesContent":["","import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100 dark:bg-white/10 dark:border-white/15',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',\n\t\t\t\t\t'group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t\t'indeterminate:bg-indigo-600 indeterminate:border-storm-500/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-indigo-100',\n\t\t\t\t\t'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm-500/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-2 text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n\tscoped: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-CzoowiDG.js → p-BC-UbBCv.js}

@@ -2,8 +2,8 @@ import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js
 import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
 import { T as ThemedHost } from './p-7QA93RrV.js';
-import { d as defineCustomElement$4 } from './p-CbigFpjI.js';
-import { d as defineCustomElement$3 } from './p-BHphGfv6.js';
+import { d as defineCustomElement$4 } from './p-CHsgxVNo.js';
+import { d as defineCustomElement$3 } from './p-C8GpDop1.js';
 import { d as defineCustomElement$2 } from './p-Cb5tqgid.js';
 import { d as defineCustomElement$1 } from './p-BFbLqg3-.js';
 
@@ -69,11 +69,11 @@ const EmptyState = /*@__PURE__*/ proxyCustomElement(class EmptyState extends H {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
         const hasActionSlot = !!this._el.querySelector(':scope > [slot="action"]');
-        return (h(ThemedHost, { key: 'a7178e18d2a830fa44b73825c8abf2940b29c40a' }, h("div", { key: 'dfde89ed956be692bd107ae2084422f35cb2991c', class: emptyState({
+        return (h(ThemedHost, { key: 'a5b216f02c7086b814e8e234e8182141145a4f3e' }, h("div", { key: '9e24d079bc3250ed127d265708e4c20053202cbc', class: emptyState({
                 enableAction: asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (h("p-illustration", { key: '36f836019e28b73d1694b7268e24959ec90b1d3c', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (h("p-illustration", { key: '31ab436e26a4b6253b0f650524f8cecd7ee12a55', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (h("slot", { name: 'header' })) : (this.header?.length && (h("p", { class: 'my-0 text-center font-ambit text-sm font-bold text-storm-500 dark:text-white' }, this.header))), hasContentSlot ? (h("slot", { name: 'content' })) : (this.content?.length && (h("p", { class: 'my-0 text-center text-sm font-normal text-storm-300 dark:text-hurricane-200' }, this.content))), this.enableAction &&
             (hasActionSlot ? (h("slot", { name: 'action' })) : (h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
     static get style() { return emptyStateComponentCss; }
@@ -124,6 +124,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { EmptyState as E, defineCustomElement as d };
-//# sourceMappingURL=p-CzoowiDG.js.map
+//# sourceMappingURL=p-BC-UbBCv.js.map
 
-//# sourceMappingURL=p-CzoowiDG.js.map
+//# sourceMappingURL=p-BC-UbBCv.js.map