@zanichelli/albe-web-components 18.4.0 → 18.4.2-RC1

package/dist/esm/z-toggle-button.entry.js

@@ -21,10 +21,10 @@ const ZToggleButton = class {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: 'cd6e7b7d9e8366975ac5a35938638c36736900ef', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: '603e31baab82eafe1c1c4bd9085e628bc3990d35', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'd93a2b08f889f918dac31a6dd1a27878d9cac907', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'b56ebc0a31dbed5a4b18a88db9b54da3eb85153d', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
 };
 ZToggleButton.style = ZToggleButtonStyle0;

package/dist/esm/z-toggle-switch.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as Host } from './index-c8ceadeb.js';
-import { k as LabelPosition } from './index-fe87283d.js';
-import { r as randomId } from './utils-c7062cf7.js';
+import { k as LabelPosition } from './index-9f584e0a.js';
+import { r as randomId } from './utils-6e83ba99.js';
 import './breakpoints-d148bfde.js';
 
 const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
@@ -29,14 +29,14 @@ const ZToggleSwitch = class {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: '5c2fa5cdb898b1948d3961780c5fa72786c2e6bc' }, h("input", { key: '3471fe87f44daf4a9c7a197f9d7d7349736c9823', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '6fcbb7ff25810d00f311c22be960ff04f900907b', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: 'c5dec4dd88ebbc289c430d79137f64904ad7431c' }, h("input", { key: '3c9c3e98b5bece430c7bf8378ca6c724975caf67', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'ce26f0e2288f9727cf848352c9f6ffdd384a334e', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: '6f734eaac90511fd4939b4f8bab2632f8ad24c6d' }, h("slot", { key: '0b7b519ae530e0ebf6b4b3ea0199e8b0d54094da' })), h("span", { key: 'b41791cbd5aa569a3f1361dd5881b86cb3aa0322', class: {
+            } }, h("span", { key: 'a44a40d2ecfbad16904ebf8d15b78f3ca50719c1' }, h("slot", { key: '9d1286b581c8709f809f4a9f2bce9fc756523426' })), h("span", { key: 'aaf437ff81d1777cc3d0b46204828519f97a2244', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: 'f79160dde4dda3a3988e57fa5addb698573acde5', class: "circle" }, this.checked && (h("z-icon", { key: '011bd9649c7cb1c08f5ee7dd534edbe11fe7706f', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: 'd9b41cfd137d7a0de200d5cb7cb948794f787fa9', class: "circle" }, this.checked && (h("z-icon", { key: '369501daa858675d995e35d8458ea1e5a2ec044d', width: 12, height: 12, name: "checkmark" })))))));
     }
 };
 ZToggleSwitch.style = ZToggleSwitchStyle0;

package/dist/esm/z-tooltip.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h } from './index-c8ceadeb.js';
-import { P as PopoverPosition } from './index-fe87283d.js';
+import { P as PopoverPosition } from './index-9f584e0a.js';
 
 const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
 const ZTooltipStyle0 = stylesCss;
@@ -17,7 +17,7 @@ const ZTooltip = class {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: 'a978e9df607830aec7c30ef3d83c5f8529772722', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: '0c6adc98da3941ed5f19902dc52ad8188215c340' })));
+        return (h("z-popover", { key: '9eaca4c0a1c2a54075e95ff8e22e8845d72592a7', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: '12010f81d4f78fcefb1f6b03092229cc47655bbd' })));
     }
 };
 ZTooltip.style = ZTooltipStyle0;

package/dist/esm/z-tr.entry.js

@@ -1,9 +1,9 @@
-export { Z as z_tr } from './index-ceebee64.js';
+export { Z as z_tr } from './index-be3c8aaa.js';
 import './index-c8ceadeb.js';
-import './utils-c7062cf7.js';
-import './index-fe87283d.js';
+import './utils-6e83ba99.js';
+import './index-9f584e0a.js';
 import './breakpoints-d148bfde.js';
-import './index-2ccbb96f.js';
-import './index-fc0913d1.js';
+import './index-406138db.js';
+import './index-2a26d10b.js';
 
 //# sourceMappingURL=z-tr.entry.js.map

package/dist/esm/z-tree-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c8ceadeb.js';
-import { g as KeyboardCode } from './index-fe87283d.js';
+import { g as KeyboardCode } from './index-9f584e0a.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list-element::before,z-list-element::after{position:absolute;z-index:100;top:0.125rem;left:-0.5rem;content:\"\"}z-list z-list-element::before{width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element::after{width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element:last-child::after,z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{z-index:100;display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-0.0625rem;display:block;width:100%;height:calc(var(--space-unit) * 5);content:\"\";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.0032rem;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:0.125;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}z-list-element>.list-element:focus:focus-visible{position:relative;z-index:200;box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width: 767px){z-list-element::before,z-list-element::after{top:0.1875rem}z-list z-list-element::before{height:calc(var(--space-unit) * 2.5)}.children-node>z-list-element{padding-top:var(--space-unit)}}";
 const ZTreeListStyle0 = stylesCss;

package/dist/types/beans/index.d.ts

@@ -128,6 +128,11 @@ export declare enum InputStatus {
     WARNING = "warning"
 }
 export declare enum PopoverPosition {
+    /** @deprecated This value is not needed anymore as the popover will always try to position itself automatically based on available space.
+     *
+     * Passing `AUTO` is the same as not passing any position value.
+     * Use any of the other values to explicitly set the preferred position of the popover.
+     */
     AUTO = "auto",
     TOP = "top",
     RIGHT = "right",

package/dist/types/components/z-button/index.d.ts

@@ -4,8 +4,8 @@ import { ButtonSize, ButtonType, ButtonVariant, ControlSize } from "../../beans"
  */
 export declare class ZButton {
     hostElement: HTMLZButtonElement;
-    /** defines a string value that labels an interactive element, used for accessibility. */
-    ariaLabel: string;
+    /** defines a string value that labels the internal interactive element. Used for accessibility. */
+    ariaLabel: string | undefined;
     /**
      * **Deprecated:** Use `htmlrole` instead.
      * @deprecated This prop has been deprecated in favor of `htmlrole` for better accessibility.

package/dist/types/components/z-popover/index.d.ts

@@ -2,6 +2,12 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { PopoverPosition } from "../../beans";
 /**
  * Popover component.
+ * This component displays a popover that can be bound to an element.
+ * It supports various positions and can automatically adjust its position based on available space.
+ *
+ * Notes:
+ * - To ensure the positioning algorithm finds the right container when calculating the position, set its container's `position` to `relative`.
+ * - Consider manually adjusting the size of the slotted element (using `max-width`, `max-height`, etc...) when its content is "fluid" (like a big text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think that the popover doesn't fit in the available space).
  *
  * @cssprop --z-popover-theme--surface - background color of the popover.
  * @cssprop --z-popover-theme--text - foreground color of the popover.
@@ -9,8 +15,12 @@ import { PopoverPosition } from "../../beans";
  * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.
  */
 export declare class ZPopover {
-    /** Popover position. */
-    position: PopoverPosition;
+    /**
+     * The preferred position to render the popover.
+     * The popover will automatically search another position if not enough space is available for the preferred position.
+     * If the preferred position is not available, it will try to find the best position starting from `TOP` and going clockwise.
+     */
+    position?: PopoverPosition;
     /**
      * The open state of the popover.
      */
@@ -35,6 +45,7 @@ export declare class ZPopover {
     closable: boolean;
     /**
      * The current position of the popover.
+     * It differs from `position` only when calculated automatically (position=auto) or when the position is recalculated for space reasons.
      */
     currentPosition?: PopoverPosition;
     /**
@@ -47,6 +58,7 @@ export declare class ZPopover {
     openChange: EventEmitter;
     host: HTMLZPopoverElement;
     private animationFrameRequestId?;
+    private readonly spaceTolerance;
     closePopoverWithKeyboard(e: KeyboardEvent): void;
     /**
      * Close the popover when clicking outside of its content.
@@ -60,11 +72,45 @@ export declare class ZPopover {
      * Setup popover behaviors on opening.
      */
     onOpen(): void;
-    disconnectedCallback(): void;
+    private static readonly positionOrder;
+    /**
+     * Helper functions for space calculation
+     */
+    private hasCenteredHorizontalSpace;
+    private hasCenteredVerticalSpace;
+    private hasOffsetSpace;
+    /**
+     * Given a desired position and available space around the bound element, returns the best position
+     * that fits the popover, trying all positions if needed.
+     * Takes into account offsetModifier for centering.
+     * @param desiredPosition The desired position of the popover.
+     * @param availableSpace The available space around the bound element.
+     * @param boundElemSizes The sizes of the bound element.
+     * @param offsetModifier The modifier to apply to the offset for centering.
+     */
+    private getOptimalPopoverPosition;
+    /**
+     * Find the best fallback position based on available space when no position fits perfectly
+     */
+    private findBestFallbackPosition;
+    /**
+     * Calculate available space around the bound element
+     */
+    private calculateAvailableSpace;
+    /**
+     * Calculate relative offsets for positioning
+     */
+    private calculateRelativeOffsets;
+    /**
+     * Apply positioning styles based on position
+     */
+    private applyPositionStyles;
     /**
      * Set the position of the popover.
      */
     private setPosition;
     componentWillLoad(): void;
-    render(): HTMLSlotElement;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): HTMLZPopoverElement;
 }

package/dist/types/components/z-popover/index.stories.d.ts

@@ -1,43 +1,63 @@
 import { type ZPopover } from ".";
 import { PopoverPosition } from "../../beans";
 import { CSSVarsArguments } from "../../utils/storybook-utils";
+import "../list/z-list-element/index";
+import "../list/z-list/index";
 import "../z-button/index";
-import "../z-icon/index";
 import "./index";
 import "./index.stories.css";
-type ZPopoverStoriesArgs = ZPopover & CSSVarsArguments<"--z-popover-theme--surface" | "--z-popover-theme--text">;
+type ZPopoverStoriesArgs = ZPopover & CSSVarsArguments<"--z-popover-theme--surface" | "--z-popover-theme--text" | "--z-popover-padding" | "--z-popover-shadow-filter">;
 /**
- * To be sure the AUTO algorithm finds the right container when calculating the position, set its container's position to `position: relative;`
+ * To ensure the positioning algorithm finds the right container when calculating the position, set its container's `position` to `relative`.
  */
 declare const StoryMeta: {
     title: string;
     component: string;
     argTypes: {
         position: {
-            options: PopoverPosition[];
+            options: (PopoverPosition.TOP | PopoverPosition.RIGHT | PopoverPosition.BOTTOM | PopoverPosition.LEFT | PopoverPosition.TOP_RIGHT | PopoverPosition.TOP_LEFT | PopoverPosition.BOTTOM_RIGHT | PopoverPosition.BOTTOM_LEFT | PopoverPosition.RIGHT_TOP | PopoverPosition.RIGHT_BOTTOM | PopoverPosition.LEFT_TOP | PopoverPosition.LEFT_BOTTOM)[];
             control: {
                 type: "select";
+                labels: {
+                    null: string;
+                };
             };
         };
         "--z-popover-theme--surface": import("@storybook/csf").Args;
         "--z-popover-theme--text": import("@storybook/csf").Args;
     };
     args: {
+        position: any;
         "--z-popover-theme--surface": string;
         "--z-popover-theme--text": string;
+        "--z-popover-padding": string;
+    };
+    parameters: {
+        onTriggerClick: () => void;
     };
 };
 export default StoryMeta;
+export declare const Demo: {
+    args: {
+        "--z-popover-padding": string;
+        "--z-popover-shadow-filter": string;
+        center: false;
+        showArrow: false;
+    };
+    render: (args: ZPopoverStoriesArgs, { parameters }: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, ZPopoverStoriesArgs>) => import("lit-html").TemplateResult<1>;
+};
 export declare const ContextualMenuLike: {
     args: {
         "--z-popover-theme--surface": string;
+        "--z-popover-padding": string;
         position: PopoverPosition.RIGHT_BOTTOM;
     };
-    render: (args: ZPopoverStoriesArgs) => import("lit-html").TemplateResult<1>;
+    render: (args: ZPopoverStoriesArgs, { parameters }: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, ZPopoverStoriesArgs>) => import("lit-html").TemplateResult<1>;
 };
 export declare const TooltipLike: {
     args: {
         position: PopoverPosition.RIGHT;
+        "--z-popover-padding": string;
     };
-    render: (args: ZPopoverStoriesArgs) => import("lit-html").TemplateResult<1>;
+    render: (args: ZPopoverStoriesArgs, { parameters }: import("@storybook/csf").StoryContext<import("@storybook/web-components").WebComponentsRenderer, ZPopoverStoriesArgs>) => import("lit-html").TemplateResult<1>;
 };

package/dist/types/components/z-toast-notification/index.stories.d.ts

@@ -29,12 +29,16 @@ declare const StoryMeta: {
         type: ToastNotification.DARK;
         isdraggable: true;
         draggablepercentage: number;
-        transition: ToastNotificationTransition.SLIDE_IN_RIGHT;
     };
     render: (args: ZToastNotification) => TemplateResult;
 };
 export default StoryMeta;
-export declare const SlideInRight: {};
+export declare const NoSlideIn: {};
+export declare const SlideInRight: {
+    args: {
+        transition: ToastNotificationTransition.SLIDE_IN_RIGHT;
+    };
+};
 export declare const SlideInLeft: {
     args: {
         transition: ToastNotificationTransition.SLIDE_IN_LEFT;

package/dist/types/components.d.ts

@@ -427,9 +427,9 @@ export namespace Components {
     }
     interface ZButton {
         /**
-          * defines a string value that labels an interactive element, used for accessibility.
+          * defines a string value that labels the internal interactive element. Used for accessibility.
          */
-        "ariaLabel": string;
+        "ariaLabel": string | undefined;
         /**
           * HTML button disabled attribute.
          */
@@ -1670,6 +1670,11 @@ export namespace Components {
     }
     /**
      * Popover component.
+     * This component displays a popover that can be bound to an element.
+     * It supports various positions and can automatically adjust its position based on available space.
+     * Notes:
+     * - To ensure the positioning algorithm finds the right container when calculating the position, set its container's `position` to `relative`.
+     * - Consider manually adjusting the size of the slotted element (using `max-width`, `max-height`, etc...) when its content is "fluid" (like a big text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think that the popover doesn't fit in the available space).
      * @cssprop --z-popover-theme--surface - background color of the popover.
      * @cssprop --z-popover-theme--text - foreground color of the popover.
      * @cssprop --z-popover-padding - padding of the popover.
@@ -1693,9 +1698,9 @@ export namespace Components {
          */
         "open": boolean;
         /**
-          * Popover position.
+          * The preferred position to render the popover. The popover will automatically search another position if not enough space is available for the preferred position. If the preferred position is not available, it will try to find the best position starting from `TOP` and going clockwise.
          */
-        "position": PopoverPosition;
+        "position"?: PopoverPosition;
         /**
           * Whether to show popover's arrow.
          */
@@ -3284,6 +3289,11 @@ declare global {
     }
     /**
      * Popover component.
+     * This component displays a popover that can be bound to an element.
+     * It supports various positions and can automatically adjust its position based on available space.
+     * Notes:
+     * - To ensure the positioning algorithm finds the right container when calculating the position, set its container's `position` to `relative`.
+     * - Consider manually adjusting the size of the slotted element (using `max-width`, `max-height`, etc...) when its content is "fluid" (like a big text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think that the popover doesn't fit in the available space).
      * @cssprop --z-popover-theme--surface - background color of the popover.
      * @cssprop --z-popover-theme--text - foreground color of the popover.
      * @cssprop --z-popover-padding - padding of the popover.
@@ -4136,9 +4146,9 @@ declare namespace LocalJSX {
     }
     interface ZButton {
         /**
-          * defines a string value that labels an interactive element, used for accessibility.
+          * defines a string value that labels the internal interactive element. Used for accessibility.
          */
-        "ariaLabel"?: string;
+        "ariaLabel"?: string | undefined;
         /**
           * HTML button disabled attribute.
          */
@@ -5507,6 +5517,11 @@ declare namespace LocalJSX {
     }
     /**
      * Popover component.
+     * This component displays a popover that can be bound to an element.
+     * It supports various positions and can automatically adjust its position based on available space.
+     * Notes:
+     * - To ensure the positioning algorithm finds the right container when calculating the position, set its container's `position` to `relative`.
+     * - Consider manually adjusting the size of the slotted element (using `max-width`, `max-height`, etc...) when its content is "fluid" (like a big text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think that the popover doesn't fit in the available space).
      * @cssprop --z-popover-theme--surface - background color of the popover.
      * @cssprop --z-popover-theme--text - foreground color of the popover.
      * @cssprop --z-popover-padding - padding of the popover.
@@ -5538,7 +5553,7 @@ declare namespace LocalJSX {
          */
         "open"?: boolean;
         /**
-          * Popover position.
+          * The preferred position to render the popover. The popover will automatically search another position if not enough space is available for the preferred position. If the preferred position is not available, it will try to find the best position starting from `TOP` and going clockwise.
          */
         "position"?: PopoverPosition;
         /**
@@ -6427,6 +6442,11 @@ declare module "@stencil/core" {
             "z-panel-elem": LocalJSX.ZPanelElem & JSXBase.HTMLAttributes<HTMLZPanelElemElement>;
             /**
              * Popover component.
+             * This component displays a popover that can be bound to an element.
+             * It supports various positions and can automatically adjust its position based on available space.
+             * Notes:
+             * - To ensure the positioning algorithm finds the right container when calculating the position, set its container's `position` to `relative`.
+             * - Consider manually adjusting the size of the slotted element (using `max-width`, `max-height`, etc...) when its content is "fluid" (like a big text), because it can interfere with the position calculation (for example a long text on one single line can be bigger than the available space, letting the algorithm think that the popover doesn't fit in the available space).
              * @cssprop --z-popover-theme--surface - background color of the popover.
              * @cssprop --z-popover-theme--text - foreground color of the popover.
              * @cssprop --z-popover-padding - padding of the popover.

package/dist/web-components-library/index.esm.js

@@ -1,2 +1,2 @@
-import{c as $}from"./p-f3145212.js";export{_ as AccordionVariant,o as AlertType,A as AvatarSize,Y as BookCardDeprecatedVariant,X as BookCardVariant,V as BreadcrumbHomepageVariant,U as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,Q as CarouselArrowsPosition,R as CarouselProgressMode,e as ControlSize,M as CoverHeroContentPosition,J as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,H as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,W as VisibilityCondition,t as ZAriaAlertMode,w as ZChipType,y as ZDatePickerMode,z as ZDatePickerModeValue,F as ZDatePickerPosition,v as ZFileUploadType,G as ZRangePickerMode,x as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-dfcf9936.js";import"./p-5145a606.js";const aa={colorFromId:$};export{aa as Utils};
+import{c as $}from"./p-8c322c9a.js";export{_ as AccordionVariant,o as AlertType,A as AvatarSize,Y as BookCardDeprecatedVariant,X as BookCardVariant,V as BreadcrumbHomepageVariant,U as BreadcrumbPathStyle,d as ButtonSize,c as ButtonType,B as ButtonVariant,C as CardVariant,Q as CarouselArrowsPosition,R as CarouselProgressMode,e as ControlSize,M as CoverHeroContentPosition,J as CoverHeroVariant,p as Device,h as DividerOrientation,D as DividerSize,j as ExpandableListButtonAlign,E as ExpandableListStyle,H as InfoRevealPosition,f as InputStatus,I as InputType,g as KeyboardCode,K as KeyboardKeyCode,k as LabelPosition,L as LicenseType,l as ListDividerType,i as ListSize,m as ListType,b as NavigationTabsKeyboardEvents,N as NavigationTabsOrientation,a as NavigationTabsSize,n as NotificationType,O as OffCanvasVariant,P as PopoverPosition,S as SortDirection,T as ThemeVariant,q as ToastNotification,s as ToastNotificationPosition,r as ToastNotificationTransition,u as TransitionDirection,W as VisibilityCondition,t as ZAriaAlertMode,w as ZChipType,y as ZDatePickerMode,z as ZDatePickerModeValue,F as ZDatePickerPosition,v as ZFileUploadType,G as ZRangePickerMode,x as ZSectionTitleDividerPosition,Z as ZTableRowExpandedType}from"./p-137c2618.js";import"./p-5145a606.js";const aa={colorFromId:$};export{aa as Utils};
 //# sourceMappingURL=index.esm.js.map

package/dist/web-components-library/{p-6b679226.entry.js → p-0084024e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,a as c}from"./p-75c4a726.js";import{k as i}from"./p-dfcf9936.js";import{r as a}from"./p-f3145212.js";import"./p-5145a606.js";const l='.sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}';const o=l;const r=class{constructor(s){e(this,s);this.toggleClick=t(this,"toggleClick",7);this.disabled=false;this.labelPosition=i.LEFT;this.checked=false;this.htmlid=`toggle-switch-id-${a()}`}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(e){if(this.disabled){return}this.checked=e.target.checked;this.emitToggleClick()}render(){return s(c,{key:"5c2fa5cdb898b1948d3961780c5fa72786c2e6bc"},s("input",{key:"3471fe87f44daf4a9c7a197f9d7d7349736c9823",id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),s("label",{key:"6fcbb7ff25810d00f311c22be960ff04f900907b",htmlFor:this.htmlid,class:{[this.labelPosition]:true,disabled:this.disabled}},s("span",{key:"6f734eaac90511fd4939b4f8bab2632f8ad24c6d"},s("slot",{key:"0b7b519ae530e0ebf6b4b3ea0199e8b0d54094da"})),s("span",{key:"b41791cbd5aa569a3f1361dd5881b86cb3aa0322",class:{container:true,disabled:this.disabled,checked:this.checked}},s("span",{key:"f79160dde4dda3a3988e57fa5addb698573acde5",class:"circle"},this.checked&&s("z-icon",{key:"011bd9649c7cb1c08f5ee7dd534edbe11fe7706f",width:12,height:12,name:"checkmark"})))))}};r.style=o;export{r as z_toggle_switch};
-//# sourceMappingURL=p-6b679226.entry.js.map
+import{r as c,c as e,h as t,a as s}from"./p-75c4a726.js";import{k as i}from"./p-137c2618.js";import{r as a}from"./p-8c322c9a.js";import"./p-5145a606.js";const l='.sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}';const o=l;const r=class{constructor(t){c(this,t);this.toggleClick=e(this,"toggleClick",7);this.disabled=false;this.labelPosition=i.LEFT;this.checked=false;this.htmlid=`toggle-switch-id-${a()}`}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(c){if(this.disabled){return}this.checked=c.target.checked;this.emitToggleClick()}render(){return t(s,{key:"c5dec4dd88ebbc289c430d79137f64904ad7431c"},t("input",{key:"3c9c3e98b5bece430c7bf8378ca6c724975caf67",id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),t("label",{key:"ce26f0e2288f9727cf848352c9f6ffdd384a334e",htmlFor:this.htmlid,class:{[this.labelPosition]:true,disabled:this.disabled}},t("span",{key:"a44a40d2ecfbad16904ebf8d15b78f3ca50719c1"},t("slot",{key:"9d1286b581c8709f809f4a9f2bce9fc756523426"})),t("span",{key:"aaf437ff81d1777cc3d0b46204828519f97a2244",class:{container:true,disabled:this.disabled,checked:this.checked}},t("span",{key:"d9b41cfd137d7a0de200d5cb7cb948794f787fa9",class:"circle"},this.checked&&t("z-icon",{key:"369501daa858675d995e35d8458ea1e5a2ec044d",width:12,height:12,name:"checkmark"})))))}};r.style=o;export{r as z_toggle_switch};
+//# sourceMappingURL=p-0084024e.entry.js.map

package/dist/web-components-library/{p-0b26a8e0.js → p-06b31bf5.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,a as o,g as s}from"./p-75c4a726.js";import{P as a,B as i,e as c}from"./p-dfcf9936.js";const l=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}';const h=l;const r=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.popoverPosition=a.AUTO;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(o,{key:"c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3",role:"cell","menu-open":this.isMenuOpen},n("div",{key:"f503630802052c5c3566b725aba40ea0923d60da",class:"cell--content"},n("slot",{key:"e26dc22a7b21eef5475d10124312384593957bf8"}),this.showMenu&&n("div",{key:"4c7204766c53e4502ff24e51e9ea751620246278",class:"cell--menu-container prevent-expand"},n("z-button",{key:"3d0f59414241c2b195dd45cf74f678b15e957cac",variant:i.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"68d2f577c442c9a72009dd6365cd4182e9333d5a",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"c90cf570174b2e2af659ae02e217d725a1951cb4",name:"contextual-menu"})))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};r.style=h;export{r as Z};
-//# sourceMappingURL=p-0b26a8e0.js.map
+import{r as e,c as t,h as n,a as o,g as s}from"./p-75c4a726.js";import{P as a,B as i,e as c}from"./p-137c2618.js";const l=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}';const h=l;const r=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.popoverPosition=a.AUTO;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(o,{key:"c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3",role:"cell","menu-open":this.isMenuOpen},n("div",{key:"f503630802052c5c3566b725aba40ea0923d60da",class:"cell--content"},n("slot",{key:"e26dc22a7b21eef5475d10124312384593957bf8"}),this.showMenu&&n("div",{key:"4c7204766c53e4502ff24e51e9ea751620246278",class:"cell--menu-container prevent-expand"},n("z-button",{key:"3d0f59414241c2b195dd45cf74f678b15e957cac",variant:i.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"68d2f577c442c9a72009dd6365cd4182e9333d5a",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"c90cf570174b2e2af659ae02e217d725a1951cb4",name:"contextual-menu"})))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};r.style=h;export{r as Z};
+//# sourceMappingURL=p-06b31bf5.js.map

package/{www/build/p-b705fba3.entry.js → dist/web-components-library/p-0e91e5b6.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,a as t,g as o}from"./p-75c4a726.js";import{H as a,e as r}from"./p-dfcf9936.js";const n=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}';const s=n;const l=class{constructor(i){e(this,i);this.icon="informationsource";this.position=a.BOTTOM_RIGHT;this.label=undefined;this.ariaLabel="Apri pannello informazioni";this.size=r.BIG;this.open=false}adjustPanelPosition(){if(!this.open||!this.panel){return}const e=this.host.getBoundingClientRect();const i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);const t=document.documentElement.offsetWidth;const o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth=`${o}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=false}handleEscapeKey(e){if(e.key==="Escape"&&this.open){this.closePanel()}}render(){return i(t,{key:"a19485beada104ab116a2eb280d976aa608260aa",open:this.open},i("button",{key:"504213f62284cc74ed74b651a3a54dcd9715a1f1",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":!this.label?this.ariaLabel:undefined,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&i("z-icon",{key:"4fd422856292ae26d66a04188abfb74c5e809141",name:this.icon}),this.label&&i("span",{key:"4753636fcf7c98c077a93ac783b22b1057492bb5",class:"z-info-reveal-label"},this.label)),i("div",{key:"bdff08efa35c74951b48d909e83d7ccf32079460",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},i("slot",{key:"441569ddd80537294c1d66a1555423c460f7f8c9"}),i("button",{key:"690e9a97f7e77a6de567030062d159184106b725",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},i("z-icon",{key:"1e110ca5a85731ec582d4696f72e4b010593d9eb",name:"multiply"}))))}get host(){return o(this)}static get watchers(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}}};l.style=s;export{l as z_info_reveal};
-//# sourceMappingURL=p-b705fba3.entry.js.map
+import{r as e,h as i,a as t,g as o}from"./p-75c4a726.js";import{H as a,e as r}from"./p-137c2618.js";const n=':host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}';const s=n;const l=class{constructor(i){e(this,i);this.icon="informationsource";this.position=a.BOTTOM_RIGHT;this.label=undefined;this.ariaLabel="Apri pannello informazioni";this.size=r.BIG;this.open=false}adjustPanelPosition(){if(!this.open||!this.panel){return}const e=this.host.getBoundingClientRect();const i=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"),10);const t=document.documentElement.offsetWidth;const o=Math.round((this.position.includes("left")?t-e.left:e.right)-i);this.panel.style.maxWidth=`${o}px`}togglePanel(){this.open=!this.open}closePanel(){this.open=false}handleEscapeKey(e){if(e.key==="Escape"&&this.open){this.closePanel()}}render(){return i(t,{key:"a19485beada104ab116a2eb280d976aa608260aa",open:this.open},i("button",{key:"504213f62284cc74ed74b651a3a54dcd9715a1f1",class:"z-info-reveal-trigger",type:"button",onClick:this.togglePanel.bind(this),"aria-label":!this.label?this.ariaLabel:undefined,"aria-expanded":this.open?"true":"false","aria-controls":"z-info-reveal-panel"},this.icon&&i("z-icon",{key:"4fd422856292ae26d66a04188abfb74c5e809141",name:this.icon}),this.label&&i("span",{key:"4753636fcf7c98c077a93ac783b22b1057492bb5",class:"z-info-reveal-label"},this.label)),i("div",{key:"bdff08efa35c74951b48d909e83d7ccf32079460",class:"z-info-reveal-panel",id:"z-info-reveal-panel",ref:e=>this.panel=e,hidden:!this.open},i("slot",{key:"441569ddd80537294c1d66a1555423c460f7f8c9"}),i("button",{key:"690e9a97f7e77a6de567030062d159184106b725",class:"z-info-reveal-close",type:"button",onClick:this.closePanel.bind(this),"aria-label":"Chiudi pannello informazioni"},i("z-icon",{key:"1e110ca5a85731ec582d4696f72e4b010593d9eb",name:"multiply"}))))}get host(){return o(this)}static get watchers(){return{position:["adjustPanelPosition"],open:["adjustPanelPosition"]}}};l.style=s;export{l as z_info_reveal};
+//# sourceMappingURL=p-0e91e5b6.entry.js.map

package/dist/web-components-library/{p-f609b40e.entry.js → p-1252814d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,a as i,g as o}from"./p-75c4a726.js";import{x as s,D as r}from"./p-dfcf9936.js";const a=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';const c=a;const l=class{constructor(e){t(this,e);this.dividerPosition=s.BEFORE;this.uppercase=true}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(i,{key:"461f6c104cfc920716e772e582fcd194f5e29dc3"},e("slot",{key:"320b69756d8c3a9ce18a48e04947cc4547bd94a9",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{key:"94c5b68ec254d01fc66517f3a7ec0867cb29ac45",size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"058143cf64d7660d5172c265d97ea0ed412a9173",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{key:"98fa18966e3ae3338939b1b2b8882f12a31de76a",size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};l.style=c;export{l as z_section_title};
-//# sourceMappingURL=p-f609b40e.entry.js.map
+import{r as t,h as e,a as i,g as o}from"./p-75c4a726.js";import{x as s,D as r}from"./p-137c2618.js";const a=':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';const c=a;const l=class{constructor(e){t(this,e);this.dividerPosition=s.BEFORE;this.uppercase=true}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return e(i,{key:"461f6c104cfc920716e772e582fcd194f5e29dc3"},e("slot",{key:"320b69756d8c3a9ce18a48e04947cc4547bd94a9",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.BEFORE&&e("z-divider",{key:"94c5b68ec254d01fc66517f3a7ec0867cb29ac45",size:r.LARGE,color:"z-section-title--divider-color"}),e("slot",{key:"058143cf64d7660d5172c265d97ea0ed412a9173",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===s.AFTER&&e("z-divider",{key:"98fa18966e3ae3338939b1b2b8882f12a31de76a",size:r.LARGE,color:"z-section-title--divider-color"}))}get host(){return o(this)}};l.style=c;export{l as z_section_title};
+//# sourceMappingURL=p-1252814d.entry.js.map

package/{www/build/p-c6b7c8e4.entry.js → dist/web-components-library/p-12a7af3b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as i,g as s}from"./p-75c4a726.js";import{I as o,e as r,i as a,g as n,l as h}from"./p-dfcf9936.js";import{r as l,d}from"./p-f3145212.js";import"./p-5145a606.js";const c='.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}:host{display:block;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>p.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 3px;margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';const p=c;const u=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((t=>t.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}watchCheckboxes(){this.checkboxes.forEach(((t,e)=>t.setAttribute("tabindex",e===0?"0":"-1")))}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.itemsList=[];this.inputType=o.TEXT;this.inputid=`combo-${l()}`;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.closesearchtext="Chiudi";this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=r.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId=undefined;this.checkboxes=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length}componentDidRender(){const t=this.getAllCheckboxes();if(JSON.stringify(t)!==JSON.stringify(this.checkboxes)){this.checkboxes=t}}getItemId(t){return`combo-checkbox-${this.inputid}-${t.id}`}getCheckboxClass(){return`combo-item-checkbox-input-${this.inputid}`}getAllCheckboxes(){return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`))}getControlToListSize(){switch(this.size){case r.X_SMALL:return a.SMALL;case r.SMALL:return a.MEDIUM;default:return a.LARGE}}handleSelectArrowsNavigation(t,e){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.key)||!this.isopen){return}t.preventDefault();t.stopPropagation();const i=this.element.shadowRoot.querySelector(`#${e}`);if(!i){return}const s=this.checkboxes;if(!s.length){return}const o=s.indexOf(i);const r=0;const a=s.length-1;let h=null;if(t.key===n.ARROW_DOWN){h=o===a?s[r]:s[o+1]}else if(t.key===n.ARROW_UP){h=o===r?s[a]:s[o-1]}this.focusComboboxItem(h)}handleHeaderKeyboardEvent(t){if(t.key===n.SPACE){t.preventDefault()}if(t.key===n.ARROW_DOWN&&!this.isopen||t.key===n.ARROW_UP&&this.isopen){this.toggleComboBox()}}handleCheckboxFocus(t){this.focusedItemId=t}focusComboboxItem(t){this.checkboxes.forEach((function(t){t.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus()}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((e=>{t.push(Object.assign({},e))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase());const s=i+t.length;const o=e.name.substring(0,i)+"<strong>"+e.name.substring(i,s)+"</strong>"+e.name.substring(s,e.name.length);e.name=o;return i>=0}))}checkAll(t=true){this.itemsList=this.itemsList.map((e=>Object.assign(Object.assign({},e),{checked:t})));this.resetRenderItemsList();this.emitComboboxChange()}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(){return{role:"combobox","aria-label":this.label,"aria-expanded":this.isopen?"true":"false","aria-activedescendant":this.isopen?this.focusedItemId:"","aria-controls":`${this.inputid}_list`}}renderHeader(){return i("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{this.handleHeaderKeyboardEvent(t)},onKeyUp:t=>d(t,this.toggleComboBox),role:"button",tabindex:0,"aria-expanded":this.isopen?"true":"false"},i("p",{class:"body-3"},this.label,i("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),i("z-icon",{name:"caret-down",class:this.size}))}renderContent(){if(!this.isopen){return}return i("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),!this.hassearch?i("span",Object.assign({},this.getComboboxA11yAttributes())):null,i("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":true,id:`${this.inputid}_list`,"aria-owns":`${this.checkboxes.map((t=>t.id)).join(" ")}`},this.hascheckall&&this.renderCheckAll(),this.renderItems()))}renderItems(){return i("div",{class:this.searchValue&&"search"},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderItem(t,e,s){return i("z-list-element",{id:t.id,htmlTabindex:null,dividerType:e!==s-1?h.ELEMENT:h.NONE,size:this.getControlToListSize()},i("z-input",{type:o.CHECKBOX,checked:t.checked,htmlid:this.getItemId(t),label:t.name,class:this.getCheckboxClass(),disabled:!t.checked&&this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems,size:this.size===r.X_SMALL?r.SMALL:this.size,role:"option","aria-selected":t.checked?"true":"false",onKeyDown:e=>this.handleSelectArrowsNavigation(e,this.getItemId(t)),onInputCheck:e=>{this.itemsList=this.itemsList.map((i=>{if(t.id===i.id){i.checked=e.detail.checked}return i}));this.updateRenderItemsList();this.emitComboboxChange()},onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return i("ul",{role:"none"},t.map(((e,i)=>this.renderItem(e,i,t.length))))}renderGroups(t){const e=t.reduce(((e,i,s)=>{var o;const{category:r}=i;const a=this.renderItem(i,s,t.length);e[r]=(o=e[r])!==null&&o!==void 0?o:[];e[r].push(a);return e}),{});const s=Object.entries(e).map((([t,e])=>i("z-list-group",{"divider-type":h.ELEMENT},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),e.map((t=>t)))));return i("ul",{role:"none"},s)}renderNoSearchResults(){return i("div",{class:"no-results"},i("z-icon",{name:"multiply-circle"}),i("span",null,this.noresultslabel))}renderCloseButton(){return i("div",{class:"close-search"},i("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>d(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){return i("z-input",Object.assign({htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"aria-autocomplete":"list"},this.getComboboxA11yAttributes(),{onKeyUp:t=>{if(t.key===n.ESC){this.closeFilterItems()}},onInputChange:t=>{this.searchValue=t.detail.value}}))}renderCheckAll(){if(this.searchValue){return}const t=`combo-checkbox-${this.inputid}-check-all`;const e=this.selectedCounter===this.itemsList.length;return i("div",{class:"check-all-wrapper"},i("z-input",{type:o.CHECKBOX,checked:e,htmlid:t,class:this.getCheckboxClass(),label:e?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===r.X_SMALL?r.SMALL:this.size,role:"option","aria-selected":e?"true":"false",onKeyDown:e=>this.handleSelectArrowsNavigation(e,t),onInputCheck:t=>this.checkAll(t.detail.checked),onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}render(){return i("div",{key:"5f5a261815a1e041fe8958fdd5444b7b0a49845b","data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}get element(){return s(this)}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"],checkboxes:["watchCheckboxes"]}}};u.style=p;export{u as z_combobox};
-//# sourceMappingURL=p-c6b7c8e4.entry.js.map
+import{r as t,c as e,h as i,g as s}from"./p-75c4a726.js";import{I as o,e as r,i as a,g as n,l as h}from"./p-137c2618.js";import{r as l,d}from"./p-8c322c9a.js";import"./p-5145a606.js";const c='.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}:host{display:block;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>p.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 3px;margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';const p=c;const u=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((t=>t.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}watchCheckboxes(){this.checkboxes.forEach(((t,e)=>t.setAttribute("tabindex",e===0?"0":"-1")))}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.itemsList=[];this.inputType=o.TEXT;this.inputid=`combo-${l()}`;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.closesearchtext="Chiudi";this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=r.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.focusedItemId=undefined;this.checkboxes=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length}componentDidRender(){const t=this.getAllCheckboxes();if(JSON.stringify(t)!==JSON.stringify(this.checkboxes)){this.checkboxes=t}}getItemId(t){return`combo-checkbox-${this.inputid}-${t.id}`}getCheckboxClass(){return`combo-item-checkbox-input-${this.inputid}`}getAllCheckboxes(){return Array.from(this.element.shadowRoot.querySelectorAll(`.${this.getCheckboxClass()} input:not([disabled])`))}getControlToListSize(){switch(this.size){case r.X_SMALL:return a.SMALL;case r.SMALL:return a.MEDIUM;default:return a.LARGE}}handleSelectArrowsNavigation(t,e){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.key)||!this.isopen){return}t.preventDefault();t.stopPropagation();const i=this.element.shadowRoot.querySelector(`#${e}`);if(!i){return}const s=this.checkboxes;if(!s.length){return}const o=s.indexOf(i);const r=0;const a=s.length-1;let h=null;if(t.key===n.ARROW_DOWN){h=o===a?s[r]:s[o+1]}else if(t.key===n.ARROW_UP){h=o===r?s[a]:s[o-1]}this.focusComboboxItem(h)}handleHeaderKeyboardEvent(t){if(t.key===n.SPACE){t.preventDefault()}if(t.key===n.ARROW_DOWN&&!this.isopen||t.key===n.ARROW_UP&&this.isopen){this.toggleComboBox()}}handleCheckboxFocus(t){this.focusedItemId=t}focusComboboxItem(t){this.checkboxes.forEach((function(t){t.setAttribute("tabindex","-1")}));t.setAttribute("tabindex","0");t.focus()}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((e=>{t.push(Object.assign({},e))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase());const s=i+t.length;const o=e.name.substring(0,i)+"<strong>"+e.name.substring(i,s)+"</strong>"+e.name.substring(s,e.name.length);e.name=o;return i>=0}))}checkAll(t=true){this.itemsList=this.itemsList.map((e=>Object.assign(Object.assign({},e),{checked:t})));this.resetRenderItemsList();this.emitComboboxChange()}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getComboboxA11yAttributes(){return{role:"combobox","aria-label":this.label,"aria-expanded":this.isopen?"true":"false","aria-activedescendant":this.isopen?this.focusedItemId:"","aria-controls":`${this.inputid}_list`}}renderHeader(){return i("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{this.handleHeaderKeyboardEvent(t)},onKeyUp:t=>d(t,this.toggleComboBox),role:"button",tabindex:0,"aria-expanded":this.isopen?"true":"false"},i("p",{class:"body-3"},this.label,i("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),i("z-icon",{name:"caret-down",class:this.size}))}renderContent(){if(!this.isopen){return}return i("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),!this.hassearch?i("span",Object.assign({},this.getComboboxA11yAttributes())):null,i("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":true,id:`${this.inputid}_list`,"aria-owns":`${this.checkboxes.map((t=>t.id)).join(" ")}`},this.hascheckall&&this.renderCheckAll(),this.renderItems()))}renderItems(){return i("div",{class:this.searchValue&&"search"},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderItem(t,e,s){return i("z-list-element",{id:t.id,htmlTabindex:null,dividerType:e!==s-1?h.ELEMENT:h.NONE,size:this.getControlToListSize()},i("z-input",{type:o.CHECKBOX,checked:t.checked,htmlid:this.getItemId(t),label:t.name,class:this.getCheckboxClass(),disabled:!t.checked&&this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems,size:this.size===r.X_SMALL?r.SMALL:this.size,role:"option","aria-selected":t.checked?"true":"false",onKeyDown:e=>this.handleSelectArrowsNavigation(e,this.getItemId(t)),onInputCheck:e=>{this.itemsList=this.itemsList.map((i=>{if(t.id===i.id){i.checked=e.detail.checked}return i}));this.updateRenderItemsList();this.emitComboboxChange()},onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return i("ul",{role:"none"},t.map(((e,i)=>this.renderItem(e,i,t.length))))}renderGroups(t){const e=t.reduce(((e,i,s)=>{var o;const{category:r}=i;const a=this.renderItem(i,s,t.length);e[r]=(o=e[r])!==null&&o!==void 0?o:[];e[r].push(a);return e}),{});const s=Object.entries(e).map((([t,e])=>i("z-list-group",{"divider-type":h.ELEMENT},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},t),e.map((t=>t)))));return i("ul",{role:"none"},s)}renderNoSearchResults(){return i("div",{class:"no-results"},i("z-icon",{name:"multiply-circle"}),i("span",null,this.noresultslabel))}renderCloseButton(){return i("div",{class:"close-search"},i("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>d(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){return i("z-input",Object.assign({htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"aria-autocomplete":"list"},this.getComboboxA11yAttributes(),{onKeyUp:t=>{if(t.key===n.ESC){this.closeFilterItems()}},onInputChange:t=>{this.searchValue=t.detail.value}}))}renderCheckAll(){if(this.searchValue){return}const t=`combo-checkbox-${this.inputid}-check-all`;const e=this.selectedCounter===this.itemsList.length;return i("div",{class:"check-all-wrapper"},i("z-input",{type:o.CHECKBOX,checked:e,htmlid:t,class:this.getCheckboxClass(),label:e?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===r.X_SMALL?r.SMALL:this.size,role:"option","aria-selected":e?"true":"false",onKeyDown:e=>this.handleSelectArrowsNavigation(e,t),onInputCheck:t=>this.checkAll(t.detail.checked),onInputFocus:t=>this.handleCheckboxFocus(t.detail.id)}))}render(){return i("div",{key:"5f5a261815a1e041fe8958fdd5444b7b0a49845b","data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}get element(){return s(this)}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"],checkboxes:["watchCheckboxes"]}}};u.style=p;export{u as z_combobox};
+//# sourceMappingURL=p-12a7af3b.entry.js.map

package/{www/build/p-dfcf9936.js → dist/web-components-library/p-137c2618.js}

@@ -1,2 +1,2 @@
 var t;(function(t){t["REAL"]="reale";t["VIRTUAL"]="virtuale";t["TRIAL"]="saggio";t["TEMP"]="reale_temp"})(t||(t={}));var a;(function(t){t["BORDER"]="border";t["SHADOW"]="shadow";t["OVERLAY"]="overlay";t["TEXT"]="text"})(a||(a={}));var n;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(n||(n={}));var o;(function(t){t["BIG"]="big";t["SMALL"]="small"})(o||(o={}));var r;(function(t){t["LEFT"]="ArrowLeft";t["RIGHT"]="ArrowRight";t["UP"]="ArrowUp";t["DOWN"]="ArrowDown"})(r||(r={}));var e;(function(t){t["PRIMARY"]="primary";t["SECONDARY"]="secondary";t["TERTIARY"]="tertiary"})(e||(e={}));var i;(function(t){t["SUBMIT"]="submit";t["RESET"]="reset";t["BUTTON"]="button"})(i||(i={}));var s;(function(t){t["BIG"]="big";t["SMALL"]="small";t["X_SMALL"]="x-small"})(s||(s={}));var c;(function(t){t["BIG"]="big";t["SMALL"]="small";t["X_SMALL"]="x-small"})(c||(c={}));var u;(function(t){t["TEXT"]="text";t["PASSWORD"]="password";t["NUMBER"]="number";t["EMAIL"]="email";t["TEXTAREA"]="textarea";t["CHECKBOX"]="checkbox";t["RADIO"]="radio";t["TEL"]="tel";t["URL"]="url";t["SEARCH"]="search"})(u||(u={}));var f;(function(t){t["SUCCESS"]="success";t["ERROR"]="error";t["WARNING"]="warning"})(f||(f={}));var l;(function(t){t["AUTO"]="auto";t["TOP"]="top";t["RIGHT"]="right";t["BOTTOM"]="bottom";t["LEFT"]="left";t["TOP_RIGHT"]="top_right";t["TOP_LEFT"]="top_left";t["BOTTOM_RIGHT"]="bottom_right";t["BOTTOM_LEFT"]="bottom_left";t["RIGHT_TOP"]="right_top";t["RIGHT_BOTTOM"]="right_bottom";t["LEFT_TOP"]="left_top";t["LEFT_BOTTOM"]="left_bottom"})(l||(l={}));var v;(function(t){t[t["TAB"]=9]="TAB";t[t["SPACE"]=32]="SPACE";t[t["ESC"]=27]="ESC";t[t["ENTER"]=13]="ENTER";t[t["ARROW_UP"]=38]="ARROW_UP";t[t["ARROW_DOWN"]=40]="ARROW_DOWN";t[t["BACKSPACE"]=8]="BACKSPACE";t[t["DELETE"]=46]="DELETE"})(v||(v={}));var d;(function(t){t["TAB"]="Tab";t["SPACE"]="Space";t["ESC"]="Escape";t["ENTER"]="Enter";t["ARROW_UP"]="ArrowUp";t["ARROW_DOWN"]="ArrowDown";t["BACKSPACE"]="Backspace";t["DELETE"]="Delete";t["ARROW_RIGHT"]="ArrowRight";t["ARROW_LEFT"]="ArrowLeft"})(d||(d={}));var m;(function(t){t["DARK"]="dark";t["LIGHT"]="light"})(m||(m={}));var p;(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large"})(p||(p={}));var g;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(g||(g={}));var b;(function(t){t["ASC"]="asc";t["DESC"]="desc"})(b||(b={}));var h;(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large"})(h||(h={}));var w;(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large";t["X_LARGE"]="x-large";t["NONE"]="none"})(w||(w={}));var A;(function(t){t["ACCORDION"]="accordion";t["MENU"]="menu"})(A||(A={}));var _;(function(t){t["RIGHT"]="right";t["LEFT"]="left"})(_||(_={}));var E;(function(t){t["RIGHT"]="right";t["LEFT"]="left"})(E||(E={}));var x;(function(t){t["NONE"]="none";t["HEADER"]="header";t["ELEMENT"]="element"})(x||(x={}));var k;(function(t){t["NONE"]="none";t["ORDERED"]="ordered";t["UNORDERED"]="unordered"})(k||(k={}));var T;(function(t){t["SUCCESS"]="success";t["WARNING"]="warning";t["ERROR"]="error"})(T||(T={}));var y;(function(t){t["SUCCESS"]="success";t["WARNING"]="warning";t["ERROR"]="error"})(y||(y={}));var D;(function(t){t["MOBILE"]="mobile";t["TABLET"]="tablet";t["DESKTOP"]="desktop";t["DESKTOP_WIDE"]="desktop-wide"})(D||(D={}));var R;(function(t){t["DARK"]="dark";t["LIGHT"]="light";t["ACCENT"]="accent";t["ERROR"]="error";t["SUCCESS"]="success";t["WARNING"]="warning"})(R||(R={}));var S;(function(t){t["SLIDE_IN_LEFT"]="slide-in-left";t["SLIDE_IN_RIGHT"]="slide-in-right";t["SLIDE_IN_DOWN"]="slide-in-down";t["SLIDE_IN_UP"]="slide-in-up";t["SLIDE_OUT_LEFT"]="slide-out-left";t["SLIDE_OUT_RIGHT"]="slide-out-right";t["SLIDE_OUT_DOWN"]="slide-out-down";t["SLIDE_OUT_UP"]="slide-out-up"})(S||(S={}));var C;(function(t){t["TOP_RIGHT"]="top-right";t["TOP_LEFT"]="top-left";t["TOP_CENTRE"]="top-centre";t["BOTTOM_RIGHT"]="bottom-right";t["BOTTOM_LEFT"]="bottom-left";t["BOTTOM_CENTRE"]="bottom-centre"})(C||(C={}));var O;(function(t){t["EXPANDABLE"]="expandable";t["PADDING"]="padding";t["NONE"]="none"})(O||(O={}));var B;(function(t){t["POLITE"]="polite";t["ASSERTIVE"]="assertive"})(B||(B={}));var L;(function(t){t["LEFT"]="left";t["RIGHT"]="right";t["UP"]="up"})(L||(L={}));var N;(function(t){t["OVERLAY"]="overlay";t["PUSHCONTENT"]="pushcontent"})(N||(N={}));var P;(function(t){t["DEFAULT"]="default";t["DRAGDROP"]="dragdrop"})(P||(P={}));var U;(function(t){t["DEFAULT"]="default";t["MEDIUM"]="medium";t["SMALL"]="small"})(U||(U={}));var W;(function(t){t["BEFORE"]="before";t["AFTER"]="after"})(W||(W={}));var z;(function(t){t["DATE"]="date";t["DATE_TIME"]="date-time";t["MONTHS"]="months"})(z||(z={}));var M;(function(t){t[t["DATE"]=401]="DATE";t[t["DATE_TIME"]=523]="DATE_TIME";t[t["MONTHS"]=288]="MONTHS"})(M||(M={}));var H;(function(t){t["TOP"]="top";t["BOTTOM"]="bottom"})(H||(H={}));var I;(function(t){t["DATE"]="date";t["DATE_TIME"]="date-time"})(I||(I={}));var K;(function(t){t["TOP_RIGHT"]="top_right";t["TOP_LEFT"]="top_left";t["BOTTOM_RIGHT"]="bottom_right";t["BOTTOM_LEFT"]="bottom_left"})(K||(K={}));var j;(function(t){t["OVERLAY"]="overlay";t["STACKED"]="stacked"})(j||(j={}));var q;(function(t){t["TOP"]="top";t["BOTTOM"]="bottom"})(q||(q={}));var F;(function(t){t["OVER"]="over";t["BOTTOM"]="bottom"})(F||(F={}));var G;(function(t){t["DOTS"]="dots";t["NUMBERS"]="numbers"})(G||(G={}));var J;(function(t){t["SEMIBOLD"]="semibold";t["UNDERLINED"]="underlined"})(J||(J={}));var Q;(function(t){t["TEXT"]="text";t["ICON"]="icon"})(Q||(Q={}));var V;(function(t){t["HOVER"]="hover";t["ALWAYS"]="always"})(V||(V={}));var X;(function(t){t["LANDSCAPE"]="landscape";t["PORTRAIT"]="portrait"})(X||(X={}));var Y;(function(t){t["EXPANDED"]="expanded";t["COMPACT"]="compact";t["SEARCH"]="search"})(Y||(Y={}));var Z;(function(t){t["DEFAULT"]="default";t["BACKGROUND"]="background"})(Z||(Z={}));export{h as A,e as B,a as C,p as D,A as E,H as F,I as G,K as H,u as I,j as J,v as K,t as L,q as M,n as N,N as O,l as P,F as Q,G as R,b as S,m as T,J as U,Q as V,V as W,X,Y,O as Z,Z as _,o as a,r as b,i as c,s as d,c as e,f,d as g,g as h,w as i,_ as j,E as k,x as l,k as m,T as n,y as o,D as p,R as q,S as r,C as s,B as t,L as u,P as v,U as w,W as x,z as y,M as z};
-//# sourceMappingURL=p-dfcf9936.js.map
+//# sourceMappingURL=p-137c2618.js.map