@paperless/core 2.0.1-beta.32 → 2.0.1-beta.34

package/dist/cjs/p-helper_2.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-helper.p-tooltip.entry.cjs.js","mappings":"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","names":["h","Host","cva","autoUpdate","computePosition","offset","flip","shift"],"sources":["src/components/atoms/helper/helper.component.scss?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":[":host {\n\t@apply leading-3;\n\n\t.helper {\n\t\t@apply inline-block h-[0.75rem] w-[0.75rem] cursor-pointer bg-center bg-no-repeat;\n\t\tbackground-image: url(/assets/images/helper/helper.svg);\n\n\t\t&:hover {\n\t\t\tbackground-image: url(/assets/images/helper/helper-hover.svg);\n\t\t}\n\t}\n}\n","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.scss',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tclass='helper'\n\t\t\t\t\t></div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","","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'>\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":"p-helper.p-tooltip.entry.cjs.js","mappings":"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","names":["h","Host","cva","autoUpdate","computePosition","offset","flip","shift"],"sources":["src/components/atoms/helper/helper.component.css?tag=p-helper&encapsulation=shadow","src/components/atoms/helper/helper.component.tsx","src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":["","import { Placement, Strategy } from '@floating-ui/dom';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-helper',\n\tstyleUrl: 'helper.component.css',\n\tshadow: true,\n})\nexport class Helper {\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * The placement of the helper popover\n\t */\n\t@Prop() placement: Placement = 'top';\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-helper'>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tplacement={this.placement}\n\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t>\n\t\t\t\t\t<div slot='content'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tclass='cursor-pointer'\n\t\t\t\t\t\tvariant='question-circle'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t/>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n","","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'>\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}

package/dist/cjs/p-iban-icon.cjs.entry.js

@@ -17,7 +17,7 @@ const IbanIcon = class {
             variant = this.iban.slice(4, 8).toLowerCase();
         }
         const exists = iban.IBAN_ICON_VARIANTS_ARRAY.includes(variant);
-        return (exists && (index.h(index.Host, { key: '09a55e1cab7d1f89d1929d4d1f9467641a7af8bc', class: 'p-iban-icon' }, this._getIcon(variant))));
+        return (exists && (index.h(index.Host, { key: '12b6fe395d2c50106740c041b78dba096eef7bd1', class: 'p-iban-icon' }, this._getIcon(variant))));
     }
     _getIcon(variant) {
         switch (variant) {

package/dist/cjs/p-icon-deprecated.cjs.entry.js

@@ -55,7 +55,7 @@ const Icon = class {
             '-rotate-270': this.rotate === -270,
             '-rotate-315': this.rotate === -315,
         };
-        return (index.h(index.Host, { key: '5dea07a6c18881f4b6b0ff852886c7ef36819530', class: styles, innerHTML: icon }));
+        return (index.h(index.Host, { key: 'ba0b6b980d18cd47978bb5275a855d04d8a501fd', class: styles, innerHTML: icon }));
     }
 };
 Icon.style = PIconDeprecatedStyle0;

package/dist/cjs/p-info-panel.cjs.entry.js

@@ -22,7 +22,7 @@ const InfoPanel = class {
     closed;
     get _el() { return index.getElement(this); }
     render() {
-        return (index.h(index.Host, { key: '366aff16f7050cc0d8c31015c3b50d4160cec37f', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: '046338278a4bf943b7a6c4de1186d498f5d5e388', class: 'header' }, index.h("slot", { key: '31e698a2183a50becf826b5a4faa2c886e6011b7', name: 'header' })), index.h("div", { key: 'edfe1012f17c3905d11952af8f7851a8ca0ab41b', class: 'content' }, index.h("slot", { key: 'e36b083f7b1a63ab9f0f6c7b951e3a25c7c84dd6', name: 'content' })), this.closeable && (index.h("div", { key: 'f3fb3af0ecbfb5d256453c4849da9bca1d8b55c0', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: '65709e2a4d20ecbd43fad2554eafc0be111814bd', variant: 'negative' })))));
+        return (index.h(index.Host, { key: '21a465da244de80603a6de63418375c5bb4d2d92', class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, index.h("div", { key: 'aca1f62a1470ea92076ae64b12268e8f5cccbcf6', class: 'header' }, index.h("slot", { key: 'd254c40efafa6631e73345d9fcb902c7f561afd7', name: 'header' })), index.h("div", { key: '9e5a883a8eb6537b13f3f195b038e46b2bc328a3', class: 'content' }, index.h("slot", { key: '83187c859454bd078668238bd2af1909d3961440', name: 'content' })), this.closeable && (index.h("div", { key: '1abbbed511217705b8514bd1b701475fdb0105cc', class: 'close', onClick: () => this._close() }, index.h("p-icon", { key: '8ca580c09f1a97a65d0b2629289d0fe209793dbb', variant: 'negative' })))));
     }
     _close() {
         this.closed.emit();

package/dist/cjs/p-input-error.cjs.entry.js

@@ -12,7 +12,7 @@ const InputError = class {
         this._showTooltip = false;
     }
     render() {
-        return (index.h(index.Host, { key: '1dfbd30a1da9a7662166b86f498a085c12b23f2a', class: 'p-input-error' }, index.h("p-tooltip", { key: 'c90ceaf3df4e65de6f52009ac1bd131783849911', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: '6cf02d8edb26b1b1a8f0b961ae61ab70fbf38846', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
+        return (index.h(index.Host, { key: '460e73ad12c19bbc3b68910d4cde77ca3a137255', class: 'p-input-error' }, index.h("p-tooltip", { key: '56237ea74bfb49a18d55f074ce1e3dcad8966315', variant: 'error', content: this.error, show: this.forceShowTooltip, onIsOpen: ev => (this._showTooltip = ev.detail) }, index.h("p-icon", { key: '9c5216370a29e37ac03b99d3039d458aa88f3629', class: `${this._showTooltip ? 'text-negative' : 'text-negative-light'} hover:text-negative`, slot: 'trigger', variant: 'question-circle' }))));
     }
 };
 

package/dist/cjs/p-input-group.cjs.entry.js

@@ -38,11 +38,11 @@ const InputGroup = class {
     }
     render() {
         const { hasHeaderSlot, helper, label, prefix, suffix, errorAndErrorIsNotBoolean, errorVariant, } = this._getSlotInfo();
-        return (index.h(index.Host, { key: '9848be9dc18dbb66de4ffaeb0fd6377204355127', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, index.h("div", { key: '4d4035d525fe79a6afbd669bf49302fbd96ee4a9', class: 'flex items-end justify-between' }, label && (index.h("div", { key: '859e6c72d70ddd2b62c72170be460452d0d87d11', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && index.h("span", { key: '19c99b31a2d0f5b6f03971b6441e459653e3af13', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (index.h("div", { key: '3e2abec6c63ae8d26b42316d48516992c2bc699b', class: 'input-header' }, hasHeaderSlot && index.h("slot", { key: '1d100f887f1345ccfcf11e97d7667dd94355f026', name: 'header' }), helper && (index.h("p-helper", { key: '9dbf5401cd26db9421c526bd406c683829abd877', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), index.h("p-tooltip", { key: '71ef03a090b4311c14d7c935809f147140791e9e', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
+        return (index.h(index.Host, { key: 'e1db8ece4db4fbd573e24523d8c9f2e9f61a606e', class: `p-input-group ${this.error?.length && 'error'} ${this.disabled && 'disabled'} ${this.focused && 'focused'} size-${this.size}` }, index.h("div", { key: '3eb10740350c62abab9757a28e2c437bcb9b4ceb', class: 'flex items-end justify-between' }, label && (index.h("div", { key: 'adc870ba2c4cf9ad0a435a840d16558e1d516864', class: 'input-label', onClick: () => this._focusInput() }, label, this.required && index.h("span", { key: '01825a70124dcdf25a3bebd865478a35e4c6b740', class: 'ml-1 text-negative' }, "*"))), (helper || hasHeaderSlot) && (index.h("div", { key: 'fd665be178c2c41b72a552bdaa717edd79c61f2c', class: 'input-header' }, hasHeaderSlot && index.h("slot", { key: '22828aea8b76809870ddbf69b8beeee1529283b7', name: 'header' }), helper && (index.h("p-helper", { key: '818b5827687e1002dd6090b33445d3e97fce4292', class: `flex ${hasHeaderSlot ? 'ml-2' : ''}`, placement: 'top-end' }, helper))))), index.h("p-tooltip", { key: '01172dcd5be0ee0bae29b5fb340d40372ab1a141', class: 'w-full', variant: 'error', content: this.error, show: errorAndErrorIsNotBoolean &&
                 errorVariant === 'element' &&
-                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, index.h("div", { key: '21bda229af33f22f4080ef66cd2b2821f755edd6', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '21f4e49db797a4ee2e6caee81d952858cc550567', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
+                (this.forceShowTooltip || this._forceShowTooltip), enableUserInput: false }, index.h("div", { key: '47452ca6883a16b292f37a5d1e9f3389a9864537', class: 'content', slot: 'trigger' }, (prefix || (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: 'cb4511181318173ec678112195ae601dbd924e50', class: `prefix size-${this.size}`, onClick: () => this._focusInput() }, this.icon && this.iconPosition === 'start' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (prefix))), (suffix ||
             (errorAndErrorIsNotBoolean && errorVariant === 'icon') ||
-            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '033bc354c872c0b9fb351182d7466515642d3f9b', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (index.h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), index.h("slot", { key: '1dc6aa666c99246ba2d532c435987875528af5f6', name: 'input' })))));
+            (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: 'b3ee48219bb9a50cdf9385607fcd5b764746db07', class: `suffix size-${this.size}`, onClick: () => this._focusInput() }, errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (index.h("p-input-error", { error: this.error, forceShowTooltip: this.forceShowTooltip || this._forceShowTooltip })) : this.icon && this.iconPosition === 'end' ? (index.h("p-icon", { class: 'flex', variant: this.icon, rotate: this.iconRotate, flip: this.iconFlip })) : (suffix))), index.h("slot", { key: 'e41a06801fc11044122862e066f0691f611743f0', name: 'input' })))));
     }
     handleFocusIn() {
         this._forceShowTooltip = true;

package/dist/cjs/p-label.cjs.entry.js

@@ -47,14 +47,14 @@ const Label = class {
         this.keepMobileContent = false;
     }
     render() {
-        return (index.h(index.Host, { key: '04c0b2510fd1ae8cad957ee02d7d54245b7fdbb0', class: 'p-label' }, index.h("div", { key: '7dfd0871e52cef46c49f0c30e58facfa603c5d0f', class: label({
+        return (index.h(index.Host, { key: 'f1dbab04a321adb28cd47e777cc47ef3e6e7f770', class: 'p-label' }, index.h("div", { key: 'b1bb0deb6c4fd2055450f30b30e85bba3edd8acc', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (index.h("p-icon", { key: 'b70587122206d6b26785cbf5e9e8219219aeb7d0', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: '5426ae86e86f205b04130628923f3d53747c85d5', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
+            }) }, this.icon && (index.h("p-icon", { key: '8bc53a171591d529cf9f2608192749c9c6d7c48d', class: 'flex-shrink-0', variant: this.icon, flip: this.iconFlip, rotate: this.iconRotate })), !this.iconOnly && (index.h("div", { key: 'cace3296ad188e08576a9bf145663a9b457901bd', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm', {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, index.h("slot", { key: '62413d44b71c12291cb13997e839774d2b047fdd' }))))));
+            }) }, index.h("slot", { key: 'a449801a77365afd4ecf916434b3a889dea315ee' }))))));
     }
 };
 Label.style = PLabelStyle0;

package/dist/cjs/p-layout.cjs.entry.js

@@ -13,7 +13,7 @@ const Layout = class {
         this.variant = 'default';
     }
     render() {
-        return (index.h(index.Host, { key: 'fa4b89568d7ec5962f4767566ca8d5d97c169314', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '21d92f4cfe34b655995fb9d984b1ef273f686ff2', class: "content" }, index.h("div", { key: '9fec48f933afa2a151e3e050a04459a09f15cedb', class: "inner-content" }, index.h("slot", { key: '0c8ff716020b44a9cf737e5c0390ec64e559b790', name: "content" }))), index.h("div", { key: 'a4b88f57ea6c6ea9cacfe6b5865185a99f691146', class: "sidebar" }, index.h("slot", { key: 'c2866ebb42b7a010ed08407fd4f75f6a86a669f1', name: "sidebar" })), index.h("div", { key: '3cbe3287c3b1cfd8472f4e0e27301c31770e25fe', class: "topbar" }, index.h("slot", { key: 'b36f43fdbacfc72357a63fbc85f65ec023f50b1a', name: "topbar" }))));
+        return (index.h(index.Host, { key: '0b8db1b82acbea80f6b8d320b7f4815e0b6490b4', class: `p-layout variant-${this.variant}` }, index.h("div", { key: '9103fd8a11822dd9ab1e98a6847de308a3ed5ab6', class: "content" }, index.h("div", { key: 'ba6fd30a15bab6624016a252c0c9e16835e75bd1', class: "inner-content" }, index.h("slot", { key: '2fa6b0d7047a414d89826faffc48de9e8b858d10', name: "content" }))), index.h("div", { key: 'ec2d595137dd7b9085f4a76a21bbb9945a895603', class: "sidebar" }, index.h("slot", { key: '05aad4cc9c4a78e53a98d5e01b3e3e4ed7a38aad', name: "sidebar" })), index.h("div", { key: '9897bda1f1b8f38f4975c1441c3ef2d714366996', class: "topbar" }, index.h("slot", { key: '53fb217063547eb68191c7d650c4cbe343e2cae9', name: "topbar" }))));
     }
 };
 Layout.style = PLayoutStyle0;

package/dist/cjs/p-modal-body_4.cjs.entry.js

@@ -16,7 +16,7 @@ const ModalBody = class {
         this.padding = true;
     }
     render() {
-        return (index.h(index.Host, { key: '1b4a6fedbf81cd30f7842fe48878ccae7c0cbb70', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, index.h("slot", { key: '714bb76978da28bea87512fa36bd5b428ea2b31b' })));
+        return (index.h(index.Host, { key: '2a417803d55036da218474c7c662e84285a9a1a9', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, index.h("slot", { key: '965950e9f6768aaf454a79e2a8803be1de4c539d' })));
     }
 };
 ModalBody.style = PModalBodyStyle0;
@@ -44,7 +44,7 @@ const ModalContainer = class {
     }
     render() {
         const sizeClass = modalSizes[this.size];
-        return (index.h(index.Host, { key: '43ff28201d70459575d8b37faae58aa8a992767a', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, index.h("slot", { key: 'f44bb8738283f4f6143d4b45f7108340b6deef0b' })));
+        return (index.h(index.Host, { key: '7ecc3199ccdd86d8c8c7009997e786d178106f0e', class: `p-modal-container ${this.closing && 'closing'} ${sizeClass}` }, index.h("slot", { key: 'f9183374e69279a4e000817392833da5b1e3946e' })));
     }
 };
 ModalContainer.style = PModalContainerStyle0;
@@ -57,7 +57,7 @@ const ModalFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '01439496d0b4b238b8fdfffbf5c9fdf3088858ae', class: "p-modal-footer" }, index.h("p-divider", { key: 'e7dc4fc0c16827f73af2f331faf0ab54cb740f21', class: "mb-6 mt-0 hidden desktop-xs:flex" }), index.h("slot", { key: '8e3f0ddb9ff38562411e59868719dc7c3c8e51e0' })));
+        return (index.h(index.Host, { key: '4568f3335f0fb02b824c6f579157af636bc039d1', class: "p-modal-footer" }, index.h("p-divider", { key: '67f74c1b3ab8e1456223bca4b576ea7cf928f61a', class: "mb-6 mt-0 hidden desktop-xs:flex" }), index.h("slot", { key: '400f438ad03d7b8aecdfe3c6f2bf340387b6d51a' })));
     }
 };
 ModalFooter.style = PModalFooterStyle0;
@@ -76,7 +76,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h(index.Host, { key: '15d09e0835c1ac62e23d1da6fa59042505e8e287', class: 'p-modal-header' }, index.h("span", { key: 'fe40f919874acd070ebcecaff47b80bd6f6889b7' }, index.h("slot", { key: 'cd118fa1054845af4c98e9f6779a796a35965ed2' })), this.showClose && (index.h("p-button", { key: '9d3c23704087e67a8e8e036532dc541b3bd2e022', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
+        return (index.h(index.Host, { key: 'a9a3ff260aa488e506aef11e37da9cb643e4381b', class: 'p-modal-header' }, index.h("span", { key: '1e0ed0fa40724ba2e4ab287013cf8d44683c82f2' }, index.h("slot", { key: 'ead156233b89f5b5dd265608f2d790ffa9c3ab0e' })), this.showClose && (index.h("p-button", { key: '8d84be66064a68dbcbfe9c6162652ded1fb561b3', variant: 'secondary', icon: 'negative', iconOnly: true, onClick: ev => this.close.emit(ev), size: 'sm' }))));
     }
 };
 ModalHeader.style = PModalHeaderStyle0;

package/dist/cjs/p-navbar.cjs.entry.js

@@ -54,7 +54,7 @@ const Navbar = class {
         this._show = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5a650991757775c859753a4cba897657673e2c16', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, index.h("p-backdrop", { key: '7b9941b9890fe9b6caeec31abae0a3bd760122ff', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: 'a5e159a45366eaec2c82ad05a8cf1beba3019a26', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: '2c0ac1808679344a2e13bb6226753b6ab22a612b', class: 'flex w-full items-center justify-between layout-1280:hidden' }, index.h("p-button", { key: '3cb94341bf85ae8b06bae64cfb3ff23d1a2ba513', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), index.h("div", { key: 'b1a7c5563b6e952a0bc9642c1f7838e078bb393e', class: 'flex w-full flex-col items-stretch' }, index.h("slot", { key: 'ae42cffb58b026119581692611f9daff81e047cd', name: 'company' })), index.h("div", { key: '5b5907be291cdb13e508316c238e2258d8333cc8', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: 'e5ad788e78dc14a77b0a49cc372851a446c5f9a8', name: 'content' })), index.h("div", { key: '638e5b77b2bc7f92113e38f8926dcefffb9cbaf3', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, index.h("slot", { key: '5a0b81c1d1901a7f59b612f2ef56893ace17f4ec', name: 'user' }))), index.h("div", { key: '5cba6c913ed6c801c90096a8c7ec61850850982f', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '9588e62b42781a82c31ff815d49424c9750906bd', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), index.h("slot", { key: '78d2d84e2fe4e99bd8f188d8231a5250271e92bd', name: 'topbar' }))));
+        return (index.h(index.Host, { key: '70ca0cfea5bb8c474c0815dad243022f7b44316e', class: 'p-navbar w-full max-h-screen-safe layout-1280:w-60 layout-1680:w-72' }, index.h("p-backdrop", { key: '65a2f6ffd16d53c9075db8151a294d116ac5f04d', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '00e71ef350584ffd464d6019b4d54a7c86031e7e', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'feaf8c5239f00c7dfa0ff30c6056e358aeea1560', class: 'flex w-full items-center justify-between layout-1280:hidden' }, index.h("p-button", { key: 'cd7e44187c32818c9155669401741b2c9b96feae', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, size: 'sm', onClick: () => (this._show = false) })), index.h("div", { key: 'cc62d840eb9c3d53b964e9a8d8f749680960c3e3', class: 'flex w-full flex-col items-stretch' }, index.h("slot", { key: 'd88e28add3173d9622322f172a1f43a67c67fb99', name: 'company' })), index.h("div", { key: 'a20bee71e8e185a514b73c3bb99202d62a4b8796', class: 'flex w-full flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '73cd26f5a02640d8bab32ee94d328c51838d3872', name: 'content' })), index.h("div", { key: '0b3ad5fe38446eb236271abbe470d903d295bc98', class: 'mt-auto hidden w-full flex-col layout-1280:flex' }, index.h("slot", { key: '5f5b1fd9234dda2f266a1c299fde03d0594037ad', name: 'user' }))), index.h("div", { key: '07db4db22d0b9a67e89217f41342bd2c799b6c41', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '281a11e80d46851aa94622e53a215cd6fd4f025f', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', size: 'sm', onClick: () => (this._show = true) }), index.h("slot", { key: '7d0886fe095516747e2cf069573a958c58544123', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/cjs/p-navigation-item.cjs.entry.js

@@ -53,10 +53,10 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = this.active || this.class?.includes('active');
-        return (index.h(index.Host, { key: '79388e74c4f842451ba5bfc706b69905cdbd23f3', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '6f7f1bcabc8818c254af81a137c4f111e7405302', class: navigationItem({
+        return (index.h(index.Host, { key: '988a4b84ab9146aa06de915a06092894e9cf0a68', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '8cade7e9dc59ae1adc5fb6325d6c008e8f0a207f', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, index.h("div", { key: '37f9fea4dafa366137346990d27b1c4ed483f9f7', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: 'ac71d3273d79a30dfdf3383ad988fc57755676dd', variant: this.icon })), index.h("span", { key: '2125e1909ebdb212e6b873b73edcbaae7d936d50', class: this.counter && 'has-counter' }, index.h("slot", { key: 'dd26013244c8282e21de4c32c6a7a28a15e52433' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: 'c8a88ea5590e98e8d2e9fe3f381a334167ae7920' }, this.counter)), !!this.loading && index.h("p-loader", { key: 'ba965e9b68f55340f3c69fc4dd120b6ee7dcbb44', class: 'ml-auto' }))));
+            }), href: this.href, target: this.target }, index.h("div", { key: '5f6cc2d0065d91bf7f5d943b2c62d28c0282a553', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '727250f6b3a18be24f2e8071cd2e8a0ba42c0ee5', variant: this.icon })), index.h("span", { key: 'c8d4814d0144a79305fc07ac5707a530a88a6628', class: this.counter && 'has-counter' }, index.h("slot", { key: '03b08d43b3185ddcff581f2704037ff3268cc7f0' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '8d3e54e2dd4d9e6c37c6fa7f9a29b09f743c6cc6' }, this.counter)), !!this.loading && index.h("p-loader", { key: '7f1fc5d2e891a3ae79bb56497823017d264843cd', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = PNavigationItemStyle0;

package/dist/cjs/p-navigation-section.cjs.entry.js

@@ -13,7 +13,7 @@ const NavigationSection = class {
         this.header = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'd08d6483e06b2f42650d3b866d9b80b3ecf493fe', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '36c6cad94d0d3372fd81448f29011ee6eb880447' }, this.header)), index.h("div", { key: '0592eab02c6dfbaea10457f7c148b00de228f1e5', class: 'flex flex-col' }, index.h("slot", { key: 'e1f2e8847c6b7cdb10696ac9a2a5409a00a94018' }))));
+        return (index.h(index.Host, { key: '6cddd1e00b61b3f1a3567a69d2de1c1117822fa3', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '084887a5d8fc5d0c45c2faac96aead364bf93fa8' }, this.header)), index.h("div", { key: '1b8b27d6fbeee63a2262bfe2e4d72a4eb0ebd5a5', class: 'flex flex-col' }, index.h("slot", { key: '1bbd452c7ecd6bee4d79678b849e02164c828f9f' }))));
     }
 };
 NavigationSection.style = PNavigationSectionStyle0;

package/dist/cjs/p-navigation-title.cjs.entry.js

@@ -12,7 +12,7 @@ const NavigationTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd23a12fb430b0821eff7412dd658f9e35d6ab30e', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, index.h("slot", { key: '942a9b87a9a230dbfc3c54b40b64f3b67714f35e' })));
+        return (index.h(index.Host, { key: 'fbd7677985ddc349ad5d4942717d7e3b387fb802', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, index.h("slot", { key: 'a8824564dbb03f7fbad48bec1c80fca9a21073d4' })));
     }
 };
 NavigationTitle.style = PNavigationTitleStyle0;

package/dist/cjs/p-pagination.cjs.entry.js

@@ -0,0 +1,70 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+const constants = require('./constants-eae831f7.js');
+const index$1 = require('./index-b556e70f.js');
+require('./clsx-fc789adc.js');
+
+const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";
+const PPaginationStyle0 = paginationComponentCss;
+
+const pagination = index$1.cva([
+    'p-pagination',
+    'items-center gap-2',
+    'rounded-full',
+    'bg-off-white-300 border border-off-white-700',
+    'p-1',
+], {
+    variants: {
+        hidden: {
+            false: 'flex',
+            true: 'hidden',
+        },
+    },
+});
+const Pagination = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.pageChange = index.createEvent(this, "pageChange", 3);
+        this.pageSizeChange = index.createEvent(this, "pageSizeChange", 3);
+        this.hideOnSinglePage = true;
+        this.enablePaginationSize = true;
+        this.enablePaginationPages = true;
+        this.page = 1;
+        this.total = undefined;
+        this.pageSize = constants.defaultSize;
+        this.pageSizeOptions = constants.defaultSizeOptions;
+        this._hasPaginationPages = true;
+    }
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    /**
+     * Event whenever the page changes
+     */
+    pageSizeChange;
+    render() {
+        const hidePageSizeSelect = this.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];
+        return (index.h(index.Host, { key: '90a23cd6c05cf683d848afc24ee03b95426e791e', class: pagination({
+                hidden: (hidePageSizeSelect && !this.enablePaginationSize) ||
+                    (!this.enablePaginationSize && !this.enablePaginationPages),
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: 'c7f8ec9ddbf7a3e40ab466e5d356901df2ea6f3f' }, index.h("p-pagination-size", { key: 'f98822e9feab28e4a9bcec27229096f28e462158', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            this.hideOnSinglePage &&
+            this._hasPaginationPages && (index.h("p-divider", { key: '1f32c4da7c21822e2c4392c6f1e56e8048aa3f2f', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: '2bab7184cf3a49073cd26c68662532e00c5ffda2', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) }))));
+    }
+    _changePageSize(s) {
+        if (!s) {
+            return;
+        }
+        this.pageSize = s;
+        this.pageSizeChange.emit(this.pageSize);
+    }
+};
+Pagination.style = PPaginationStyle0;
+
+exports.p_pagination = Pagination;
+
+//# sourceMappingURL=p-pagination.cjs.entry.js.map

package/dist/cjs/p-pagination.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-pagination.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,sBAAsB,GAAG,stBAAstB,CAAC;AACtvB,0BAAe,sBAAsB;;ACYrC,MAAM,UAAU,GAAGA,WAAG,CACrB;IACC,cAAc;IACd,oBAAoB;IACpB,cAAc;IACd,8CAA8C;IAC9C,KAAK;CACL,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,QAAQ;SACd;KACD;CACD,CACD,CAAC;MAMW,UAAU;;;;;gCAIc,IAAI;oCAKA,IAAI;qCAKH,IAAI;oBAKU,CAAC;;wBAU7BC,qBAAW;+BAKFC,4BAAkB;mCAkBf,IAAI;;;;;IAV3C,UAAU,CAAuB;;;;IAQjC,cAAc,CAAuB;IAIrC,MAAM;QACL,MAAM,kBAAkB,GACvB,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QAEjE,QACCC,QAACC,UAAI,qDACJ,KAAK,EAAE,UAAU,CAAC;gBACjB,MAAM,EACL,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,oBAAoB;qBAChD,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC;aAC5D,CAAC,IAED,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,oBAAoB,KACvDD,QAACE,cAAQ,uDACRF,gFACC,MAAM,EAAE,kBAAkB,EAC1B,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,GACzD,EAED,CAAC,kBAAkB;YACnB,IAAI,CAAC,gBAAgB;YACrB,IAAI,CAAC,mBAAmB,KACvBA,wEACC,OAAO,EAAC,UAAU,EAClB,KAAK,EAAC,+BAA+B,GACpC,CACF,CACQ,CACX,EAEA,IAAI,CAAC,qBAAqB,KAC1BA,iFACC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,EAC1D,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE,MACxB,IAAI,CAAC,mBAAmB,GAAG,MAAM,GAAG,CAAC,CAAC,GAEvC,CACF,CACK,EACN;KACF;IAEO,eAAe,CAAC,CAAU;QACjC,IAAI,CAAC,CAAC,EAAE;YACP,OAAO;SACP;QAED,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;QAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACxC;;;;;;","names":["cva","defaultSize","defaultSizeOptions","h","Host","Fragment"],"sources":["src/components/molecules/pagination/pagination.component.css?tag=p-pagination","src/components/molecules/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tHost,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { defaultSize, defaultSizeOptions } from '../pagination-size/constants';\nimport { cva } from 'class-variance-authority';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\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 * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\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 * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total < this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this.enablePaginationSize) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-portal.cjs.entry.js

@@ -20,7 +20,7 @@ const Portal = class {
         this._moved ? this._el.remove() : (this._moved = true);
     }
     render() {
-        return (index.h(index.Host, { key: '7604d2cbdf309fb03b9a051d737f2b92fa57a354' }, index.h("slot", { key: 'f4edec28f68504e7622f7fcffe9a80cf55501af9' })));
+        return (index.h(index.Host, { key: 'bb0d2d84023af6e4d6b9d87ebeba83d16c37949b' }, index.h("slot", { key: '014316bcd782e41366cbf3489357b1ea47b5d23b' })));
     }
 };
 

package/dist/cjs/p-profile.cjs.entry.js

@@ -33,7 +33,7 @@ const Profile = class {
     }
     render() {
         const content = this._getContent();
-        return (index.h(index.Host, { key: '155d1be3f5cd2acbed03155a869ced051470fbca', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (index.h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, index.h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), index.h("div", { slot: 'items' }, index.h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
+        return (index.h(index.Host, { key: 'c0fbe8fa2fbbcae04a370f132ce02091039a4007', class: 'p-profile inline-block w-inherit' }, this._hasDropdownSlot ? (index.h("p-dropdown", { class: 'block', strategy: 'absolute', placement: this.dropdownLocation, applyFullWidth: true, applyMaxWidth: false, onIsOpen: ev => (this._dropdownOpen = ev.detail) }, index.h("p-button", { variant: 'dropdown', chevron: this._dropdownOpen ? 'up' : 'down', active: this._dropdownOpen, slot: 'trigger', size: 'lg', class: 'w-full' }, content), index.h("div", { slot: 'items' }, index.h("slot", { name: 'dropdown', onSlotchange: () => this._checkDropdownSlot() })))) : (content)));
     }
     slotchange() {
         this._checkDropdownSlot();

package/dist/cjs/p-radio.cjs.entry.js

@@ -77,13 +77,13 @@ const Radio = class {
      */
     checkedChange;
     render() {
-        return (index.h(index.Host, { key: '5e349c36969c1072d5ed2fe06f788a57e8d66073', class: 'p-radio' }, index.h("label", { key: '9f6ef133f032478a0b14316a3c23cf15afbc59c4', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: '956e61210c310820dd33b01b4c9ca52170b525b1', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '3b4344b7f05d0499bf0d30503ac8515be914d4be', class: radio({
+        return (index.h(index.Host, { key: 'b2ec6cf9d5661f57b7e28120148fcf9007069395', class: 'p-radio' }, index.h("label", { key: '782f32d703c4f897b287e7dfb80fd3b06f5e0abe', htmlFor: this.id ?? this._nonce, class: 'flex items-center justify-start gap-2 text-black-teal' }, index.h("div", { key: '45580ebf3a62a9f9a1e746c15b7d15139a38a47c', class: 'relative flex flex-shrink-0 items-center' }, index.h("input", { key: '2262b932817e69fea5c5dd5c5046d9050d1b52a1', class: radio({
                 size: this.size,
                 disabled: this.disabled,
-            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), index.h("div", { key: 'e71f83506d266d6dccacbe238b1760196a8b4044', class: circle({
+            }), type: 'radio', id: this.id ?? this._nonce, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: this.disabled, onChange: ev => this._onChange(ev) }), index.h("div", { key: '18275011c0989071809d90c21e477e70099a1f4e', class: circle({
                 size: this.size,
                 disabled: this.disabled,
-            }) })), index.h("slot", { key: '1badbdded10dfcbd39f7f8f34f673453e3901ff5' }))));
+            }) })), index.h("slot", { key: '02d03f675466bef15f63ab49240a53e1607c3ff2' }))));
     }
     _onChange(ev) {
         if (this.disabled) {

package/dist/cjs/p-select.cjs.entry.js

@@ -185,7 +185,7 @@ const Select = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e1703146f61fa0572b6af24a5acf6793f664cf8d', class: 'p-select' }, index.h("p-dropdown", { key: '7fcdf8d0721f6f5ab4a2994ed6b1a082bcf025d9', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, index.h("p-field-container", { key: '0311a190d5313817e29382e4bf97d568f2221062', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, index.h("p-button", { key: '16d91a2912b63316fe3203a54b27bb80b6157a50', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, index.h("div", { key: 'f6dcac20124cd16f8dc802c4c6f09bff7eeb8e3a', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
+        return (index.h(index.Host, { key: '0535ba59ab5b32d65e1f2672a49b404f015bc7ea', class: 'p-select' }, index.h("p-dropdown", { key: '84b70085736f0943eddc1a0bae65460b78f13aad', disableTriggerClick: true, calculateWidth: true, insideClick: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, onIsOpen: ev => this._onDropdownOpen(ev) }, index.h("p-field-container", { key: 'daa079d94004685de5816f0d06fa8f07539900eb', slot: 'trigger', prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, errorPlacement: 'top-start', forceShowTooltip: this.error?.length && this._showDropdown }, index.h("p-button", { key: 'c0f4640c1cd9047fae73594bef62a7b28f84a9f8', class: 'w-full', slot: 'content', variant: 'secondary', size: this.size, chevron: this.showChevron, disabled: this.disabled, active: this._showDropdown, icon: this.icon, onClick: ev => this._onClick(ev) }, index.h("div", { key: '2479f6d8ff8dea97e8592ba6059371a3967f852a', class: 'relative flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue))), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem())));
     }
     documentClickHandler({ target }) {
         if (!this._showDropdown || childOf.childOf(target, this._el)) {

package/dist/cjs/p-slider-indicator.cjs.entry.js

@@ -13,7 +13,7 @@ const SliderIndicator = class {
         this.active = false;
     }
     render() {
-        return (index.h(index.Host, { key: '3fea5f2ed9499de58de65a9d313a9b84813af48c', class: `p-slider-indicator ${this.active && 'active'}` }));
+        return (index.h(index.Host, { key: 'b4a76296cb2107ee168a257a89fcf4cd75a724dc', class: `p-slider-indicator ${this.active && 'active'}` }));
     }
 };
 SliderIndicator.style = PSliderIndicatorStyle0;

package/dist/cjs/p-status.cjs.entry.js

@@ -16,8 +16,8 @@ const Status = class {
         this.iconRotate = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'bc0d4df80dd57789f44a87f8b54c4b23947229aa', class: `p-status variant-${this.variant}
-                }` }, this._getIcon(), index.h("slot", { key: '2275a7e8b94d3a2dc43b584d5d889114c5e978c2' })));
+        return (index.h(index.Host, { key: 'e7ee3ba3c0b6e4b8b72f666f4e8d17eed22a588a', class: `p-status variant-${this.variant}
+                }` }, this._getIcon(), index.h("slot", { key: '485021196c8b4bac9a05021699b5796b7073d86f' })));
     }
     _getIcon() {
         const icon = this.icon || this._getVariantIcon();

package/dist/cjs/p-stepper-item.cjs.entry.js

@@ -17,7 +17,7 @@ const StepperItem = class {
         this.active = false;
     }
     render() {
-        return (index.h(index.Host, { key: '5b5c0a4e500578e55b5d7c55a913cea70e9fbb23', class: "p-stepper-item" }, index.h("div", { key: '0f6311a964269c5a03c915feb1abcd425552cf59', class: "circle" }, this.finished && index.h("p-icon", { key: '789a03346900f7b7e52b7336d3f2ed25b41502f8', variant: "checkmark" })), index.h("div", { key: '7eae0631b8f7d20b010e808dc9e2309f15b1b6a3', class: "content" }, index.h("slot", { key: '4bccba5c636b8a7e649aea2141b5c87c149a98cd', name: "content" }))));
+        return (index.h(index.Host, { key: '3d485ab1326327a11f843a10a06976dbfaa5e69e', class: "p-stepper-item" }, index.h("div", { key: '77778ae9a704c43da71e62455e5ba6c00c9e575f', class: "circle" }, this.finished && index.h("p-icon", { key: 'ba5127ed6b27595d9e730ce72a7842e3a4aae60e', variant: "checkmark" })), index.h("div", { key: 'dd5ea1dd939440735e0fb32c981054ff6bd78966', class: "content" }, index.h("slot", { key: 'c1c73ee1f7d719d8f8da88dda286a01875ee9032', name: "content" }))));
     }
 };
 StepperItem.style = PStepperItemStyle0;

package/dist/cjs/p-stepper-line.cjs.entry.js

@@ -14,7 +14,7 @@ const StepperLine = class {
         this.direction = 'horizontal';
     }
     render() {
-        return index.h(index.Host, { key: 'a92797d409afb13452d2e973fc0ad35e7d5e6dee', class: "p-stepper-line" });
+        return index.h(index.Host, { key: '1f10907cd345fbd5beda9a9d022426dbeb1d769d', class: "p-stepper-line" });
     }
 };
 StepperLine.style = PStepperLineStyle0;

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

@@ -122,7 +122,7 @@ const Stepper = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7987eb70811222b9a526c9a8b156cb483018259c', class: 'p-stepper' }, index.h("slot", { key: 'f613c5c39f66396df4eef136e1c5fec38f48b218', onSlotchange: () => this._generateStepsOnce() })));
+        return (index.h(index.Host, { key: 'ea1674841729093f8c7c93a22362efcb9fe7a410', class: 'p-stepper' }, index.h("slot", { key: 'bda39ed6b0ee781f9edd0ff5150521feb77bceb2', onSlotchange: () => this._generateStepsOnce() })));
     }
     _onActiveStepChange() {
         this._generateStepsOnce();

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

@@ -9,7 +9,7 @@ const TabGroup = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: "4c7116038f4e902779bcc675b8c1b4c393a8bf9b", class: "p-tab-group relative flex w-full flex-col" }, index.h("div", { key: "f6f23c1137257a186fe344d1bc3107759628cb3f", class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, index.h("slot", { key: "f4060cd466b9672bbdc827e644e7c73f5051ecc2" })), index.h("p-divider", { key: "fbb9c916923ed562dff16233405f17a17e2f3839", class: "absolute bottom-0 left-0 m-0 w-full" })));
+        return (index.h(index.Host, { key: "0196a50b1603687c6966ddfe57f93f5163d8a53f", class: "p-tab-group relative flex w-full flex-col" }, index.h("div", { key: "0c5412d0724d086fc4ef2a7ad8dc306e9769d130", class: "scrollbar-hide z-10 flex w-full gap-5 overflow-x-auto" }, index.h("slot", { key: "31bb8480ea930c664473c8b77f9cb97276b5af16" })), index.h("p-divider", { key: "8e4668bc349afae1e1772a1b1f5bb3f3476a5aaf", class: "absolute bottom-0 left-0 m-0 w-full" })));
     }
 };
 

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

@@ -13,7 +13,7 @@ const TabItem = class {
         this.active = false;
     }
     render() {
-        return (index.h(index.Host, { key: '089d3d7d47eacf3257b0e242fcf1646f3c3a7306', class: `p-tab-item ${this.active && 'active'}` }, index.h("slot", { key: '29e458fd3167121bddb9b35fa0e236a201745fd9' })));
+        return (index.h(index.Host, { key: '8ede23aa9899c3bdea0191542b007fa77dd54fe8', class: `p-tab-item ${this.active && 'active'}` }, index.h("slot", { key: 'd6ecbb51b03ab4791f3153bdf6c7c98623bdd0b1' })));
     }
 };
 TabItem.style = PTabItemStyle0;

package/dist/cjs/p-table.cjs.entry.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-3f9bbc0c.js');
 const screens = require('./screens-e5439aeb.js');
 const localization = require('./localization-3a0a71db.js');
-const constants = require('./constants-f911468d.js');
+const constants = require('./constants-eae831f7.js');
 const cn = require('./cn-b70f9965.js');
 require('./clsx-fc789adc.js');
 
-const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-checkbox{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";
+const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-checkbox{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 const PTableStyle0 = tableComponentCss;
 
 const Table = class {
@@ -153,7 +153,7 @@ const Table = class {
         this.hasRendered.emit();
     }
     render() {
-        return (index.h(index.Host, { key: '07f810e3e22d4e84be51cc8489adc253ba40c953', class: 'p-table' }, index.h("p-table-container", { key: '500d002895d31f4ee1d68ea68a3121aaa80f8a7e', shadow: this.shadow }, this.enableHeader && (index.h("p-table-header", { key: 'baee39602cdca62207f2438d386492d75a16f8b3',
+        return (index.h(index.Host, { key: '115781a7ed9724c4e45f91400483141b578cf54b', class: 'p-table' }, index.h("p-table-container", { key: '6c354c314ccb5e4c167b0a7d6cd43bbc421d3456', shadow: this.shadow }, this.enableHeader && (index.h("p-table-header", { key: 'e2b80da28b457dce197f231850e3f9961cb63977',
             // quick filters
             quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
             // search
@@ -163,7 +163,7 @@ const Table = class {
             // action button
             enableAction: this.enableAction, actionIcon: this.actionButtonIcon, actionText: this.actionButtonText, actionLoading: this.actionButtonLoading, canUseAction: this.actionButtonEnabled, actionButtonTemplate: this.actionButtonTemplate, onAction: () => this.action.emit(), itemsSelectedAmount: this.selectedRows?.length,
             //loading
-            loading: this.headerLoading }, this._hasCustomFilterSlot && (index.h("slot", { key: 'a0cfc4cc04b6f5c2f8f79a551c345c7dda705f92', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (index.h("slot", { key: '06562edb6f3ae626a42a5c2cee1718342f7d6fee', name: 'custom-actions', slot: 'custom-actions' })))), this._getHeader(), index.h("div", { key: '04a4ce4368a48a7ff9a4b97b5c7717e2a3432cea', class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFooter && (index.h("p-table-footer", { key: '4155594950f0a0e6c95eef2079f07cc1c9c06b87',
+            loading: this.headerLoading }, this._hasCustomFilterSlot && (index.h("slot", { key: 'b83f2bceda8502cb14dbe0691ee0f9ea53f3be2c', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (index.h("slot", { key: 'a9bad5a3a28e176fb81df14d4a418f8ba2d29542', name: 'custom-actions', slot: 'custom-actions' })))), this._getHeader(), index.h("div", { key: '5d57a53317fcb3621d4bf6b6abb1662dfeb217c4', class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFooter && (index.h("p-table-footer", { key: '8c4df256292e0ec8246bba9e1dbbf81c51cd89bb',
             // overall
             hideOnSinglePage: this.hideOnSinglePage,
             // page size select
@@ -173,13 +173,13 @@ const Table = class {
             // export
             enableExport: this.enableExport, onExport: () => this.export.emit(),
             //loading
-            loading: this.footerLoading })), this.enableFloatingMenu && this._enableRowSelection ? (index.h("p-floating-menu-container", { usedInTable: true, class: `${this.selectedRows?.length ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, index.h("p-floating-menu-item", { hover: false, slot: 'floating-menu-item', class: this._rowActionsFloating?.length ? 'hidden tablet:flex' : '' }, this.floatingMenuAmountSelectedTemplate(this.selectedRows?.length)), index.h("p-divider", { class: `mx-0 text-storm ${this._rowActionsFloating?.length ? 'hidden tablet:flex' : ''}`, variant: 'vertical', slot: 'floating-menu-item' }), this._rowActionsFloating?.length &&
-            this._rowActionsFloating.map(a => (index.h("p-floating-menu-item", { slot: 'floating-menu-item', disabled: a.disabled, onClick: () => !a.disabled &&
+            loading: this.footerLoading })), this.enableFloatingMenu && this._enableRowSelection ? (index.h("p-floating-menu-container", { usedInTable: true, class: `${this.selectedRows?.length ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}`, amountSelectedTemplate: this.floatingMenuAmountSelectedTemplate, amount: this.selectedRows?.length, enableAmountSelected: !!this._rowActionsFloating?.length, onClose: () => this._selectAllChange(null, false) }, this._rowActionsFloating?.length &&
+            this._rowActionsFloating.map(a => (index.h("p-floating-menu-item", { slot: 'floating-menu-item', disabled: a.disabled, loading: a.loading, icon: a.icon, iconRotate: a.iconRotate, iconFlip: a.iconFlip, onClick: () => !a.disabled &&
                     !a.loading &&
                     !!a.action &&
                     a.type === 'single'
                     ? a.action(this.selectedRows[0], false)
-                    : a.action(this.selectedRows, true) }, a.label, ' ', a.loading ? (index.h("p-loader", null)) : (index.h("p-icon", { variant: a.icon, rotate: a.iconRotate, flip: a.iconFlip }))))), this._rowActionsFloating?.length && (index.h("p-divider", { class: 'mx-0 text-storm', variant: 'vertical', slot: 'floating-menu-item' })), index.h("p-floating-menu-item", { slot: 'floating-menu-item', onClick: () => this._selectAllChange(null, false) }, index.h("p-icon", { variant: 'negative' })))) : (''))));
+                    : a.action(this.selectedRows, true) }, a.label))))) : (''))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -326,10 +326,11 @@ const Table = class {
         }
         return (index.h("div", { class: `flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${this.enableEmptyStateAction && 'cursor-pointer'}`, onClick: () => this.enableEmptyStateAction && this.emptyStateActionClick.emit(null) }, index.h("p-illustration", { variant: 'empty-state-add', class: 'mb-6' }), index.h("p", { class: 'text-storm-default font-semibold' }, this.emptyStateHeader()), index.h("p", { class: 'mb-6 text-sm text-storm-medium' }, this.emptyStateContent()), this.enableEmptyStateAction && (index.h("p-button", { variant: 'secondary', icon: 'plus', size: 'sm' }, this.emptyStateAction()))));
     }
-    _selectAllChange({ detail: checked }, forceValue) {
+    _selectAllChange(ev, forceValue) {
         if (!this._enableRowSelection) {
             return;
         }
+        const checked = ev?.detail ?? forceValue ?? false;
         const value = forceValue === undefined ? checked : forceValue;
         if (value) {
             const toAdd = [];