@zanichelli/albe-web-components 19.1.3 → 19.2.0

package/dist/web-components-library/p-816fd6dc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,a as o,g as a}from"./p-75c4a726.js";const s=':host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-primary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot="item"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot="item"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"][active]){color:var(--color-primary01);font-weight:var(--font-bd)}';const l=s;const n=class{constructor(i){t(this,i);this.opened=e(this,"opened",7);this.closed=e(this,"closed",7);this.active=undefined;this.open=undefined;this.hasContent=undefined}toggle(){if(!this.hasContent){return}this.open=!this.open;this.open?this.opened.emit():this.closed.emit()}handleClick(t){if(!this.open||this.hostElement.contains(t.target)){return}this.open=false;this.closed.emit()}checkContent(){this.hasContent=this.hostElement.querySelectorAll('[slot="item"]').length>0}onLabelSlotChange(t){const e=t.target.assignedElements()[0];e.dataset.text=(e===null||e===void 0?void 0:e.innerText)||null}componentWillLoad(){this.checkContent()}render(){return i(o,{key:"cb55ccb8c7327254eabaab573f6fb0a5ae2ac361",role:"menu",open:this.open},i("button",{key:"5065f38502c4bb0167bb7332e0e8ba0dd36541df",class:"label","aria-pressed":this.open?"true":"false",onClick:this.toggle.bind(this)},i("slot",{key:"67a5082482b73f27f8244f730ac88da14d4db6c4",onSlotchange:this.onLabelSlotChange.bind(this)}),this.hasContent&&i("z-icon",{key:"b513a5c76223e7a83162cc3b28434c53124b135c",name:this.open?"chevron-up":"chevron-down"})),this.open&&i("div",{key:"4f43962d01e60cea802f06413acae360ead32aa0",class:"items"},i("slot",{key:"020f1235a37a99e274e9f4d611153f4915c9cd41",name:"item",onSlotchange:this.checkContent.bind(this)})))}get hostElement(){return a(this)}};n.style=l;export{n as z_menu_section_deprecated};
-//# sourceMappingURL=p-816fd6dc.entry.js.map

package/dist/web-components-library/p-9e3da0b7.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_thead}from"./p-d7f12672.js";import"./p-75c4a726.js";
-//# sourceMappingURL=p-9e3da0b7.entry.js.map

package/dist/web-components-library/p-af5e8524.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as i}from"./p-75c4a726.js";const n="ul{padding:0;margin:0}";const a=n;const s=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"8180625a6fea4c9e381f4d05d31bd27ab75b0f8c"},this.list&&this.list.map(((n,a)=>i("z-myz-list-item",{listitemid:n.listitemid,text:n.text,link:n.link,linktarget:n.linktarget,icon:n.icon,underlined:t!=a}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};s.style=a;export{s as z_myz_list};
-//# sourceMappingURL=p-af5e8524.entry.js.map

package/dist/web-components-library/p-d2035d26.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_tr}from"./p-030257b3.js";import"./p-75c4a726.js";import"./p-e6778114.js";import"./p-17af7fb2.js";import"./p-5145a606.js";import"./p-f19f12b1.js";import"./p-748fa3ae.js";
-//# sourceMappingURL=p-d2035d26.entry.js.map

package/dist/web-components-library/p-d75f8bbb.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_tfoot}from"./p-4c9bf42d.js";import"./p-75c4a726.js";
-//# sourceMappingURL=p-d75f8bbb.entry.js.map

package/dist/web-components-library/p-d90d2698.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_th}from"./p-748fa3ae.js";import"./p-75c4a726.js";import"./p-17af7fb2.js";
-//# sourceMappingURL=p-d90d2698.entry.js.map

package/dist/web-components-library/p-deb7f8d7.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as r,a as t}from"./p-75c4a726.js";import{t as e}from"./p-17af7fb2.js";const s=class{constructor(r){a(this,r);this.mode=e.POLITE}render(){return r(t,{key:"693653c1398e02b138174066573558fac0d35ba2","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},r("slot",{key:"4dd3b545e9ae838a0fd8ce56b0c37f68a013d199"}))}};export{s as z_aria_alert};
-//# sourceMappingURL=p-deb7f8d7.entry.js.map

package/dist/web-components-library/p-e5407cc1.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_td}from"./p-f19f12b1.js";import"./p-75c4a726.js";import"./p-17af7fb2.js";
-//# sourceMappingURL=p-e5407cc1.entry.js.map

package/dist/web-components-library/p-e6778114.js

@@ -1,2 +0,0 @@
-import{g as t,p as e}from"./p-17af7fb2.js";import{B as n}from"./p-5145a606.js";function r(t){switch(t){case true:case"true":case 1:case"1":case"on":case"yes":return true;case false:case"false":case 0:case"0":case"off":case"no":return false;default:return t}}function a(){return Math.random().toString(36).replace("0.","")}function s(e,n,...r){if(e.code===t.ENTER||e.code===t.SPACE){e.preventDefault();n(...r)}}function c(e,n,...r){if(e.code===t.ENTER){e.preventDefault();n(...r)}}function i(t=null){if(!t){t=document.activeElement}if(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement;return i(t)}return t}function o(t,e=[]){e.push(t);if(t.parentElement){t=t.parentElement;return o(t,e)}else if(t.parentNode&&t.parentNode.host){t=t.parentNode.host;return o(t,e)}return e}function u(){switch(true){case window.innerWidth<=n.MOBILE:return e.MOBILE;case window.innerWidth<=n.TABLET:return e.TABLET;case window.innerWidth<=n.DESKTOP:return e.DESKTOP;default:return e.DESKTOP_WIDE}}function f(t){try{return JSON.parse(t)}catch(t){return false}}function l(t){const e="avatar-C";const n=19;const r=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let a=Math.ceil(n*(r%1));if(a===0){a=1}return`${e}${a.toString().padStart(2,"0")}`}function w(t,e){var n;return t.contains(e)||!!((n=t.shadowRoot)===null||n===void 0?void 0:n.contains(e))}function d(t){if(t.parentNode===t.shadowRoot){return t.shadowRoot.host}if(t.parentNode instanceof ShadowRoot){return t.parentNode.host}return t.parentElement}function h(t,e){const n=t.getBoundingClientRect();const r=t.ownerDocument.documentElement.clientWidth;const a=t.ownerDocument.documentElement.clientHeight;const s=n.bottom>0&&n.top<a&&n.right>0&&n.left<r;if(e===t.ownerDocument.documentElement||e===t.ownerDocument.body){return s}const c=e.getBoundingClientRect();const i=n.bottom>c.top&&n.top<c.bottom&&n.right>c.left&&n.left<c.right;return i&&s}function b(t){let e=d(t);const n=window.getComputedStyle(t).position;while(e&&e!==t.ownerDocument.documentElement){const t=window.getComputedStyle(e);switch(n){case"fixed":{const n=["filter","transform","translate","perspective","scale","rotate","backdrop-filter"];if(n.some((e=>t.getPropertyValue(e)!=="none"))||n.some((e=>t.getPropertyValue("will-change").includes(e)))){return e}break}case"absolute":if(t.position!=="static"){return e}break;case"relative":case"sticky":case"static":{const t=window.getComputedStyle(e).display;if(t==="block"||t==="flex"||t==="grid"||t==="table"||t==="flow-root"||t==="inline-block"||t==="inline-flex"||t==="inline-grid"){return e}break}}e=d(e)}return t.ownerDocument.documentElement}export{w as a,r as b,l as c,s as d,o as e,i as f,u as g,c as h,f as i,d as j,b as k,h as l,a as r};
-//# sourceMappingURL=p-e6778114.js.map

package/dist/web-components-library/p-e6778114.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["boolean","value","randomId","Math","random","toString","replace","handleKeyboardSubmit","ev","callback","args","code","KeyboardCode","ENTER","SPACE","preventDefault","handleEnterKeydSubmit","getClickedElement","elem","document","activeElement","shadowRoot","getElementTree","tree","push","parentElement","parentNode","host","getDevice","window","innerWidth","Breakpoints","MOBILE","Device","TABLET","DESKTOP","DESKTOP_WIDE","convertJson","data","JSON","parse","_a","colorFromId","id","prefix","colorsCount","seed","ceil","parseFloat","color","padStart","containsElement","ancestor","descendant","contains","getParentElement","element","ShadowRoot","isElementVisibleInContainer","container","elemRect","getBoundingClientRect","documentWidth","ownerDocument","documentElement","clientWidth","documentHeight","clientHeight","isVisibleInViewport","bottom","top","right","left","body","containerRect","isVisibleInContainer","findContainingBlockAncestor","parent","elementPosition","getComputedStyle","position","parentStyle","affectingProperties","some","property","getPropertyValue","includes","display"],"sources":["src/utils/utils.ts"],"sourcesContent":["import {ChildNode} from \"@stencil/core\";\nimport {Device, KeyboardCode} from \"../beans/index\";\nimport {Breakpoints} from \"../constants/breakpoints\";\n\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value: string | number | boolean): boolean | string | number {\n  switch (value) {\n    case true:\n    case \"true\":\n    case 1:\n    case \"1\":\n    case \"on\":\n    case \"yes\":\n      return true;\n    case false:\n    case \"false\":\n    case 0:\n    case \"0\":\n    case \"off\":\n    case \"no\":\n      return false;\n    default:\n      return value;\n  }\n}\n\nexport function retrieveAsset(assetName: string): string {\n  return assetName && \"assets/images/png/\" + assetName;\n}\n\nexport function randomId(): string {\n  return Math.random().toString(36).replace(\"0.\", \"\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\nexport function getClickedElement(elem: null | Element = null): null | Element {\n  if (!elem) {\n    elem = document.activeElement;\n  }\n\n  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n    elem = elem.shadowRoot.activeElement;\n\n    return getClickedElement(elem);\n  }\n\n  return elem;\n}\n\nexport function getElementTree(elem: Element, tree: Element[] = []): null | Element[] {\n  tree.push(elem);\n\n  if (elem.parentElement) {\n    elem = elem.parentElement;\n\n    return getElementTree(elem, tree);\n  } else if (elem.parentNode && (elem.parentNode as ShadowRoot).host) {\n    elem = (elem.parentNode as ShadowRoot).host;\n\n    return getElementTree(elem, tree);\n  }\n\n  return tree;\n}\n\nexport function getSiblings(elem: HTMLElement): ChildNode[] {\n  const siblings = [];\n  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n    return siblings;\n  }\n\n  elem.parentNode.childNodes.forEach((child) => {\n    if (child.nodeType === 1 && child !== elem) {\n      siblings.push(child);\n    }\n  });\n\n  return siblings;\n}\n\n/**\n * Get the current device type based on the window width.\n * @returns {Device} - The current device type\n */\nexport function getDevice(): Device {\n  switch (true) {\n    case window.innerWidth <= Breakpoints.MOBILE:\n      return Device.MOBILE;\n    case window.innerWidth <= Breakpoints.TABLET:\n      return Device.TABLET;\n    case window.innerWidth <= Breakpoints.DESKTOP:\n      return Device.DESKTOP;\n    default:\n      return Device.DESKTOP_WIDE;\n  }\n}\n\ntype JSONValue = string | number | boolean | JSONObject | JSONArray;\ninterface JSONObject {\n  [x: string]: JSONValue;\n}\ntype JSONArray = JSONValue[];\n\nexport function convertJson(data: string): JSONValue {\n  try {\n    return JSON.parse(data);\n  } catch {\n    return false;\n  }\n}\n\nexport function colorFromId(id: number): string {\n  const prefix = \"avatar-C\"; // prefix for color vars name\n  const colorsCount = 19; // available colors\n  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n  let color = Math.ceil(colorsCount * (seed % 1));\n\n  // if result of mc is 0\n  // es.: 3895229\n  if (color === 0) {\n    color = 1;\n  }\n\n  return `${prefix}${color.toString().padStart(2, \"0\")}`;\n}\n\n/**\n * Check if the passed CSS selector is valid.\n * @param selector CSS selector to validate\n */\nexport function isSelectorValid(selector: string): boolean {\n  try {\n    document.createDocumentFragment().querySelector(selector);\n\n    return true;\n  } catch {\n    return false;\n  }\n}\n\n/**\n * Check if an element contains another element, checking both light and shadow DOM.\n * @param ancestor Ancestor element\n * @param descendant Descendant element\n */\nexport function containsElement(ancestor: HTMLElement, descendant: Node): boolean {\n  return ancestor.contains(descendant) || !!ancestor.shadowRoot?.contains(descendant);\n}\n\n/** Get the parent of passed element, accounting for shadow DOM.\n * @param element The element whose parent is to be found.\n */\nexport function getParentElement(element: Element): Element {\n  if (element.parentNode === element.shadowRoot) {\n    return element.shadowRoot.host;\n  }\n\n  if (element.parentNode instanceof ShadowRoot) {\n    return element.parentNode.host;\n  }\n\n  return element.parentElement;\n}\n\n/**\n * Check if the `element` is visible within the `container` or in the viewport.\n * @param element The element to check.\n * @param container The container to check against, which must be the nearest scrollable ancestor.\n */\nexport function isElementVisibleInContainer(element: HTMLElement, container: HTMLElement): boolean {\n  const elemRect = element.getBoundingClientRect();\n  const documentWidth = element.ownerDocument.documentElement.clientWidth;\n  const documentHeight = element.ownerDocument.documentElement.clientHeight;\n\n  // Check if element is visible in viewport\n  const isVisibleInViewport =\n    elemRect.bottom > 0 && elemRect.top < documentHeight && elemRect.right > 0 && elemRect.left < documentWidth;\n\n  // If container is the document element, only check viewport visibility\n  if (container === element.ownerDocument.documentElement || container === element.ownerDocument.body) {\n    return isVisibleInViewport;\n  }\n\n  // For other containers, check both container and viewport visibility\n  const containerRect = container.getBoundingClientRect();\n  const isVisibleInContainer =\n    elemRect.bottom > containerRect.top &&\n    elemRect.top < containerRect.bottom &&\n    elemRect.right > containerRect.left &&\n    elemRect.left < containerRect.right;\n\n  return isVisibleInContainer && isVisibleInViewport;\n}\n\n/**\n * Find the nearest containing block ancestor of an element.\n * The containing block is determined based on the element's `position` value:\n * - `static`, `sticky` or `relative`: nearest block container or root\n * - `absolute`: nearest ancestor with `position` != `static`\n * - `fixed`: nearest ancestor with properties that create a containing block (`transform`, `filter`, `will-change`, `backdrop-filter`, `perspective`, etc.).\n * An ancestor with these properties will create a containing block for fixed positioned elements, making them behave like absolute positioned elements relative to that ancestor.\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block#identifying_the_containing_block\n * @param element The element for which to find the containing block\n * @returns The containing block element if any, or the `documentElement`\n */\nexport function findContainingBlockAncestor(element: HTMLElement): HTMLElement {\n  let parent = getParentElement(element);\n  const elementPosition = window.getComputedStyle(element).position;\n  while (parent && parent !== element.ownerDocument.documentElement) {\n    const parentStyle = window.getComputedStyle(parent);\n\n    switch (elementPosition) {\n      case \"fixed\": {\n        const affectingProperties = [\n          \"filter\",\n          \"transform\",\n          \"translate\",\n          \"perspective\",\n          \"scale\",\n          \"rotate\",\n          \"backdrop-filter\",\n        ];\n        if (\n          affectingProperties.some((property) => parentStyle.getPropertyValue(property) !== \"none\") ||\n          affectingProperties.some((property) => parentStyle.getPropertyValue(\"will-change\").includes(property))\n        ) {\n          return parent as HTMLElement;\n        }\n        break;\n      }\n      case \"absolute\":\n        if (parentStyle.position !== \"static\") {\n          return parent as HTMLElement;\n        }\n        break;\n      // Handle position: static, relative, sticky (they all look for the nearest block container or root)\n      case \"relative\":\n      case \"sticky\":\n      case \"static\": {\n        const display = window.getComputedStyle(parent).display;\n\n        // Block containers: block, flex, grid, table, flow-root\n        if (\n          display === \"block\" ||\n          display === \"flex\" ||\n          display === \"grid\" ||\n          display === \"table\" ||\n          display === \"flow-root\" ||\n          display === \"inline-block\" ||\n          display === \"inline-flex\" ||\n          display === \"inline-grid\"\n        ) {\n          return parent as HTMLElement;\n        }\n\n        break;\n      }\n    }\n\n    parent = getParentElement(parent);\n  }\n\n  return element.ownerDocument.documentElement;\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-030257b3.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,a,g as r}from"./p-75c4a726.js";import{r as n}from"./p-e6778114.js";import"./p-f19f12b1.js";import"./p-748fa3ae.js";const s=":host{position:relative;display:grid;width:100%;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));--columns:1}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}:host(:hover) ::slotted(z-td),:host(:hover) ::slotted(z-th){border-top:var(--border-size-small) solid var(--color-surface04);border-bottom:var(--border-size-small) solid var(--color-surface04);background-color:var(--color-surface02)}:host(:focus){position:relative;z-index:20;box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}.z-tr--focus-overlay{position:absolute;z-index:30;right:0;left:0;width:100%;border-radius:4px;box-shadow:none;inset:0;outline:none;pointer-events:none;transition:box-shadow 0.2s}:host(:focus) .z-tr--focus-overlay{box-shadow:0 0 0 2px var(--shadow-focus-primary),\n    var(--shadow-focus-primary);outline:none}:host(:focus) ::slotted(*){border-bottom:none}:host(:focus) .z-tr--expand-button-container{border-bottom:none}";const i=s;const d=class{constructor(e){t(this,e);this.expand=o(this,"expand",7);this.expandable=false;this.expanded=false;this.expandableContentId=undefined}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){t.pop()}const o=t.map((t=>t.colspan||1)).reduce(((t,o)=>t+o),0);this.host.style.setProperty("--columns",`${o}`);if(this.expandable){const o=t.pop();o.id=o.id||`z-tr-expandable-content-${n()}`;this.expandableContentId=o.id}}onRowClick(t){const o=t.target.closest(".prevent-expand");if(!this.expandable||o){return}this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}onKeyDown(t){if(!this.expandable){return}const o=document.activeElement;if(o!==this.host){return}if(t.key==="Enter"||t.key===" "){t.preventDefault();this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}}componentWillLoad(){this.updateColumns()}render(){return e(a,{key:"5a8cbf39900a7569b0fb31d225be6fade59c82ea",role:"row",tabIndex:0,expanded:this.expanded,onClick:this.onRowClick.bind(this),onKeyDown:this.onKeyDown.bind(this)},e("div",{key:"75f7a74a6eda8f50d40beedbe387da74d58c276b",class:"z-tr--focus-overlay","aria-hidden":"true"}),e("div",{key:"d34b5aa1778f3d830fd80354c79cd93a9b703737",class:"z-tr--expand-button-container"},this.expandable&&e("button",{key:"fef99c968e191fe7970665b9a45721fada207db0",tabIndex:-1,"aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},e("z-icon",{key:"f1cf676da370f0c2500914decdc5f09e1e647b7f",name:this.expanded?"minus-circled":"plus-circled"}))),e("slot",{key:"cd09d8ed8cf0a33137d4d1d91ec9720227f359ba",onSlotchange:this.updateColumns.bind(this)}))}get host(){return r(this)}static get watchers(){return{expandable:["updateColumns"]}}};d.style=i;export{d as Z};
-//# sourceMappingURL=p-030257b3.js.map

package/www/build/p-1170826b.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,a as s}from"./p-75c4a726.js";const c=":host{display:block;box-sizing:border-box}";const a=c;const t=class{constructor(r){o(this,r)}render(){return r(s,{key:"c14251b56741e89faba797de5c531dc539b4561b",role:"rowgroup"},r("slot",{key:"3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0"}))}};t.style=a;export{t as Z};
-//# sourceMappingURL=p-1170826b.js.map

package/www/build/p-17af7fb2.js

@@ -1,2 +0,0 @@
-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 r;(function(t){t["BIG"]="big";t["SMALL"]="small"})(r||(r={}));var o;(function(t){t["LEFT"]="ArrowLeft";t["RIGHT"]="ArrowRight";t["UP"]="ArrowUp";t["DOWN"]="ArrowDown"})(o||(o={}));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 g;(function(t){t["SMALL"]="small";t["MEDIUM"]="medium";t["LARGE"]="large"})(g||(g={}));var p;(function(t){t["HORIZONTAL"]="horizontal";t["VERTICAL"]="vertical"})(p||(p={}));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={}));var $;(function(t){t["LEFT"]="left";t["RIGHT"]="right"})($||($={}));export{$,h as A,e as B,a as C,g 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 _,r as a,o as b,i as c,s as d,c as e,f,d as g,p 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-17af7fb2.js.map

package/www/build/p-17af7fb2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LicenseType","CardVariant","NavigationTabsOrientation","NavigationTabsSize","NavigationTabsKeyboardEvents","ButtonVariant","ButtonType","ButtonSize","ControlSize","InputType","InputStatus","PopoverPosition","KeyboardKeyCode","KeyboardCode","ThemeVariant","DividerSize","DividerOrientation","SortDirection","AvatarSize","ListSize","ExpandableListStyle","ExpandableListButtonAlign","LabelPosition","ListDividerType","ListType","NotificationType","AlertType","Device","ToastNotification","ToastNotificationTransition","ToastNotificationPosition","ZTableRowExpandedType","ZAriaAlertMode","TransitionDirection","OffCanvasVariant","ZFileUploadType","ZChipType","ZSectionTitleDividerPosition","ZDatePickerMode","ZDatePickerModeValue","ZDatePickerPosition","ZRangePickerMode","InfoRevealPosition","CoverHeroVariant","CoverHeroContentPosition","CarouselArrowsPosition","CarouselProgressMode","BreadcrumbPathStyle","BreadcrumbHomepageVariant","VisibilityCondition","BookCardVariant","BookCardDeprecatedVariant","AccordionVariant","IconPosition"],"sources":["src/beans/index.tsx"],"sourcesContent":["export type MyzLink = {\n  label: string;\n  img: string;\n  link: string;\n};\n\nexport enum LicenseType {\n  REAL = \"reale\",\n  VIRTUAL = \"virtuale\",\n  TRIAL = \"saggio\",\n  TEMP = \"reale_temp\",\n}\n\nexport type Card = {\n  id: string;\n  isbn: string;\n  volumeTitle: string;\n  operaTitle: string;\n  img: string;\n  authors: string;\n  actions: Action[];\n  isBookmark: boolean;\n  licenseType: LicenseType;\n};\n\nexport enum CardVariant {\n  BORDER = \"border\",\n  SHADOW = \"shadow\",\n  OVERLAY = \"overlay\",\n  TEXT = \"text\",\n}\n\nexport type Action = {\n  isLink: boolean;\n  value: string;\n  url?: string;\n};\n\nexport type ListItem = {\n  text: string;\n  link?: string;\n  linktarget?: string;\n  icon?: string;\n  listitemid?: string;\n};\n\nexport type FilterItem = {\n  name: string;\n  id: string;\n  isActive: boolean;\n  isfixed: boolean;\n};\n\nexport type MenuItem = {\n  id: string;\n  label: string;\n  link?: string;\n  icon?: string;\n  target?: string;\n  subMenu?: MenuItem[];\n};\n\nexport type TabItem = {\n  id: string;\n  label: string;\n  icon?: string;\n  size?: string;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\nexport enum NavigationTabsOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum NavigationTabsSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n}\n\nexport enum NavigationTabsKeyboardEvents {\n  LEFT = \"ArrowLeft\",\n  RIGHT = \"ArrowRight\",\n  UP = \"ArrowUp\",\n  DOWN = \"ArrowDown\",\n}\n\nexport type HeaderUserData = {\n  islogged: boolean;\n  id?: number;\n  name?: string;\n  usergroup: number;\n  userlinks: MenuItem[];\n};\n\nexport type ComboItem = {\n  id: string;\n  name: string;\n  checked: boolean;\n  category?: string;\n};\n\nexport enum ButtonVariant {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\",\n}\n\nexport enum ButtonType {\n  SUBMIT = \"submit\",\n  RESET = \"reset\",\n  BUTTON = \"button\",\n}\n\n/**\n * @deprecated Use ControlSize instead\n */\nexport enum ButtonSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum ControlSize {\n  BIG = \"big\",\n  SMALL = \"small\",\n  X_SMALL = \"x-small\",\n}\n\nexport enum InputType {\n  TEXT = \"text\",\n  PASSWORD = \"password\",\n  NUMBER = \"number\",\n  EMAIL = \"email\",\n  TEXTAREA = \"textarea\",\n  CHECKBOX = \"checkbox\",\n  RADIO = \"radio\",\n  TEL = \"tel\",\n  URL = \"url\",\n  SEARCH = \"search\",\n}\n\nexport enum InputStatus {\n  SUCCESS = \"success\",\n  ERROR = \"error\",\n  WARNING = \"warning\",\n}\n\nexport enum PopoverPosition {\n  /** @deprecated This value is not needed anymore as the popover will always try to position itself automatically based on available space.\n   *\n   * Passing `AUTO` is the same as not passing any position value.\n   * Use any of the other values to explicitly set the preferred position of the popover.\n   */\n  AUTO = \"auto\",\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\",\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n  RIGHT_TOP = \"right_top\",\n  RIGHT_BOTTOM = \"right_bottom\",\n  LEFT_TOP = \"left_top\",\n  LEFT_BOTTOM = \"left_bottom\",\n}\n\nexport enum KeyboardKeyCode {\n  TAB = 9,\n  SPACE = 32,\n  ESC = 27,\n  ENTER = 13,\n  ARROW_UP = 38,\n  ARROW_DOWN = 40,\n  BACKSPACE = 8,\n  DELETE = 46,\n}\n\nexport enum KeyboardCode {\n  TAB = \"Tab\",\n  SPACE = \"Space\",\n  ESC = \"Escape\",\n  ENTER = \"Enter\",\n  ARROW_UP = \"ArrowUp\",\n  ARROW_DOWN = \"ArrowDown\",\n  BACKSPACE = \"Backspace\",\n  DELETE = \"Delete\",\n  ARROW_RIGHT = \"ArrowRight\",\n  ARROW_LEFT = \"ArrowLeft\",\n}\n\nexport type SelectItem = {\n  id: string;\n  name: string;\n  selected: boolean;\n  icon?: string;\n  disabled?: boolean;\n  category?: string;\n  children?: SelectItem[];\n};\n\nexport enum ThemeVariant {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\nexport enum DividerSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum DividerOrientation {\n  HORIZONTAL = \"horizontal\",\n  VERTICAL = \"vertical\",\n}\n\nexport enum SortDirection {\n  ASC = \"asc\",\n  DESC = \"desc\",\n}\n\nexport enum AvatarSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n}\n\nexport enum ListSize {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  X_LARGE = \"x-large\",\n  NONE = \"none\",\n}\n\nexport enum ExpandableListStyle {\n  ACCORDION = \"accordion\",\n  MENU = \"menu\",\n}\n\nexport enum ExpandableListButtonAlign {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum LabelPosition {\n  RIGHT = \"right\",\n  LEFT = \"left\",\n}\n\nexport enum ListDividerType {\n  NONE = \"none\",\n  HEADER = \"header\",\n  ELEMENT = \"element\",\n}\n\nexport enum ListType {\n  NONE = \"none\",\n  ORDERED = \"ordered\",\n  UNORDERED = \"unordered\",\n}\n\nexport enum NotificationType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum AlertType {\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  ERROR = \"error\",\n}\n\nexport enum Device {\n  MOBILE = \"mobile\",\n  TABLET = \"tablet\",\n  DESKTOP = \"desktop\",\n  DESKTOP_WIDE = \"desktop-wide\",\n}\n\nexport type DictionaryData = {\n  author: string;\n  year: string;\n  title: string;\n  description: string;\n  onlineLicense: DictionaryLicenseData;\n  offlineLicense: DictionaryLicenseData;\n};\n\nexport type DictionaryLicenseData = {\n  expiration: string;\n  expired: boolean;\n  expiring: boolean;\n  installations: string;\n};\n\nexport enum ToastNotification {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n  ACCENT = \"accent\",\n  ERROR = \"error\",\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n}\n\nexport enum ToastNotificationTransition {\n  SLIDE_IN_LEFT = \"slide-in-left\",\n  SLIDE_IN_RIGHT = \"slide-in-right\",\n  SLIDE_IN_DOWN = \"slide-in-down\",\n  SLIDE_IN_UP = \"slide-in-up\",\n  SLIDE_OUT_LEFT = \"slide-out-left\",\n  SLIDE_OUT_RIGHT = \"slide-out-right\",\n  SLIDE_OUT_DOWN = \"slide-out-down\",\n  SLIDE_OUT_UP = \"slide-out-up\",\n}\n\nexport enum ToastNotificationPosition {\n  TOP_RIGHT = \"top-right\",\n  TOP_LEFT = \"top-left\",\n  TOP_CENTRE = \"top-centre\",\n  BOTTOM_RIGHT = \"bottom-right\",\n  BOTTOM_LEFT = \"bottom-left\",\n  BOTTOM_CENTRE = \"bottom-centre\",\n}\n\nexport enum ZTableRowExpandedType {\n  EXPANDABLE = \"expandable\",\n  PADDING = \"padding\",\n  NONE = \"none\",\n}\n\nexport enum ZAriaAlertMode {\n  POLITE = \"polite\",\n  ASSERTIVE = \"assertive\",\n}\n\nexport enum TransitionDirection {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n  UP = \"up\",\n}\n\nexport enum OffCanvasVariant {\n  OVERLAY = \"overlay\",\n  PUSHCONTENT = \"pushcontent\",\n}\n\nexport enum ZFileUploadType {\n  DEFAULT = \"default\",\n  DRAGDROP = \"dragdrop\",\n}\n\nexport enum ZChipType {\n  DEFAULT = \"default\",\n  MEDIUM = \"medium\",\n  SMALL = \"small\",\n}\n\nexport enum ZSectionTitleDividerPosition {\n  BEFORE = \"before\",\n  AFTER = \"after\",\n}\n\nexport enum ZDatePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n  MONTHS = \"months\",\n}\n\nexport enum ZDatePickerModeValue {\n  DATE = 401,\n  DATE_TIME = 523,\n  MONTHS = 288,\n}\n\nexport enum ZDatePickerPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum ZRangePickerMode {\n  DATE = \"date\",\n  DATE_TIME = \"date-time\",\n}\n\nexport type SkipToContentLink = {\n  label: string;\n  href: string;\n  ariaLabel?: string;\n};\n\nexport enum InfoRevealPosition {\n  TOP_RIGHT = \"top_right\",\n  TOP_LEFT = \"top_left\",\n  BOTTOM_RIGHT = \"bottom_right\",\n  BOTTOM_LEFT = \"bottom_left\",\n}\n\nexport enum CoverHeroVariant {\n  OVERLAY = \"overlay\",\n  STACKED = \"stacked\",\n}\n\nexport enum CoverHeroContentPosition {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselArrowsPosition {\n  OVER = \"over\",\n  BOTTOM = \"bottom\",\n}\n\nexport enum CarouselProgressMode {\n  DOTS = \"dots\",\n  NUMBERS = \"numbers\",\n}\n\nexport type SearchbarItem = {\n  label: string;\n  id?: string;\n  icon?: string;\n  tag?: {icon?: string; text: string};\n  category?: string;\n  subcategory?: string;\n  children?: Omit<SearchbarItem, \"category\" | \"subcategory\">[];\n};\n\nexport type SearchbarGroupedItem = {\n  [key: string]: SearchbarGroup;\n};\n\nexport type SearchbarGroup = {\n  items: SearchbarItem[];\n  category?: string;\n  subcategory?: string;\n};\n\nexport type BreadcrumbPath = {\n  text?: string;\n  path?: string;\n  hasTooltip?: boolean;\n};\n\nexport enum BreadcrumbPathStyle {\n  SEMIBOLD = \"semibold\",\n  UNDERLINED = \"underlined\",\n}\n\nexport enum BreadcrumbHomepageVariant {\n  TEXT = \"text\",\n  ICON = \"icon\",\n}\n\nexport enum VisibilityCondition {\n  HOVER = \"hover\",\n  ALWAYS = \"always\",\n}\n\nexport enum BookCardVariant {\n  LANDSCAPE = \"landscape\",\n  PORTRAIT = \"portrait\",\n}\n\nexport enum BookCardDeprecatedVariant {\n  EXPANDED = \"expanded\",\n  COMPACT = \"compact\",\n  SEARCH = \"search\",\n}\n\nexport enum AccordionVariant {\n  DEFAULT = \"default\",\n  BACKGROUND = \"background\",\n}\n\nexport type TreeListItem = {\n  id: string;\n  name: string;\n  url: string;\n  icon?: string;\n  bold?: boolean;\n  children?: TreeListItem[];\n};\n\nexport enum IconPosition {\n  LEFT = \"left\",\n  RIGHT = \"right\",\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-237fcaa9.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_tbody}from"./p-1170826b.js";import"./p-75c4a726.js";
-//# sourceMappingURL=p-237fcaa9.entry.js.map

package/www/build/p-334cba5d.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,a as s,g as r}from"./p-75c4a726.js";import{P as i,g as n,p as a}from"./p-17af7fb2.js";import{a as h,j as c,k as f,g as p,l}from"./p-e6778114.js";import"./p-5145a606.js";const u=':host{position:fixed;display:none;max-width:calc(100% - var(--grid-margin) * 2);max-height:calc(100% - var(--grid-margin) * 2);padding:var(--z-popover-padding, 0);background:var(--z-popover-theme--surface, var(--color-surface01));border-radius:var(--border-radius-small);color:var(--z-popover-theme--text, var(--color-default-text));fill:currentcolor;filter:var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));text-align:center;visibility:hidden;}:host([open]:not([open="false"])[current-position]){display:block}:host([center][current-position="top"]),:host([center][current-position="bottom"]){transform:translateX(-50%)}:host([center][current-position="right"]),:host([center][current-position="left"]){transform:translateY(-50%)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface, var(--color-surface01));content:"";transform:rotate(45deg)}:host([show-arrow="false"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^="top"])::before{top:var(--arrow-center-y-offset)}:host([current-position^="bottom"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position="top"])::before,:host([current-position="bottom"])::before{right:var(--arrow-edge-offset)}:host([current-position="right"])::before,:host([current-position="left"])::before{bottom:var(--arrow-edge-offset)}:host([current-position="right"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left"])::before{left:var(--arrow-center-y-offset)}:host([current-position="top_right"])::before,:host([current-position="bottom_right"])::before{right:var(--arrow-edge-offset)}:host([current-position="top_left"])::before,:host([current-position="bottom_left"])::before{left:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="left_top"])::before{top:var(--arrow-edge-offset)}:host([current-position="right_top"])::before,:host([current-position="right_bottom"])::before{right:var(--arrow-center-y-offset)}:host([current-position="left_top"])::before,:host([current-position="left_bottom"])::before{left:var(--arrow-center-y-offset)}:host([current-position="right_bottom"])::before,:host([current-position="left_bottom"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position="top"])::before,:host([center][current-position="bottom"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position="right"])::before,:host([center][current-position="left"])::before{top:var(--arrow-center-x-offset);bottom:auto}';const b=u;const d=class{constructor(e){t(this,e);this.positionChange=o(this,"positionChange",7);this.openChange=o(this,"openChange",7);this.spaceTolerance=3;this.position=i.TOP;this.open=false;this.bindTo=undefined;this.showArrow=false;this.center=false;this.closable=true;this.currentPosition=undefined}closePopoverWithKeyboard(t){if(this.closable&&t.key===n.ESC){this.open=false}}handleOutsideClick(t){const o=t.target;if(!this.closable||!this.open||h(this.host,o)){return}if(h(this.boundElement,o)){t.stopPropagation()}this.open=false}validatePosition(t){if(!Object.values(i).includes(t)||t===i.AUTO){t=i.TOP;this.position=t}this.currentPosition=t;if(this.open){this.setPosition()}}onOpen(){cancelAnimationFrame(this.animationFrameRequestId);this.openChange.emit({open:this.open});if(!this.open){Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});this.currentPosition=undefined;return}const t=()=>{if(!this.open){return}this.setPosition();this.animationFrameRequestId=requestAnimationFrame(t)};setTimeout((()=>{t()}),0)}onBindingChange(){this.findBoundElement()}get offsetModifier(){return this.center?.5:0}findBoundElement(){if(typeof this.bindTo==="string"){this.boundElement=this.host.ownerDocument.querySelector(this.bindTo)}else if(this.bindTo){this.boundElement=this.bindTo}else{this.boundElement=c(this.host);if(this.boundElement.tagName.toLowerCase()==="z-tooltip"){this.boundElement=c(this.boundElement)}}}hasCenteredHorizontalSpace(t,o,e,s){const r=(e-s)*(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return o>=r-this.spaceTolerance&&t>=r-this.spaceTolerance}hasCenteredVerticalSpace(t,o,e,s){const r=(e-s)*(1-this.offsetModifier);if(!this.center){return o>=r-this.spaceTolerance}return t>=r-this.spaceTolerance&&o>=r-this.spaceTolerance}hasEnoughSideSpace(t,o,e,s){return t>=o-e*(1-s)-this.spaceTolerance}getOptimalPopoverPosition(t,o){const e=this.host.offsetWidth;const s=this.host.offsetHeight;const r=this.boundElement.getBoundingClientRect().width;const n=this.boundElement.getBoundingClientRect().height;const a=this.offsetModifier;const h=t=>{switch(t){case i.TOP:return o.top>=s-this.spaceTolerance&&this.hasCenteredHorizontalSpace(o.left,o.right,e,r);case i.TOP_RIGHT:return o.top>=s&&this.hasEnoughSideSpace(o.right,e,r,a);case i.TOP_LEFT:return o.top>=s&&this.hasEnoughSideSpace(o.left,e,r,a);case i.RIGHT:return o.right>=e&&this.hasCenteredVerticalSpace(o.top,o.bottom,s,n);case i.RIGHT_BOTTOM:return o.right>=e&&this.hasEnoughSideSpace(o.bottom,s,n,a);case i.RIGHT_TOP:return o.right>=e&&this.hasEnoughSideSpace(o.top,s,n,a);case i.BOTTOM:return o.bottom>=s&&this.hasCenteredHorizontalSpace(o.left,o.right,e,r);case i.BOTTOM_LEFT:return o.bottom>=s&&this.hasEnoughSideSpace(o.left,e,r,a);case i.BOTTOM_RIGHT:return o.bottom>=s&&this.hasEnoughSideSpace(o.right,e,r,a);case i.LEFT:return o.left>=e&&this.hasCenteredVerticalSpace(o.top,o.bottom,s,n);case i.LEFT_TOP:return o.left>=e&&this.hasEnoughSideSpace(o.top,s,n,a);case i.LEFT_BOTTOM:return o.left>=e&&this.hasEnoughSideSpace(o.bottom,s,n,a);default:return false}};if(h(t)){return t}const c=d.positionOrder;const f=c.indexOf(t);if(f===-1){return t}for(let t=1;t<c.length;t++){const o=(f+t)%c.length;const e=c[o];if(h(e)){return e}}return this.findBestFallbackPosition(o)}findBestFallbackPosition(t){const o=t.right>=t.left?i.RIGHT:i.LEFT;const e=t.bottom>=t.top?i.BOTTOM:i.TOP;const s=Math.max(t.right,t.left);const r=Math.max(t.bottom,t.top);const n=r>=s?e:o;let a=false;if(n===e){const o=Math.min(t.right,t.left);a=s>=o*2}else{const o=Math.min(t.bottom,t.top);a=r>=o*2}if(!a){return n}const h=n===e?o:e;return`${n}_${h}`}findScrollableAncestor(t){let o=c(t);while(o){if(o===t.ownerDocument.documentElement){return o}const e=window.getComputedStyle(o);const{overflow:s,overflowX:r,overflowY:i}=e;const n=s==="hidden"||i==="hidden"||r==="hidden";const a=o.scrollHeight>o.clientHeight&&s!=="visible"&&i!=="visible"||o.scrollWidth>o.clientWidth&&s!=="visible"&&r!=="visible";if(!n&&a){return o}o=c(o)}return t.ownerDocument.documentElement}calculateAvailableSpace(){const t=this.boundElement.getBoundingClientRect();if(this.lastBoundRect&&this.lastBoundRect.x===t.x&&this.lastBoundRect.y===t.y&&this.lastBoundRect.width===t.width&&this.lastBoundRect.height===t.height&&this.cachedAvailableSpace){return this.cachedAvailableSpace}this.lastBoundRect=t;const o=this.findScrollableAncestor(this.boundElement);const e=o.getBoundingClientRect();const s=o!==this.boundElement.ownerDocument.documentElement;const r=this.boundElement.ownerDocument.documentElement.clientWidth;const i=this.boundElement.ownerDocument.documentElement.clientHeight;const n=8;const a=s?e.top:0;const h=s?r-e.right:0;const c=s?i-e.bottom:0;const f=s?e.left:0;this.cachedAvailableSpace={top:t.top-a-n,right:r-t.right-h-n,bottom:i-t.bottom-c-n,left:t.left-f-n};return this.cachedAvailableSpace}getBoundElementOffsets(){const t=this.boundElement.getBoundingClientRect();const o=this.boundElement.ownerDocument.documentElement.clientWidth;const e=this.boundElement.ownerDocument.documentElement.clientHeight;return{top:t.top,right:o-t.right,bottom:e-t.bottom,left:t.left}}computePositionOffsets(){const t=this.getBoundElementOffsets();const o=f(this.host);const e=o===this.host.ownerDocument.documentElement;if(e){return t}const s=o.getBoundingClientRect();const r=getComputedStyle(o);const i={top:s.top+parseFloat(r.borderTopWidth),right:s.right-parseFloat(r.borderRightWidth),bottom:s.bottom-parseFloat(r.borderBottomWidth),left:s.left+parseFloat(r.borderLeftWidth)};const n=this.boundElement.getBoundingClientRect();const a={top:n.top-i.top,right:i.right-n.right,bottom:i.bottom-n.bottom,left:n.left-i.left};return{top:a.top+o.scrollTop,right:a.right-o.scrollLeft,bottom:a.bottom-o.scrollTop,left:a.left+o.scrollLeft}}applyPositionStyles(t,o){const e=this.boundElement.offsetWidth;const s=this.boundElement.offsetHeight;const r=this.offsetModifier;const n=this.showArrow&&this.center?8:0;const h=this.host.style;const c=parseInt(h.getPropertyValue("--space-unit"))||8;const f=this.computePositionOffsets();const l=f.left+e*r;const u=f.right+e*r;const b=f.top+s;const d=f.bottom+s;const g=f.top+s*r;const m=f.bottom+s*r;let v;let w;switch(t){case i.TOP:case i.TOP_RIGHT:h.bottom=`${d+c}px`;h.left=`${l-(t===i.TOP_RIGHT?n:0)}px`;w=o.top-c;if(t===i.TOP_RIGHT){v=o.right+e*r}break;case i.TOP_LEFT:h.right=`${u-n}px`;h.bottom=`${d+c}px`;v=o.left+e*r;w=o.top-c;break;case i.BOTTOM:case i.BOTTOM_RIGHT:h.top=`${b+c}px`;h.left=`${l-(t===i.BOTTOM_RIGHT?n:0)}px`;w=o.bottom-c;if(t===i.BOTTOM_RIGHT){v=o.right+e*r}break;case i.BOTTOM_LEFT:h.top=`${b+c}px`;h.right=`${u-n}px`;v=o.left+e*r;w=o.bottom-c;break;case i.RIGHT:case i.RIGHT_BOTTOM:h.top=`${g-(t===i.RIGHT_BOTTOM?n:0)}px`;h.left=`${f.left+e+c}px`;v=o.right-c;if(t===i.RIGHT){w=o.top+o.bottom+s}else{w=o.bottom+s*r}break;case i.RIGHT_TOP:h.bottom=`${m-n}px`;h.left=`${f.left+e+c}px`;v=o.right-c;w=o.top+s*r;break;case i.LEFT:case i.LEFT_BOTTOM:h.top=`${g-(t===i.LEFT_BOTTOM?n:0)}px`;h.right=`${f.right+e+c}px`;v=o.left-c;if(t===i.LEFT_BOTTOM){w=o.bottom+s*r}break;case i.LEFT_TOP:h.right=`${f.right+e+c}px`;h.bottom=`${m-n}px`;v=o.left-c;w=o.top+s*r;break}if(p()!==a.MOBILE){Object.assign(h,{maxWidth:v?`${v}px`:"",maxHeight:w?`${w}px`:""})}}setPosition(){if(!this.boundElement){return}if(!l(this.boundElement,this.findScrollableAncestor(this.boundElement))){this.open=false;return}Object.assign(this.host.style,{top:"auto",right:"auto",bottom:"auto",left:"auto",maxWidth:"",maxHeight:"",visibility:"hidden"});const t=this.calculateAvailableSpace();const o=this.getOptimalPopoverPosition(this.position,t);this.applyPositionStyles(o,t);this.currentPosition=o;this.positionChange.emit({position:this.currentPosition});this.host.style.visibility="visible"}componentWillLoad(){this.validatePosition(this.position)}componentDidLoad(){this.findBoundElement();if(this.open){this.onOpen()}}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}render(){return e(s,{key:"a778d9679d27ca18fe92eab0f596a86cb904a49f","current-position":this.currentPosition},e("slot",{key:"de51304770f9f501a10ca26232448a31482da68d"}))}get host(){return r(this)}static get watchers(){return{position:["validatePosition"],open:["onOpen"],bindTo:["onBindingChange"]}}};d.positionOrder=[i.TOP,i.TOP_RIGHT,i.TOP_LEFT,i.RIGHT,i.RIGHT_BOTTOM,i.RIGHT_TOP,i.BOTTOM,i.BOTTOM_LEFT,i.BOTTOM_RIGHT,i.LEFT,i.LEFT_TOP,i.LEFT_BOTTOM];d.style=b;export{d as z_popover};
-//# sourceMappingURL=p-334cba5d.entry.js.map

package/www/build/p-334cba5d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZPopoverStyle0","ZPopover","this","spaceTolerance","PopoverPosition","TOP","closePopoverWithKeyboard","e","closable","key","KeyboardCode","ESC","open","handleOutsideClick","target","containsElement","host","boundElement","stopPropagation","validatePosition","newValue","Object","values","includes","AUTO","position","currentPosition","setPosition","onOpen","cancelAnimationFrame","animationFrameRequestId","openChange","emit","assign","style","top","right","bottom","left","maxWidth","maxHeight","visibility","undefined","updatePositionLoop","requestAnimationFrame","setTimeout","onBindingChange","findBoundElement","offsetModifier","center","bindTo","ownerDocument","querySelector","getParentElement","tagName","toLowerCase","hasCenteredHorizontalSpace","availableLeft","availableRight","hostWidth","boundElementWidth","requiredSideSpace","hasCenteredVerticalSpace","availableTop","availableBottom","hostHeight","boundElementHeight","hasEnoughSideSpace","availableSpace","hostSize","boundElementSize","getOptimalPopoverPosition","desiredPosition","offsetWidth","offsetHeight","getBoundingClientRect","width","height","fits","pos","TOP_RIGHT","TOP_LEFT","RIGHT","RIGHT_BOTTOM","RIGHT_TOP","BOTTOM","BOTTOM_LEFT","BOTTOM_RIGHT","LEFT","LEFT_TOP","LEFT_BOTTOM","positions","positionOrder","startIndex","indexOf","i","length","posIndex","findBestFallbackPosition","bestHorizontalDirection","bestVerticalDirection","maxHorizontalSpace","Math","max","maxVerticalSpace","mainDirection","needsSecondaryDirection","minHorizontalSpace","min","minVerticalSpace","secondaryDirection","findScrollableAncestor","element","parent","documentElement","window","getComputedStyle","overflow","overflowX","overflowY","hasHiddenOverflow","isScrollable","scrollHeight","clientHeight","scrollWidth","clientWidth","calculateAvailableSpace","boundElementRect","lastBoundRect","x","y","cachedAvailableSpace","scrollableAncestor","scrollableAncestorRect","isScrollableAncestorNested","documentWidth","documentHeight","safeSpace","deltaTop","deltaRight","deltaBottom","deltaLeft","getBoundElementOffsets","elementRect","computePositionOffsets","boundElementOffsets","containingBlockAncestor","findContainingBlockAncestor","isDocumentElement","containingBlockRect","containingBlockStyle","paddingBox","parseFloat","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","relativeOffsets","scrollTop","scrollLeft","applyPositionStyles","arrowModifier","showArrow","hostStyle","distanceFromBound","parseInt","getPropertyValue","positionOffsets","leftBase","rightBase","topBase","bottomBase","sideTopBase","sideBottomBase","getDevice","Device","MOBILE","isElementVisibleInContainer","positionChange","componentWillLoad","componentDidLoad","disconnectedCallback","render","h","Host"],"sources":["src/components/z-popover/styles.css?tag=z-popover&encapsulation=shadow","src/components/z-popover/index.tsx"],"sourcesContent":[":host {\n  --z-popover-theme--surface: ;\n  --z-popover-theme--text: ;\n  --z-popover-padding: ;\n  --z-popover-shadow-filter: ;\n\n  position: fixed;\n  display: none;\n  max-width: calc(100% - var(--grid-margin) * 2);\n  max-height: calc(100% - var(--grid-margin) * 2);\n  padding: var(--z-popover-padding, 0);\n  background: var(--z-popover-theme--surface, var(--color-surface01));\n  border-radius: var(--border-radius-small);\n  color: var(--z-popover-theme--text, var(--color-default-text));\n  fill: currentcolor;\n  filter: var(--z-popover-shadow-filter, drop-shadow(0 1px 2px var(--shadow-color-base)));\n  text-align: center;\n  visibility: hidden; /* hidden by default. the positioning algorithm will set it to 'visible' when needed */\n}\n\n:host([open]:not([open=\"false\"])[current-position]) {\n  display: block;\n}\n\n:host([center][current-position=\"top\"]),\n:host([center][current-position=\"bottom\"]) {\n  transform: translateX(-50%);\n}\n\n:host([center][current-position=\"right\"]),\n:host([center][current-position=\"left\"]) {\n  transform: translateY(-50%);\n}\n\n/* Arrow style */\n\n:host([current-position])::before {\n  --arrow-size: 6px;\n  --arrow-edge-offset: calc(100% - var(--space-unit) - (var(--arrow-size) / 2));\n  --arrow-center-x-offset: calc(50% - (var(--arrow-size) / 2));\n  --arrow-center-y-offset: calc(100% - (var(--arrow-size) / 2));\n\n  position: absolute;\n  display: block;\n  width: var(--arrow-size);\n  height: var(--arrow-size);\n  background: var(--z-popover-theme--surface, var(--color-surface01));\n  content: \"\";\n  transform: rotate(45deg);\n}\n\n:host([show-arrow=\"false\"])::before,\n:host(:not([show-arrow]))::before {\n  display: none;\n}\n\n:host([current-position^=\"top\"])::before {\n  top: var(--arrow-center-y-offset);\n}\n\n:host([current-position^=\"bottom\"])::before {\n  bottom: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top\"])::before,\n:host([current-position=\"bottom\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before,\n:host([current-position=\"left\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"top_right\"])::before,\n:host([current-position=\"bottom_right\"])::before {\n  right: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"top_left\"])::before,\n:host([current-position=\"bottom_left\"])::before {\n  left: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"left_top\"])::before {\n  top: var(--arrow-edge-offset);\n}\n\n:host([current-position=\"right_top\"])::before,\n:host([current-position=\"right_bottom\"])::before {\n  right: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"left_top\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  left: var(--arrow-center-y-offset);\n}\n\n:host([current-position=\"right_bottom\"])::before,\n:host([current-position=\"left_bottom\"])::before {\n  bottom: var(--arrow-edge-offset);\n}\n\n:host([center][current-position=\"top\"])::before,\n:host([center][current-position=\"bottom\"])::before {\n  right: auto;\n  left: var(--arrow-center-x-offset);\n}\n\n:host([center][current-position=\"right\"])::before,\n:host([center][current-position=\"left\"])::before {\n  top: var(--arrow-center-x-offset);\n  bottom: auto;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device, KeyboardCode, PopoverPosition} from \"../../beans\";\nimport {\n  containsElement,\n  findContainingBlockAncestor,\n  getDevice,\n  getParentElement,\n  isElementVisibleInContainer,\n} from \"../../utils/utils\";\n\n/** Centering offset modifier. 0 for no offset, 0.5 for centering. */\ntype OffsetModifier = 0 | 0.5;\ntype Offsets = {top: number; right: number; bottom: number; left: number};\n\n/**\n * Popover component.\n * This component displays a popover bound to an element.\n * It supports various positions and can automatically adjust it based on available space, accounting for scrollable containers.\n *\n * Notes:\n * - If positioning has an odd behavior, consider manually adjusting the size of the slotted elements (using `width`, `height`, `max-width`, `max-height`, etc...) when its content is \"fluid\" (like 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 the popover doesn't fits).\n *\n * @cssprop --z-popover-theme--surface - background color of the popover.\n * @cssprop --z-popover-theme--text - foreground color of the popover.\n * @cssprop --z-popover-padding - padding of the popover.\n * @cssprop --z-popover-shadow-filter - drop-shadow filter of the popover. Defaults to `drop-shadow(0 1px 2px var(--shadow-color-base))`.\n */\n@Component({\n  tag: \"z-popover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZPopover {\n  /**\n   * The preferred position to render the popover.\n   * The popover will automatically search another position if not enough space is available for the preferred position.\n   * If the preferred position is not available, it will try to find the best position starting from `TOP` and going clockwise.\n   */\n  @Prop({reflect: true, mutable: true})\n  position?: PopoverPosition = PopoverPosition.TOP;\n\n  /**\n   * The initial open state of the popover.\n   * Internal changes of this prop are emitted through the `openChange` event.\n   * Make sure to listen to that event if you need the updated state of the popover from the outside, to avoid inconsistent values.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the popover.\n   * If string css selector is provided make sure to use a valid selector.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /** Whether to show popover's arrow. */\n  @Prop({reflect: true})\n  showArrow = false;\n\n  /** Whether to center the popup on the main side (according to \"position\"). */\n  @Prop({reflect: true})\n  center = false;\n\n  /**\n   * If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\n   */\n  @Prop()\n  closable = true;\n\n  /**\n   * The current position of the popover.\n   * It differs from `position` only when calculated automatically for space reasons.\n   */\n  @State()\n  currentPosition?: PopoverPosition;\n\n  @Element() host: HTMLZPopoverElement;\n\n  // Clockwise order of positions.\n  private static readonly positionOrder: PopoverPosition[] = [\n    PopoverPosition.TOP,\n    PopoverPosition.TOP_RIGHT,\n    PopoverPosition.TOP_LEFT,\n    PopoverPosition.RIGHT,\n    PopoverPosition.RIGHT_BOTTOM,\n    PopoverPosition.RIGHT_TOP,\n    PopoverPosition.BOTTOM,\n    PopoverPosition.BOTTOM_LEFT,\n    PopoverPosition.BOTTOM_RIGHT,\n    PopoverPosition.LEFT,\n    PopoverPosition.LEFT_TOP,\n    PopoverPosition.LEFT_BOTTOM,\n  ] as const;\n\n  private animationFrameRequestId?: number;\n\n  /** space tolerance for space calculations */\n  private readonly spaceTolerance = 3;\n\n  /** The element bound to the popover. */\n  private boundElement?: HTMLElement;\n\n  /** Cached available space around the bound element to avoid unnecessary recalculations */\n  private cachedAvailableSpace?: Offsets;\n\n  /** Last bounding rect of the bound element to detect changes and eventually invalidate the caches. */\n  private lastBoundRect?: DOMRect;\n\n  /** Fired when the position changes. */\n  @Event()\n  positionChange: EventEmitter;\n\n  /** Open change event. */\n  @Event()\n  openChange: EventEmitter;\n\n  @Listen(\"keyup\", {target: \"window\"})\n  closePopoverWithKeyboard(e: KeyboardEvent): void {\n    if (this.closable && e.key === KeyboardCode.ESC) {\n      this.open = false;\n    }\n  }\n\n  /**\n   * Close the popover when clicking outside of its content.\n   * Stop event propagation if the click was fired by popover's trigger element,\n   * to prevent close and reopen glitches.\n   */\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    const target = e.target as Element;\n    if (!this.closable || !this.open || containsElement(this.host, target)) {\n      return;\n    }\n\n    if (containsElement(this.boundElement, target)) {\n      // stop propagation if the click was on the trigger element to prevent close and reopen glitches\n      e.stopPropagation();\n    }\n    this.open = false;\n  }\n\n  @Watch(\"position\")\n  validatePosition(newValue: PopoverPosition): void {\n    if (!Object.values(PopoverPosition).includes(newValue as PopoverPosition) || newValue === PopoverPosition.AUTO) {\n      newValue = PopoverPosition.TOP;\n      this.position = newValue;\n    }\n    this.currentPosition = newValue;\n    if (this.open) {\n      this.setPosition();\n    }\n  }\n\n  /** Setup popover behaviors when `open` changes. */\n  @Watch(\"open\")\n  onOpen(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n    this.openChange.emit({open: this.open});\n    if (!this.open) {\n      Object.assign(this.host.style, {\n        // Reset all positioning properties\n        top: \"auto\",\n        right: \"auto\",\n        bottom: \"auto\",\n        left: \"auto\",\n        maxWidth: \"\",\n        maxHeight: \"\",\n        // Set initial visibility to hidden while calculating position...\n        visibility: \"hidden\",\n      });\n      this.currentPosition = undefined;\n\n      return;\n    }\n\n    const updatePositionLoop = (): void => {\n      if (!this.open) {\n        return;\n      }\n\n      this.setPosition();\n      this.animationFrameRequestId = requestAnimationFrame(updatePositionLoop);\n    };\n\n    // call `setPosition` after a tick to ensure the DOM is ready and sizes are available\n    setTimeout(() => {\n      updatePositionLoop();\n    }, 0);\n  }\n\n  @Watch(\"bindTo\")\n  onBindingChange(): void {\n    this.findBoundElement();\n  }\n\n  /** Returns the offset modifier to use in calculations to align the popover with the bound element. */\n  private get offsetModifier(): OffsetModifier {\n    return this.center ? 0.5 : 0;\n  }\n\n  private findBoundElement(): void {\n    if (typeof this.bindTo === \"string\") {\n      this.boundElement = this.host.ownerDocument.querySelector(this.bindTo) as HTMLElement;\n    } else if (this.bindTo) {\n      this.boundElement = this.bindTo;\n    } else {\n      this.boundElement = getParentElement(this.host) as HTMLElement;\n      if (this.boundElement.tagName.toLowerCase() === \"z-tooltip\") {\n        // If the popover is used inside a tooltip without a specified `bindTo`, bind it to the parent of the tooltip.\n        this.boundElement = getParentElement(this.boundElement) as HTMLElement;\n      }\n    }\n  }\n\n  /**\n   * Check if element has enough space to the right and left to be centered.\n   * Used for `TOP` and `BOTTOM` position.\n   * When `center` is not enabled, only one side needs to be checked and `RIGHT` is the default.\n   */\n  private hasCenteredHorizontalSpace(\n    availableLeft: number,\n    availableRight: number,\n    hostWidth: number,\n    boundElementWidth: number\n  ): boolean {\n    const requiredSideSpace = (hostWidth - boundElementWidth) * (1 - this.offsetModifier);\n\n    if (!this.center) {\n      return availableRight >= requiredSideSpace - this.spaceTolerance;\n    }\n\n    return (\n      availableRight >= requiredSideSpace - this.spaceTolerance &&\n      availableLeft >= requiredSideSpace - this.spaceTolerance\n    );\n  }\n\n  /**\n   * Check if element has enough space to the top and bottom to be centered.\n   * Used for `RIGHT` and `LEFT` position.\n   * When `center` is not enabled, only one side needs to be checked and `BOTTOM` is the default.\n   */\n  private hasCenteredVerticalSpace(\n    availableTop: number,\n    availableBottom: number,\n    hostHeight: number,\n    boundElementHeight: number\n  ): boolean {\n    const requiredSideSpace = (hostHeight - boundElementHeight) * (1 - this.offsetModifier);\n\n    if (!this.center) {\n      return availableBottom >= requiredSideSpace - this.spaceTolerance;\n    }\n\n    return (\n      availableTop >= requiredSideSpace - this.spaceTolerance &&\n      availableBottom >= requiredSideSpace - this.spaceTolerance\n    );\n  }\n\n  /**\n   * Check if there is enough space in the given direction to fit the popover.\n   * Used for composed positions like TOP_RIGHT, LEFT_BOTTOM, etc.\n   */\n  private hasEnoughSideSpace(\n    availableSpace: number,\n    hostSize: number,\n    boundElementSize: number,\n    offsetModifier: OffsetModifier\n  ): boolean {\n    return availableSpace >= hostSize - boundElementSize * (1 - offsetModifier) - this.spaceTolerance;\n  }\n\n  /**\n   * Given a desired position and available space around the bound element, returns the best position\n   * that fits the popover, trying all positions if needed.\n   * Takes into account offsetModifier for centering.\n   * @param desiredPosition The desired position of the popover.\n   * @param availableSpace The available space around the bound element.\n   */\n  private getOptimalPopoverPosition(desiredPosition: PopoverPosition, availableSpace: Offsets): PopoverPosition {\n    const hostWidth = this.host.offsetWidth;\n    const hostHeight = this.host.offsetHeight;\n    const boundElementWidth = this.boundElement.getBoundingClientRect().width;\n    const boundElementHeight = this.boundElement.getBoundingClientRect().height;\n    const offsetModifier = this.offsetModifier;\n\n    /** Check if there is enough space to fit the popover in the desired position */\n    const fits = (pos: PopoverPosition): boolean => {\n      switch (pos) {\n        case PopoverPosition.TOP:\n          return (\n            availableSpace.top >= hostHeight - this.spaceTolerance &&\n            this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n          );\n        case PopoverPosition.TOP_RIGHT:\n          return (\n            availableSpace.top >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.TOP_LEFT:\n          return (\n            availableSpace.top >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.RIGHT:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n          );\n        case PopoverPosition.RIGHT_BOTTOM:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.RIGHT_TOP:\n          return (\n            availableSpace.right >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.BOTTOM:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasCenteredHorizontalSpace(availableSpace.left, availableSpace.right, hostWidth, boundElementWidth)\n          );\n        case PopoverPosition.BOTTOM_LEFT:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.left, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.BOTTOM_RIGHT:\n          return (\n            availableSpace.bottom >= hostHeight &&\n            this.hasEnoughSideSpace(availableSpace.right, hostWidth, boundElementWidth, offsetModifier)\n          );\n        case PopoverPosition.LEFT:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasCenteredVerticalSpace(availableSpace.top, availableSpace.bottom, hostHeight, boundElementHeight)\n          );\n        case PopoverPosition.LEFT_TOP:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.top, hostHeight, boundElementHeight, offsetModifier)\n          );\n        case PopoverPosition.LEFT_BOTTOM:\n          return (\n            availableSpace.left >= hostWidth &&\n            this.hasEnoughSideSpace(availableSpace.bottom, hostHeight, boundElementHeight, offsetModifier)\n          );\n\n        default:\n          return false;\n      }\n    };\n\n    // Check desired position first\n    if (fits(desiredPosition)) {\n      return desiredPosition;\n    }\n\n    // Find position index and create rotation starting from next position\n    const positions = ZPopover.positionOrder;\n    const startIndex = positions.indexOf(desiredPosition);\n\n    if (startIndex === -1) {\n      return desiredPosition; // fallback if position not found\n    }\n\n    // Try all other positions starting from the next one\n    for (let i = 1; i < positions.length; i++) {\n      const posIndex = (startIndex + i) % positions.length;\n      const pos = positions[posIndex];\n      if (fits(pos)) {\n        return pos;\n      }\n    }\n\n    return this.findBestFallbackPosition(availableSpace);\n  }\n\n  /** Find the best fallback position based on available space when no position fits perfectly. */\n  private findBestFallbackPosition(availableSpace: Offsets): PopoverPosition {\n    // Determine which horizontal and vertical direction has the most available space\n    const bestHorizontalDirection =\n      availableSpace.right >= availableSpace.left ? PopoverPosition.RIGHT : PopoverPosition.LEFT;\n\n    const bestVerticalDirection =\n      availableSpace.bottom >= availableSpace.top ? PopoverPosition.BOTTOM : PopoverPosition.TOP;\n\n    // Choose the main direction based on which axis has more space overall\n    const maxHorizontalSpace = Math.max(availableSpace.right, availableSpace.left);\n    const maxVerticalSpace = Math.max(availableSpace.bottom, availableSpace.top);\n\n    const mainDirection = maxVerticalSpace >= maxHorizontalSpace ? bestVerticalDirection : bestHorizontalDirection;\n\n    // Decide if a secondary direction is needed\n    // Only add a secondary direction if the difference between min and max in that axis is at least double\n    let needsSecondaryDirection = false;\n\n    if (mainDirection === bestVerticalDirection) {\n      // If main direction is vertical, check horizontal space difference\n      const minHorizontalSpace = Math.min(availableSpace.right, availableSpace.left);\n      needsSecondaryDirection = maxHorizontalSpace >= minHorizontalSpace * 2;\n    } else {\n      // If main direction is horizontal, check vertical space difference\n      const minVerticalSpace = Math.min(availableSpace.bottom, availableSpace.top);\n      needsSecondaryDirection = maxVerticalSpace >= minVerticalSpace * 2;\n    }\n\n    if (!needsSecondaryDirection) {\n      return mainDirection;\n    }\n\n    const secondaryDirection =\n      mainDirection === bestVerticalDirection ? bestHorizontalDirection : bestVerticalDirection;\n\n    // Return a combined position (e.g., \"bottom_right\")\n    return `${mainDirection}_${secondaryDirection}` as PopoverPosition;\n  }\n\n  /**\n   * Find the nearest scrollable ancestor of an element to take as a reference for positioning.\n   * The ancestor is considered scrollable if it doesn't have `overflow` property set to `hidden` and its scroll size is bigger than its client size.\n   */\n  private findScrollableAncestor(element: HTMLElement): HTMLElement {\n    let parent = getParentElement(element);\n\n    while (parent) {\n      if (parent === element.ownerDocument.documentElement) {\n        return parent as HTMLElement;\n      }\n\n      const style = window.getComputedStyle(parent);\n      const {overflow, overflowX, overflowY} = style;\n      const hasHiddenOverflow = overflow === \"hidden\" || overflowY === \"hidden\" || overflowX === \"hidden\";\n      const isScrollable =\n        (parent.scrollHeight > parent.clientHeight && overflow !== \"visible\" && overflowY !== \"visible\") ||\n        (parent.scrollWidth > parent.clientWidth && overflow !== \"visible\" && overflowX !== \"visible\");\n\n      if (!hasHiddenOverflow && isScrollable) {\n        return parent as HTMLElement;\n      }\n\n      parent = getParentElement(parent);\n    }\n\n    return element.ownerDocument.documentElement;\n  }\n\n  /**\n   * Calculate available space around the element bound with the popover, based on its nearest scrollable ancestor.\n   *\n   * Calculations for `right` and `bottom` can be a little bit confusing because `boundingRect.right` and `bottom` may not be what you expect...\n   * For more information see the explanation in the docs.\n   * @link https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect#return_value\n   */\n  private calculateAvailableSpace(): Offsets {\n    const boundElementRect = this.boundElement.getBoundingClientRect();\n\n    if (\n      this.lastBoundRect &&\n      this.lastBoundRect.x === boundElementRect.x &&\n      this.lastBoundRect.y === boundElementRect.y &&\n      this.lastBoundRect.width === boundElementRect.width &&\n      this.lastBoundRect.height === boundElementRect.height &&\n      this.cachedAvailableSpace\n    ) {\n      // If the bound element's rect hasn't changed, return the cached rect\n      return this.cachedAvailableSpace;\n    }\n\n    this.lastBoundRect = boundElementRect;\n    const scrollableAncestor = this.findScrollableAncestor(this.boundElement);\n    const scrollableAncestorRect = scrollableAncestor.getBoundingClientRect();\n    const isScrollableAncestorNested = scrollableAncestor !== this.boundElement.ownerDocument.documentElement;\n    const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n    const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n    const safeSpace = 8; // extra space to avoid popover being too close to the edges\n\n    // These deltas represent the offset between the scrollable ancestor and the viewport.\n    // They are used to adjust the available space calculations when the scrollable ancestor is not the document or body,\n    // to try to fit the popover inside the scrollable ancestor.\n    const deltaTop = isScrollableAncestorNested ? scrollableAncestorRect.top : 0;\n    const deltaRight = isScrollableAncestorNested ? documentWidth - scrollableAncestorRect.right : 0;\n    const deltaBottom = isScrollableAncestorNested ? documentHeight - scrollableAncestorRect.bottom : 0;\n    const deltaLeft = isScrollableAncestorNested ? scrollableAncestorRect.left : 0;\n\n    this.cachedAvailableSpace = {\n      top: boundElementRect.top - deltaTop - safeSpace,\n      right: documentWidth - boundElementRect.right - deltaRight - safeSpace,\n      bottom: documentHeight - boundElementRect.bottom - deltaBottom - safeSpace,\n      left: boundElementRect.left - deltaLeft - safeSpace,\n    };\n\n    return this.cachedAvailableSpace;\n  }\n\n  /** Calculate the space around the bound element relative to the viewport. */\n  private getBoundElementOffsets(): Offsets {\n    const elementRect = this.boundElement.getBoundingClientRect();\n    const documentWidth = this.boundElement.ownerDocument.documentElement.clientWidth;\n    const documentHeight = this.boundElement.ownerDocument.documentElement.clientHeight;\n\n    return {\n      top: elementRect.top,\n      right: documentWidth - elementRect.right,\n      bottom: documentHeight - elementRect.bottom,\n      left: elementRect.left,\n    };\n  }\n\n  /** Compute positioning offsets in the appropriate coordinate space, accounting for transformed containing blocks and scroll. */\n  private computePositionOffsets(): Offsets {\n    const boundElementOffsets = this.getBoundElementOffsets();\n    const containingBlockAncestor = findContainingBlockAncestor(this.host);\n    const isDocumentElement = containingBlockAncestor === this.host.ownerDocument.documentElement;\n\n    if (isDocumentElement) {\n      return boundElementOffsets;\n    }\n\n    const containingBlockRect = containingBlockAncestor.getBoundingClientRect();\n    const containingBlockStyle = getComputedStyle(containingBlockAncestor);\n    /** Padding box of the containing block, accounting for borders. */\n    const paddingBox = {\n      top: containingBlockRect.top + parseFloat(containingBlockStyle.borderTopWidth),\n      right: containingBlockRect.right - parseFloat(containingBlockStyle.borderRightWidth),\n      bottom: containingBlockRect.bottom - parseFloat(containingBlockStyle.borderBottomWidth),\n      left: containingBlockRect.left + parseFloat(containingBlockStyle.borderLeftWidth),\n    };\n\n    const boundElementRect = this.boundElement.getBoundingClientRect();\n    /** Bound element offsets relative to the containing block padding box. */\n    const relativeOffsets = {\n      top: boundElementRect.top - paddingBox.top,\n      right: paddingBox.right - boundElementRect.right,\n      bottom: paddingBox.bottom - boundElementRect.bottom,\n      left: boundElementRect.left - paddingBox.left,\n    };\n\n    /** Account for scroll to keep the popover aligned while the containing block scrolls. */\n    return {\n      top: relativeOffsets.top + containingBlockAncestor.scrollTop,\n      right: relativeOffsets.right - containingBlockAncestor.scrollLeft,\n      bottom: relativeOffsets.bottom - containingBlockAncestor.scrollTop,\n      left: relativeOffsets.left + containingBlockAncestor.scrollLeft,\n    };\n  }\n\n  /** Apply positioning styles based on `position` parameter. */\n  private applyPositionStyles(position: PopoverPosition, availableSpace: Offsets): void {\n    const boundElementWidth = this.boundElement.offsetWidth;\n    const boundElementHeight = this.boundElement.offsetHeight;\n    const offsetModifier = this.offsetModifier;\n    /** Distance between the arrow center and the popover edge. Needed to align the center of the arrow with the center of the bound element when `showArrow` and `center` are enabled. */\n    const arrowModifier = this.showArrow && this.center ? 8 : 0;\n    const hostStyle = this.host.style;\n    /** Gap between the popover and the bound element. */\n    const distanceFromBound = parseInt(hostStyle.getPropertyValue(\"--space-unit\")) || 8;\n    const positionOffsets = this.computePositionOffsets();\n\n    /**\n     * Precomputed bases to reduce repeated arithmetic in the switch below.\n     * They represent the bound element edges plus optional centering offsets.\n     */\n    const leftBase = positionOffsets.left + boundElementWidth * offsetModifier;\n    const rightBase = positionOffsets.right + boundElementWidth * offsetModifier;\n    const topBase = positionOffsets.top + boundElementHeight;\n    const bottomBase = positionOffsets.bottom + boundElementHeight;\n    const sideTopBase = positionOffsets.top + boundElementHeight * offsetModifier;\n    const sideBottomBase = positionOffsets.bottom + boundElementHeight * offsetModifier;\n\n    let maxWidth: number;\n    let maxHeight: number;\n\n    switch (position) {\n      case PopoverPosition.TOP:\n      case PopoverPosition.TOP_RIGHT:\n        hostStyle.bottom = `${bottomBase + distanceFromBound}px`;\n        hostStyle.left = `${leftBase - (position === PopoverPosition.TOP_RIGHT ? arrowModifier : 0)}px`;\n        maxHeight = availableSpace.top - distanceFromBound;\n        if (position === PopoverPosition.TOP_RIGHT) {\n          maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.TOP_LEFT:\n        hostStyle.right = `${rightBase - arrowModifier}px`;\n        hostStyle.bottom = `${bottomBase + distanceFromBound}px`;\n        maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n        maxHeight = availableSpace.top - distanceFromBound;\n        break;\n\n      case PopoverPosition.BOTTOM:\n      case PopoverPosition.BOTTOM_RIGHT:\n        hostStyle.top = `${topBase + distanceFromBound}px`;\n        hostStyle.left = `${leftBase - (position === PopoverPosition.BOTTOM_RIGHT ? arrowModifier : 0)}px`;\n        maxHeight = availableSpace.bottom - distanceFromBound;\n        if (position === PopoverPosition.BOTTOM_RIGHT) {\n          maxWidth = availableSpace.right + boundElementWidth * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.BOTTOM_LEFT:\n        hostStyle.top = `${topBase + distanceFromBound}px`;\n        hostStyle.right = `${rightBase - arrowModifier}px`;\n        maxWidth = availableSpace.left + boundElementWidth * offsetModifier;\n        maxHeight = availableSpace.bottom - distanceFromBound;\n        break;\n\n      case PopoverPosition.RIGHT:\n      case PopoverPosition.RIGHT_BOTTOM:\n        hostStyle.top = `${sideTopBase - (position === PopoverPosition.RIGHT_BOTTOM ? arrowModifier : 0)}px`;\n        hostStyle.left = `${positionOffsets.left + boundElementWidth + distanceFromBound}px`;\n        maxWidth = availableSpace.right - distanceFromBound;\n        if (position === PopoverPosition.RIGHT) {\n          maxHeight = availableSpace.top + availableSpace.bottom + boundElementHeight;\n        } else {\n          maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.RIGHT_TOP:\n        hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n        hostStyle.left = `${positionOffsets.left + boundElementWidth + distanceFromBound}px`;\n        maxWidth = availableSpace.right - distanceFromBound;\n        maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n        break;\n\n      case PopoverPosition.LEFT:\n      case PopoverPosition.LEFT_BOTTOM:\n        hostStyle.top = `${sideTopBase - (position === PopoverPosition.LEFT_BOTTOM ? arrowModifier : 0)}px`;\n        hostStyle.right = `${positionOffsets.right + boundElementWidth + distanceFromBound}px`;\n        maxWidth = availableSpace.left - distanceFromBound;\n        if (position === PopoverPosition.LEFT_BOTTOM) {\n          maxHeight = availableSpace.bottom + boundElementHeight * offsetModifier;\n        }\n        break;\n\n      case PopoverPosition.LEFT_TOP:\n        hostStyle.right = `${positionOffsets.right + boundElementWidth + distanceFromBound}px`;\n        hostStyle.bottom = `${sideBottomBase - arrowModifier}px`;\n        maxWidth = availableSpace.left - distanceFromBound;\n        maxHeight = availableSpace.top + boundElementHeight * offsetModifier;\n        break;\n    }\n\n    if (getDevice() !== Device.MOBILE) {\n      // Only force max sizes on non-mobile viewports\n      Object.assign(hostStyle, {\n        maxWidth: maxWidth ? `${maxWidth}px` : \"\",\n        maxHeight: maxHeight ? `${maxHeight}px` : \"\",\n      });\n    }\n  }\n\n  /** Set the position of the popover. */\n  private setPosition(): void {\n    if (!this.boundElement) {\n      return;\n    }\n\n    if (!isElementVisibleInContainer(this.boundElement, this.findScrollableAncestor(this.boundElement))) {\n      // If the bound element is not visible, hide the popover too\n      this.open = false;\n\n      return;\n    }\n\n    Object.assign(this.host.style, {\n      // Reset all positioning properties\n      top: \"auto\",\n      right: \"auto\",\n      bottom: \"auto\",\n      left: \"auto\",\n      maxWidth: \"\",\n      maxHeight: \"\",\n      // Set initial visibility to hidden while calculating position...\n      visibility: \"hidden\",\n    });\n\n    const availableSpace = this.calculateAvailableSpace();\n    const position = this.getOptimalPopoverPosition(this.position, availableSpace);\n\n    this.applyPositionStyles(position, availableSpace);\n    this.currentPosition = position;\n    this.positionChange.emit({position: this.currentPosition});\n\n    // ...then restore the visibility\n    this.host.style.visibility = \"visible\";\n  }\n\n  componentWillLoad(): void {\n    this.validatePosition(this.position);\n  }\n\n  componentDidLoad(): void {\n    this.findBoundElement();\n    if (this.open) {\n      this.onOpen();\n    }\n  }\n\n  disconnectedCallback(): void {\n    cancelAnimationFrame(this.animationFrameRequestId);\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <Host current-position={this.currentPosition}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-33d2a5db.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e}from"./p-75c4a726.js";import{P as t}from"./p-17af7fb2.js";const r=":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));--z-tooltip-padding:var(--space-unit)}z-popover{--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-padding:var(--z-tooltip-padding);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}";const s=r;const a=class{constructor(e){o(this,e);this.position=t.AUTO;this.dark=false;this.open=false;this.bindTo=undefined;this.closable=true}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return e("z-popover",{key:"ab2c260f466a47e9f25154ece6a78197ff23d0fa",ref:o=>this.popoverEl=o,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:true,showArrow:true},e("slot",{key:"239e63a0bfececc52c9538df70d0eb7fe63a0060"}))}};a.style=s;export{a as z_tooltip};
-//# sourceMappingURL=p-33d2a5db.entry.js.map

package/www/build/p-33d2a5db.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTooltipStyle0","ZTooltip","PopoverPosition","AUTO","onPopoverOpenChange","this","open","popoverEl","render","h","key","ref","el","bindTo","position","closable","center","showArrow"],"sources":["src/components/z-tooltip/styles.css?tag=z-tooltip&encapsulation=shadow","src/components/z-tooltip/index.tsx"],"sourcesContent":[":host {\n  --z-tooltip-theme--surface: var(--color-surface01);\n  --z-tooltip-theme--text: var(--color-default-text);\n  --z-tooltip-shadow-filter: drop-shadow(0 1px 2px var(--shadow-color-base));\n  --z-tooltip-padding: var(--space-unit);\n}\n\nz-popover {\n  --z-popover-theme--surface: var(--z-tooltip-theme--surface);\n  --z-popover-theme--text: var(--z-tooltip-theme--text);\n  --z-popover-padding: var(--z-tooltip-padding);\n  --z-popover-shadow-filter: var(--z-tooltip-shadow-filter);\n}\n\n:host([dark]) z-popover {\n  --z-popover-theme--surface: var(--color-surface05);\n  --z-popover-theme--text: var(--color-text-inverse);\n}\n","import {Component, Listen, Prop, h} from \"@stencil/core\";\nimport {PopoverPosition} from \"../../beans\";\n\n/**\n * Tooltip component.\n * It is basically a wrapper for the `<z-popover>` component with custom configuration.\n *\n * @cssprop --z-tooltip-theme--surface - background color of the popover.\n * @cssprop --z-tooltip-theme--text - foreground color of the popover.\n * @cssprop --z-tooltip-shadow-filter - drop-shadow filter of the popover.\n */\n@Component({\n  tag: \"z-tooltip\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTooltip {\n  /** Tooltip position. */\n  @Prop({reflect: true})\n  position: PopoverPosition = PopoverPosition.AUTO;\n\n  /** Enable tooltip dark mode. */\n  @Prop({reflect: true})\n  dark = false;\n\n  /**\n   * The open state of the tooltip.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * The selector or the element bound with the tooltip.\n   */\n  @Prop()\n  bindTo?: string | HTMLElement;\n\n  /**\n   * Reflects `closable` prop of the popover.\n   * \"If true, the popover can be closed by clicking outside of it or pressing the escape key.\n   * Otherwise, it will be closed only programmatically (by setting `open` to `false`).\"\n   */\n  @Prop()\n  closable = true;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  @Listen(\"openChange\")\n  onPopoverOpenChange(): void {\n    this.open = this.popoverEl.open;\n  }\n\n  render(): HTMLZPopoverElement {\n    return (\n      <z-popover\n        ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n        bindTo={this.bindTo}\n        open={this.open}\n        position={this.position}\n        closable={this.closable}\n        center\n        showArrow\n      >\n        <slot></slot>\n      </z-popover>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAY,yjBAClB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,uCAGSC,EAAgBC,K,UAIrC,M,UAMA,M,oCAcI,I,CAKX,mBAAAC,GACEC,KAAKC,KAAOD,KAAKE,UAAUD,I,CAG7B,MAAAE,GACE,OACEC,EAAA,aAAAC,IAAA,2CACEC,IAAMC,GAAQP,KAAKE,UAAYK,EAC/BC,OAAQR,KAAKQ,OACbP,KAAMD,KAAKC,KACXQ,SAAUT,KAAKS,SACfC,SAAUV,KAAKU,SACfC,OAAM,KACNC,UAAS,MAETR,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/www/build/p-3f5aa623.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMenuStyle0","isZMenuSection","el","tagName","ZMenu","focusableItem","this","items","find","item","htmlTabindex","tabIndex","toggle","hasContent","open","onLabelSlotChange","ev","labelElement","target","assignedElements","dataset","text","textContent","setLabelA11yAttrs","reflow","live","floating","content","style","left","host","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","raf","requestAnimationFrame","bind","checkContent","hasHeader","querySelectorAll","length","setItemTabindex","setItemsA11yAttrs","forEach","index","tabindex","setAttribute","onItemsChange","Array","from","children","filter","slot","moveFocus","receiver","current","setFocus","setTimeout","focus","onLabelClick","onLabelKeydown","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","verticalContext","ARROW_RIGHT","label","labelButton","firstElementChild","focusLastItem","lastItem","onOpenChanged","cancelAnimationFrame","closed","emit","opened","slottedLabel","role","onItemClick","clickedItem","containsElement","onKeyDown","ESC","ARROW_DOWN","document","activeElement","currentIndex","indexOf","ARROW_UP","_a","ARROW_LEFT","constructor","hostRef","componentWillLoad","render","h","class","onSlotchange","Host","ref","onClick","name"],"sources":["src/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","src/components/z-menu/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n  outline: none;\n}\n\n:host {\n  --z-menu-label-color: ;\n\n  position: relative;\n  display: inline-flex;\n  height: fit-content;\n  flex-direction: column;\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  border-bottom: var(--border-size-large) solid transparent;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host(:is([active], [open])) .menu-label ::slotted(*),\n.menu-label:focus-visible ::slotted(*),\ndiv.menu-label:focus-within ::slotted(*) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n\n:host([vertical-context]) .menu-label {\n  padding: var(--space-unit) 0;\n  border-width: var(--border-size-small);\n  border-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label,\n.menu-label:hover,\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  border-color: var(--color-primary01);\n}\n\n:host([vertical-context]:is([active], [open])) .menu-label::after,\n:host([vertical-context]) .menu-label:hover::after,\n:host([vertical-context]) .menu-label:focus-visible::after,\n:host([vertical-context]) div.menu-label:focus-within::after {\n  position: absolute;\n  bottom: calc(var(--border-size-small) * -1);\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n  content: \"\";\n}\n\n:host([vertical-context]) .menu-label ::slotted(*) {\n  padding: 0;\n}\n\n.menu-label ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  min-width: fit-content;\n  padding-bottom: 2px;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color, var(--color-default-text));\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: inherit;\n  line-height: 1.5;\n  white-space: nowrap;\n}\n\n.menu-label z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: var(--color-default-icon);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text]:not([slot]))::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text]:not([slot]))::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]:not([slot])) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]:not([vertical-context])) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: 0 calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.5;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\n:host(:not([vertical-context])) .items > ::slotted([slot=\"item\"]:last-child) {\n  border-bottom: 0;\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active),\n.items > ::slotted([slot=\"item\"][active]),\n.items > ::slotted([slot=\"item\"][data-active]) {\n  border-color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode} from \"../../beans\";\nimport {containsElement} from \"../../utils/utils\";\n\nconst isZMenuSection = (el: HTMLElement | HTMLZMenuSectionElement): el is HTMLZMenuSectionElement =>\n  el?.tagName === \"Z-MENU-SECTION\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Set the `data-active` HTML attribute on the element to highlight it (`active` also works but `data-active` is preferable). Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n  tag: \"z-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenu {\n  @Element() host: HTMLZMenuElement;\n\n  /** Flag to set the active status of the menu. */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  /**\n   * Flag to set the display mode of the list.\n   * If true, the list will be absolutely positioned under the menu label,\n   * stacked beneath it otherwise.\n   */\n  @Prop({reflect: true})\n  floating? = true;\n\n  /** The opening state of the menu. */\n  @Prop({mutable: true, reflect: true})\n  open = false;\n\n  /**\n   * Tells the component that it's placed in a vertical context with other `ZMenu`s (usually in the ZAppHeader's offcanvas).\n   * A small border is placed under it as a separator from other elements.\n   */\n  @Prop({reflect: true})\n  verticalContext = false;\n\n  /**\n   * Tabindex value to set on the menu label.\n   * Useful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZAppHeader).\n   */\n  @Prop()\n  htmlTabindex = -1;\n\n  @State()\n  hasHeader: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  /** The menu has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The menu has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private labelButton: HTMLButtonElement;\n\n  private content: HTMLElement;\n\n  private items: (HTMLElement | HTMLZMenuSectionElement)[] = [];\n\n  /** Animation frame request id. */\n  private raf: number;\n\n  private get focusableItem(): HTMLZMenuSectionElement | HTMLElement | null {\n    return this.items.find((item) => (isZMenuSection(item) ? item.htmlTabindex === 0 : item.tabIndex === 0));\n  }\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.textContent;\n    this.setLabelA11yAttrs();\n  }\n\n  /**\n   * Correctly set position of the floating menu in order to prevent overflow.\n   * @param live Should run the method on every refresh frame.\n   */\n  private reflow(live = false): void {\n    if (!this.floating) {\n      return;\n    }\n\n    if (this.content && this.hasContent) {\n      const {style} = this.content;\n      const {left} = this.host.getBoundingClientRect();\n      const widthPx = getComputedStyle(this.content).width;\n      const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n      const safeScrollbarSpace = 30;\n      style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n    }\n    if (live) {\n      this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n    }\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasHeader = !!this.host.querySelectorAll(\"[slot=header]\").length;\n    this.hasContent = !!this.host.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n  }\n\n  private setItemTabindex(item: HTMLElement | HTMLZMenuSectionElement, tabIndex: number): void {\n    if (isZMenuSection(item)) {\n      item.htmlTabindex = tabIndex;\n    } else {\n      item.tabIndex = tabIndex;\n    }\n  }\n\n  /**\n   * Set `menuitem` role to all menu items (ZMenuSection items already have it).\n   * Set -1 to the tabindex of the items and 0 to the first one.\n   */\n  private setItemsA11yAttrs(): void {\n    this.items.forEach((item, index) => {\n      const tabindex = index === 0 ? 0 : -1;\n      this.setItemTabindex(item, tabindex);\n      if (!isZMenuSection(item)) {\n        item.setAttribute(\"role\", \"menuitem\");\n      }\n    });\n  }\n\n  private onItemsChange(): void {\n    this.checkContent();\n    this.items = Array.from(this.host.children).filter(({slot}) => slot === \"item\") as HTMLElement[];\n    this.setItemsA11yAttrs();\n    this.items.forEach((item) => {\n      if (!isZMenuSection(item)) {\n        item.dataset.text = item.textContent;\n      }\n    });\n  }\n\n  /**\n   * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n   * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n   * If the receiver is a ZMenuSection and it's open, focus its first focusable item.\n   */\n  private moveFocus(\n    receiver: HTMLElement | HTMLZMenuSectionElement,\n    current?: HTMLElement | HTMLZMenuSectionElement\n  ): void {\n    if (isZMenuSection(receiver)) {\n      receiver.setFocus();\n    } else {\n      receiver.tabIndex = 0;\n      setTimeout(() => {\n        receiver.focus();\n      }, 100);\n    }\n    if (!current) {\n      return;\n    }\n\n    this.setItemTabindex(current, -1);\n  }\n\n  private onLabelClick(): void {\n    this.toggle();\n    this.setFocus();\n  }\n\n  private onLabelKeydown(ev: KeyboardEvent): void {\n    if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.toggle();\n      if (this.open) {\n        this.moveFocus(this.items[0]);\n      }\n\n      return;\n    }\n\n    if (!this.verticalContext) {\n      return;\n    }\n\n    if (ev.key === KeyboardCode.ARROW_RIGHT && !this.open) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.open = true;\n      this.moveFocus(this.items[0]);\n    }\n  }\n\n  /** Set tabindex of the label to 0, then focus it. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.htmlTabindex = 0;\n    const label = this.hasContent ? this.labelButton : (this.host.firstElementChild as HTMLElement);\n    label.focus();\n  }\n\n  /**\n   * Focus the last item.\n   */\n  @Method()\n  async focusLastItem(): Promise<void> {\n    const lastItem = this.items[this.items.length - 1];\n    if (isZMenuSection(lastItem) && lastItem.open) {\n      lastItem.focusLastItem();\n\n      return;\n    }\n\n    this.moveFocus(lastItem);\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (!this.open) {\n      cancelAnimationFrame(this.raf);\n      this.closed.emit();\n      this.items.forEach((item) => {\n        if (isZMenuSection(item) && item.open) {\n          item.open = false;\n        }\n      });\n\n      return;\n    }\n\n    this.setItemsA11yAttrs();\n    this.opened.emit();\n    if (this.floating) {\n      this.reflow(true);\n    }\n  }\n\n  @Watch(\"htmlTabindex\")\n  setLabelA11yAttrs(): void {\n    if (this.hasContent && this.labelButton) {\n      this.labelButton.tabIndex = this.htmlTabindex;\n\n      return;\n    }\n\n    const slottedLabel = this.host.firstElementChild as HTMLElement;\n    slottedLabel.role = \"menuitem\";\n    slottedLabel.tabIndex = this.htmlTabindex;\n  }\n\n  /**\n   * Set tabindex to -1 to all siblings of the clicked item.\n   */\n  @Listen(\"click\", {target: \"document\"})\n  onItemClick(ev: MouseEvent): void {\n    const clickedItem = this.items.find((item) => containsElement(item, ev.target as HTMLElement));\n    if (clickedItem) {\n      this.items.forEach((item) => {\n        if (item === clickedItem) {\n          return;\n        }\n\n        if (isZMenuSection(item)) {\n          item.htmlTabindex = -1;\n        } else {\n          item.tabIndex = -1;\n        }\n      });\n    }\n  }\n\n  @Listen(\"keydown\")\n  onKeyDown(ev: KeyboardEvent): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    switch (ev.key) {\n      case KeyboardCode.ESC:\n        if (!this.open) {\n          break;\n        }\n        ev.stopPropagation();\n        ev.preventDefault();\n        this.open = false;\n        this.setFocus();\n        break;\n      case KeyboardCode.ARROW_DOWN: {\n        if (document.activeElement === this.host) {\n          if (this.verticalContext && !this.open) {\n            break;\n          }\n\n          ev.stopPropagation();\n          ev.preventDefault();\n          if (!this.open) {\n            this.open = true;\n          }\n          this.moveFocus(this.items[0]);\n          break;\n        }\n\n        const currentIndex = this.items.indexOf(this.focusableItem);\n        if (this.verticalContext && currentIndex === this.items.length - 1) {\n          // navigation is going to leave this menu. restore tabindex to the label and let the parent handle it\n          this.setItemTabindex(this.items[currentIndex], -1);\n          this.htmlTabindex = 0;\n          break;\n        }\n\n        ev.stopPropagation();\n        ev.preventDefault();\n        const receiver = this.items[currentIndex + 1];\n        // if the last item is already focused, navigate to the first one\n        this.moveFocus(receiver ?? this.items[0], this.focusableItem);\n        break;\n      }\n      case KeyboardCode.ARROW_UP: {\n        if (document.activeElement === this.host) {\n          if (this.verticalContext) {\n            break;\n          }\n\n          ev.stopPropagation();\n          ev.preventDefault();\n          // open the menu and focus the last item\n          if (!this.open) {\n            this.open = true;\n          }\n          this.moveFocus(this.items[this.items.length - 1], this.focusableItem);\n          break;\n        }\n\n        ev.stopPropagation();\n        ev.preventDefault();\n        const currentIndex = this.items.indexOf(this.focusableItem);\n        if (currentIndex === 0 && this.verticalContext) {\n          this.setItemTabindex(this.focusableItem, -1);\n          this.setFocus();\n          break;\n        }\n\n        const receiver = this.items[currentIndex - 1] ?? this.items[this.items.length - 1];\n        // if the receiver is a ZMenuSection and it's open, focus its last item\n        if (isZMenuSection(receiver) && receiver.open) {\n          this.setItemTabindex(this.focusableItem, -1);\n          receiver.focusLastItem();\n          break;\n        }\n\n        this.moveFocus(receiver, this.focusableItem);\n        break;\n      }\n      case KeyboardCode.ARROW_LEFT:\n        if (!this.open || !this.verticalContext) {\n          break;\n        }\n\n        // close the menu and focus the label\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.open = false;\n        this.setFocus();\n    }\n  }\n\n  constructor() {\n    this.toggle = this.toggle.bind(this);\n    this.checkContent = this.checkContent.bind(this);\n    this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n    this.onLabelClick = this.onLabelClick.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n    this.onLabelKeydown = this.onLabelKeydown.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.setLabelA11yAttrs();\n    this.onItemsChange();\n  }\n\n  render(): HTMLDivElement | HTMLZMenuElement {\n    if (!this.hasContent) {\n      return (\n        <div class=\"menu-label\">\n          <slot onSlotchange={this.onLabelSlotChange} />\n        </div>\n      );\n    }\n\n    return (\n      <Host>\n        <button\n          ref={(el) => (this.labelButton = el)}\n          class=\"menu-label\"\n          aria-expanded={`${!!this.open}`}\n          aria-haspopup={`${this.hasContent}`}\n          aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n          role=\"menuitem\"\n          tabIndex={this.htmlTabindex}\n          onClick={this.onLabelClick}\n          onKeyDown={this.onLabelKeydown}\n        >\n          <slot onSlotchange={this.onLabelSlotChange} />\n          <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n        </button>\n\n        <div\n          class=\"content\"\n          ref={(el) => (this.content = el)}\n        >\n          {this.hasHeader && (\n            <header class=\"header\">\n              <slot\n                name=\"header\"\n                onSlotchange={this.checkContent}\n              />\n            </header>\n          )}\n\n          <div\n            class=\"items\"\n            role=\"menu\"\n          >\n            <slot\n              name=\"item\"\n              onSlotchange={this.onItemsChange}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/www/build/p-4c9bf42d.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,a as c}from"./p-75c4a726.js";const s=":host{display:block;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";const t=s;const a=class{constructor(r){o(this,r);this.sticky=false}render(){return r(c,{key:"a7106c5ef3c347b7cc797a6cd1031e5d29cf2ae3",role:"rowgroup",tabIndex:-1},r("slot",{key:"cd4f042bdfd7df449603fbcb49cf4b78da6f4d36"}))}};a.style=t;export{a as Z};
-//# sourceMappingURL=p-4c9bf42d.js.map

package/www/build/p-6cffbabc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as n,a}from"./p-75c4a726.js";const e=':host{--z-notification--top-offset:0;display:flex;width:100%;box-sizing:border-box;align-items:flex-start;padding:calc(var(--space-unit) * 2);border-bottom:var(--border-size-medium) solid var(--color-surface03);font-family:var(--font-family-sans);outline:none}:host[sticky]{position:sticky;top:var(--z-notification--top-offset)}:host[sticky],:host([showshadow]){box-shadow:var(--shadow-3)}:host([type="success"]){background:var(--color-inverse-success)}:host([type="warning"]){background:var(--color-inverse-warning)}:host([type="error"]){background:var(--color-inverse-error)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type="success"]) .status-icon{fill:var(--color-default-success)}:host([type="warning"]) .status-icon{fill:var(--color-default-warning)}:host([type="error"]) .status-icon{fill:var(--color-default-error)}:host>button,.content-container>button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:flex;flex:1 auto;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{max-width:800px;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:20px}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:16px}.action-button:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media only screen and (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}';const i=e;const s=class{handleActionButtonClick(t){t.preventDefault();this.notificationAction.emit()}handleCloseButtonClick(t){t.preventDefault();this.notificationClose.emit()}constructor(n){t(this,n);this.notificationAction=o(this,"notificationAction",7);this.notificationClose=o(this,"notificationClose",7);this.contenticonname=undefined;this.actiontext=undefined;this.type=undefined;this.showclose=false;this.showshadow=false;this.sticky=false;this.handleActionButtonClick=this.handleActionButtonClick.bind(this);this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}render(){var t;return n(a,{key:"aac3e6385d2f77e80c9933e666770e3da17c21a5"},this.contenticonname&&n("z-icon",{key:"1ba77acd6db4e01ac47ae605c4ab05a345999462",class:"status-icon",name:this.contenticonname,width:16,height:16}),n("div",{key:"9df24bcba7a1f49c803f339a0ac5ddafc08c03c9",class:"content-container"},n("div",{key:"bd1a76905a9c14fa77a1704a127a65a8ba9adab8",class:"content-text"},n("slot",{key:"b126d399950149b0d4cd94d3c2480678d7f91a97"})),!!((t=this.actiontext)===null||t===void 0?void 0:t.trim())&&n("button",{key:"63f56578ed42e720c20b57424c1d824729279e36",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&n("button",{key:"81ccf6858d6b559a23b1c9266d8af55e7bd3a2f2",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},n("z-icon",{key:"96c95d07ef561d4b900acefaef90e00d85dc3904",name:"multiply-circle",width:16,height:16})))}};s.style=i;export{s as z_notification};
-//# sourceMappingURL=p-6cffbabc.entry.js.map

package/www/build/p-6cffbabc.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZNotificationStyle0","ZNotification","handleActionButtonClick","e","preventDefault","this","notificationAction","emit","handleCloseButtonClick","notificationClose","constructor","hostRef","bind","render","h","Host","key","contenticonname","class","name","width","height","_a","actiontext","trim","type","onClick","showclose"],"sources":["src/components/z-notification/styles.css?tag=z-notification&encapsulation=shadow","src/components/z-notification/index.tsx"],"sourcesContent":[":host {\n  --z-notification--top-offset: 0;\n\n  display: flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 2);\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  outline: none;\n}\n\n:host[sticky] {\n  position: sticky;\n  top: var(--z-notification--top-offset);\n}\n\n:host[sticky],\n:host([showshadow]) {\n  box-shadow: var(--shadow-3);\n}\n\n:host([type=\"success\"]) {\n  background: var(--color-inverse-success);\n}\n\n:host([type=\"warning\"]) {\n  background: var(--color-inverse-warning);\n}\n\n:host([type=\"error\"]) {\n  background: var(--color-inverse-error);\n}\n\n.status-icon,\n.close-button {\n  /* simulate the line-height of the text\n  to make the icon look correctly aligned with it. */\n  display: flex;\n  height: 20px;\n  align-items: center;\n}\n\n:host([type=\"success\"]) .status-icon {\n  fill: var(--color-default-success);\n}\n\n:host([type=\"warning\"]) .status-icon {\n  fill: var(--color-default-warning);\n}\n\n:host([type=\"error\"]) .status-icon {\n  fill: var(--color-default-error);\n}\n\n:host > button,\n.content-container > button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background: transparent;\n  cursor: pointer;\n  font-family: inherit;\n}\n\n.status-icon + .content-container {\n  margin-left: var(--space-unit);\n}\n\n.content-container {\n  display: flex;\n  flex: 1 auto;\n  flex-wrap: wrap;\n  align-items: baseline;\n  justify-content: space-between;\n  row-gap: calc(var(--space-unit) * 2);\n}\n\n.content-text {\n  max-width: 800px;\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n.action-button {\n  color: var(--color-primary01);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 16px;\n}\n\n.action-button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\n.content-container + .close-button {\n  margin-left: calc(var(--space-unit) * 2);\n}\n\n.close-button z-icon {\n  fill: var(--color-primary01);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n  .content-container {\n    flex-wrap: nowrap;\n  }\n\n  .content-text + .action-button {\n    margin-left: calc(var(--space-unit) * 5);\n  }\n}\n","import {Component, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {NotificationType} from \"../../beans\";\n\n/**\n * Notification bar component.\n * @slot - The text of the notification.\n * @cssprop --z-notification--top-offset - The top offset of the notification. Use it when `sticky` prop is set to `true` and you need the notification to stay under other sticky elements. Default: 0px.\n */\n@Component({\n  tag: \"z-notification\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZNotification {\n  /** Name of the icon on the left of the content */\n  @Prop()\n  contenticonname?: string;\n\n  /** Action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** Alert variant type */\n  @Prop({reflect: true})\n  type: NotificationType;\n\n  /** Enable close icon */\n  @Prop()\n  showclose?: boolean = false;\n\n  /**\n   * Enable shadow.\n   * @deprecated shadow is available only for the `sticky` version of the notification.\n   */\n  @Prop({reflect: true})\n  showshadow?: boolean = false;\n\n  /** Enable sticky notification bar. */\n  @Prop({reflect: true})\n  sticky?: boolean = false;\n\n  /** Call to action clicked */\n  @Event()\n  notificationAction: EventEmitter;\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationAction.emit();\n  }\n\n  /** Close button clicked */\n  @Event()\n  notificationClose: EventEmitter;\n\n  private handleCloseButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.notificationClose.emit();\n  }\n\n  constructor() {\n    this.handleActionButtonClick = this.handleActionButtonClick.bind(this);\n    this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);\n  }\n\n  render(): HTMLZNotificationElement {\n    return (\n      <Host>\n        {this.contenticonname && (\n          <z-icon\n            class=\"status-icon\"\n            name={this.contenticonname}\n            width={16}\n            height={16}\n          />\n        )}\n        <div class=\"content-container\">\n          <div class=\"content-text\">\n            <slot></slot>\n          </div>\n          {!!this.actiontext?.trim() && (\n            <button\n              class=\"action-button\"\n              type=\"button\"\n              onClick={this.handleActionButtonClick}\n            >\n              {this.actiontext}\n            </button>\n          )}\n        </div>\n        {this.showclose && (\n          <button\n            class=\"close-button\"\n            type=\"button\"\n            onClick={this.handleCloseButtonClick}\n          >\n            <z-icon\n              name=\"multiply-circle\"\n              width={16}\n              height={16}\n            />\n          </button>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAY,szDAClB,MAAAC,EAAeD,E,MCYFE,EAAa,MAgChB,uBAAAC,CAAwBC,GAC9BA,EAAEC,iBACFC,KAAKC,mBAAmBC,M,CAOlB,sBAAAC,CAAuBL,GAC7BA,EAAEC,iBACFC,KAAKI,kBAAkBF,M,CAGzB,WAAAG,CAAAC,G,kNA/BsB,M,gBAOC,M,YAIJ,MAqBjBN,KAAKH,wBAA0BG,KAAKH,wBAAwBU,KAAKP,MACjEA,KAAKG,uBAAyBH,KAAKG,uBAAuBI,KAAKP,K,CAGjE,MAAAQ,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFX,KAAKY,iBACJH,EAAA,UAAAE,IAAA,2CACEE,MAAM,cACNC,KAAMd,KAAKY,gBACXG,MAAO,GACPC,OAAQ,KAGZP,EAAA,OAAAE,IAAA,2CAAKE,MAAM,qBACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,gBACTJ,EAAA,QAAAE,IAAA,kDAECM,EAAAjB,KAAKkB,cAAU,MAAAD,SAAA,SAAAA,EAAEE,SAClBV,EAAA,UAAAE,IAAA,2CACEE,MAAM,gBACNO,KAAK,SACLC,QAASrB,KAAKH,yBAEbG,KAAKkB,aAIXlB,KAAKsB,WACJb,EAAA,UAAAE,IAAA,2CACEE,MAAM,eACNO,KAAK,SACLC,QAASrB,KAAKG,wBAEdM,EAAA,UAAAE,IAAA,2CACEG,KAAK,kBACLC,MAAO,GACPC,OAAQ,M","ignoreList":[]}