@zanichelli/albe-web-components 19.2.3-RC1 → 19.2.3

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,a,g as s}from"./p-75c4a726.js";import"./p-623fdee4.js";import"./p-7b837e11.js";import"./p-9c816a3b.js";import"./p-0b03b0e3.js";import"./p-061e28d6.js";import"./p-86618221.js";import"./p-5145a606.js";import"./p-68d91a93.js";import"./p-8b367393.js";const r=":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;min-width:max-content;max-width:100%;box-sizing:border-box;padding:var(--space-unit);background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";const o=r;const i=class{constructor(e){t(this,e);this.bordered=false;this.expandable=false}updateExpandable(){this.expandable=this.host.querySelectorAll("z-tr[expandable]").length>0}componentWillLoad(){this.expandableMutationObserver=new MutationObserver((()=>{this.updateExpandable()}));this.expandableMutationObserver.observe(this.host,{childList:true,subtree:true,attributes:true,attributeFilter:["expandable"],attributeOldValue:false})}disconnectedCallback(){var t;(t=this.expandableMutationObserver)===null||t===void 0?void 0:t.disconnect()}render(){return e(a,{key:"a37bf2d018aedf198e11248d9952c062deddc545",expandable:this.expandable},e("div",{key:"a769b79ee55eb5425bb6c72059437f051967c3b3",class:"table",role:"table"},e("slot",{key:"0ba782144cc2f139484954747d530d6f1c606a0d"})))}get host(){return s(this)}};i.style=o;export{i as z_table};
+//# sourceMappingURL=p-ec1270db.entry.js.map

package/dist/web-components-library/p-ec1270db.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTableStyle0","ZTable","updateExpandable","this","expandable","host","querySelectorAll","length","componentWillLoad","expandableMutationObserver","MutationObserver","observe","childList","subtree","attributes","attributeFilter","attributeOldValue","disconnectedCallback","_a","disconnect","render","h","Host","key","class","role"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  min-width: max-content;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: var(--space-unit);\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver?.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4QAAA,MAAMA,EAAY,+WAClB,MAAAC,EAAeD,E,MCeFE,EAAM,M,uCAON,M,gBAME,K,CAEL,gBAAAC,GACNC,KAAKC,WAAaD,KAAKE,KAAKC,iBAAiB,oBAAoBC,OAAS,C,CAQ5E,iBAAAC,GACEL,KAAKM,2BAA6B,IAAIC,kBAAiB,KACrDP,KAAKD,kBAAkB,IAEzBC,KAAKM,2BAA2BE,QAAQR,KAAKE,KAAM,CACjDO,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,cAClBC,kBAAmB,O,CAIvB,oBAAAC,G,OACEC,EAAAf,KAAKM,8BAA0B,MAAAS,SAAA,SAAAA,EAAEC,Y,CAGnC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACnB,WAAYD,KAAKC,YACrBiB,EAAA,OAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,SAELJ,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export{Z as z_th}from"./p-8b367393.js";import"./p-75c4a726.js";import"./p-86618221.js";
+//# sourceMappingURL=p-efa6b991.entry.js.map

package/dist/web-components-library/p-efa6b991.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,a as n,g as e}from"./p-75c4a726.js";import{N as o,a as s,b as r}from"./p-86618221.js";const l='z-navigation-tabs{position:relative;z-index:0;display:flex;overflow:hidden;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs *{box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:flex;overflow:auto;align-items:center;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation="horizontal"]>nav{width:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation="horizontal"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation="vertical"]{width:fit-content;flex-direction:column}z-navigation-tabs[orientation="vertical"]>nav{height:100%;flex-direction:column;align-items:stretch}z-navigation-tabs[orientation="vertical"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation="vertical"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation="vertical"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size="small"][orientation="vertical"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>*{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 2px 2px var(--shadow-color-base)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-background)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected="true"]{color:var(--color-hover-primary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected="true"]::after{position:absolute;background-color:var(--color-hover-primary);content:""}z-navigation-tabs[orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="horizontal"]>nav>[aria-selected="true"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav>* z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size="small"][orientation="horizontal"]>nav>[aria-selected="true"]::after{height:var(--border-size-medium)}z-navigation-tabs[size="small"]:not([orientation="vertical"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation="vertical"]>nav>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation="vertical"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation="vertical"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="vertical"]>nav>[aria-selected="true"]::after{top:0;right:0;width:var(--border-size-large);height:100%}';const h=l;const c=class{constructor(a){t(this,a);this.selected=i(this,"selected",7);this.focusedTab=undefined;this.ariaLabel="";this.orientation=o.HORIZONTAL;this.size=s.BIG;this.selectedTab=undefined;this.canNavigate=undefined;this.canNavigatePrev=undefined;this.canNavigateNext=undefined}get direction(){return this.orientation==o.HORIZONTAL?"Left":"Top"}get dimension(){return this.orientation==o.HORIZONTAL?"Width":"Height"}get tabs(){return Array.from(this.nav.children)}scrollToTab(t){const i=t.parentElement;if(!i){return}setTimeout((()=>{const a=this.orientation===o.HORIZONTAL;const n=i.getBoundingClientRect();const e=t.getBoundingClientRect();const s=a?e.left-n.left:e.top-n.top;const r=a?i.clientWidth:i.clientHeight;const l=a?t.clientWidth:t.clientHeight;const h=s-r/2+l/2;i.scrollTo({[a?"left":"top"]:i[a?"scrollLeft":"scrollTop"]+h,behavior:"smooth"})}),100)}navigateBackwards(){this.nav.scrollBy({[this.direction.toLowerCase()]:0-this.nav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateForward(){this.nav.scrollBy({[this.direction.toLowerCase()]:this.nav[`scroll${this.direction}`]+this.nav[`client${this.dimension}`]/2,behavior:"smooth"})}isArrowNavigation(t){return Object.values(r).includes(t.key)}checkScrollVisible(){if(!this.nav){return}this.canNavigate=this.nav[`scroll${this.dimension}`]>this.nav[`client${this.dimension}`]}checkScrollEnabled(){if(!this.nav){return}this.canNavigateNext=this.nav[`scroll${this.direction}`]+this.nav[`client${this.dimension}`]<this.nav[`scroll${this.dimension}`];this.canNavigatePrev=this.nav[`scroll${this.direction}`]>0}onTabSelected(){this.tabs.forEach(((t,i)=>{const a=t.querySelector("z-icon");const n=a===null||a===void 0?void 0:a.name.replace("-filled","");if(i!==this.selectedTab){t.setAttribute("aria-selected","false");t.tabIndex=-1;if(a){a.name=n}return}if(a){a.name=`${n}-filled`}t.setAttribute("aria-selected","true")}));this.selected.emit(this.selectedTab);if(this.selectedTab!==undefined){this.scrollToTab(this.tabs[this.selectedTab])}}handleTabClick(t){const i=t.target.closest("[role='tab']");if(!this.tabs.some((t=>t.contains(i)))){return}this.selectedTab=this.tabs.indexOf(i)}onTabFocusIn(t){const i=this.tabs.findIndex((i=>i.contains(t.target)));if(i===-1){return}if(this.selectedTab!==undefined){this.tabs[this.selectedTab].tabIndex=-1}this.focusedTab=i;this.tabs[this.focusedTab].tabIndex=-1;this.scrollToTab(this.tabs[this.focusedTab])}navigateThroughTabs(t){if(!this.tabs.some((i=>i.contains(t.target)))||!this.isArrowNavigation(t)){return true}t.preventDefault();if(t.key===r.RIGHT&&this.orientation==o.HORIZONTAL||t.key===r.DOWN&&this.orientation==o.VERTICAL){this.focusedTab++;if(this.focusedTab>=this.tabs.length){this.focusedTab=0}}else if(t.key===r.LEFT&&this.orientation==o.HORIZONTAL||t.key===r.UP&&this.orientation==o.VERTICAL){this.focusedTab--;if(this.focusedTab<0){this.focusedTab=this.tabs.length-1}}if(this.tabs[this.focusedTab].hasAttribute("disabled")&&this.tabs[this.focusedTab].getAttribute("disabled")!=="false"){return this.navigateThroughTabs(t)}this.tabs[this.focusedTab].focus();this.scrollToTab(this.tabs[this.focusedTab])}onTabFocusOut(t){var i;if(!this.tabs.some((i=>i.contains(t.relatedTarget)))){this.tabs[(i=this.selectedTab)!==null&&i!==void 0?i:0].tabIndex=0;this.focusedTab=undefined}}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.checkScrollVisible()))}componentDidLoad(){var t;this.tabs.forEach((t=>{t.setAttribute("role","tab");t.tabIndex=-1}));const i=(t=this.selectedTab)!==null&&t!==void 0?t:this.tabs.findIndex((t=>t.ariaSelected==="true"));if(i!==-1){this.selectedTab=i;this.tabs[i].tabIndex=0;this.onTabSelected()}else{this.tabs[0].tabIndex=0}this.resizeObserver.observe(this.nav)}disconnectedCallback(){var t;(t=this.resizeObserver)===null||t===void 0?void 0:t.disconnect()}render(){return a(n,{key:"69bc5562051734e576c1dbb2af850ef01a70a693",class:{"interactive-2":this.size===s.SMALL,"interactive-1":this.size!==s.SMALL},scrollable:this.canNavigate},a("button",{key:"c851af9053873ea70d1dee5216bb680deea111f0",class:"navigation-button",onClick:this.navigateBackwards.bind(this),tabIndex:-1,disabled:!this.canNavigatePrev,"aria-label":"Mostra elementi precedenti",hidden:!this.canNavigate},a("z-icon",{key:"6a69b89400fea7a87fd18d8d59e183b85aa0c87f",name:this.orientation===o.HORIZONTAL?"chevron-left":"chevron-up",width:16,height:16})),a("nav",{key:"997e215eecc0454b96e0034fece50be22cb1eef0",role:"tablist","aria-label":this.ariaLabel,ref:t=>this.nav=t!==null&&t!==void 0?t:this.nav,onScroll:this.checkScrollEnabled.bind(this),"aria-orientation":this.orientation},a("slot",{key:"8a214ee36e66badda0a8825fbe7c2268ff0fc6df"})),a("button",{key:"627501af784136a1eff68c0e002812144062128e",class:"navigation-button",onClick:this.navigateForward.bind(this),tabIndex:-1,disabled:!this.canNavigateNext,"aria-label":"Mostra elementi successivi",hidden:!this.canNavigate},a("z-icon",{key:"68728de5a048363fd186c4a26cc8872fd4b0253e",name:this.orientation===o.HORIZONTAL?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return e(this)}static get watchers(){return{canNavigate:["checkScrollEnabled"],selectedTab:["onTabSelected"]}}};c.style=h;export{c as z_navigation_tabs};
+//# sourceMappingURL=p-f4b987ed.entry.js.map

package/dist/web-components-library/p-f4b987ed.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZNavigationTabsStyle0","ZNavigationTabs","this","focusedTab","undefined","NavigationTabsOrientation","HORIZONTAL","NavigationTabsSize","BIG","direction","orientation","dimension","tabs","Array","from","nav","children","scrollToTab","tabElement","container","parentElement","setTimeout","isHorizontal","containerRect","getBoundingClientRect","tabRect","offset","left","top","containerSize","clientWidth","clientHeight","tabSize","scrollAmount","scrollTo","behavior","navigateBackwards","scrollBy","toLowerCase","navigateForward","isArrowNavigation","e","Object","values","NavigationTabsKeyboardEvents","includes","key","checkScrollVisible","canNavigate","checkScrollEnabled","canNavigateNext","canNavigatePrev","onTabSelected","forEach","tab","i","zicon","querySelector","strokeIcon","name","replace","selectedTab","setAttribute","tabIndex","selected","emit","handleTabClick","event","clickedTab","target","closest","some","child","contains","indexOf","onTabFocusIn","focused","findIndex","navigateThroughTabs","preventDefault","RIGHT","DOWN","VERTICAL","length","LEFT","UP","hasAttribute","getAttribute","focus","onTabFocusOut","relatedTarget","_a","connectedCallback","resizeObserver","ResizeObserver","componentDidLoad","preselectedTab","ariaSelected","observe","disconnectedCallback","disconnect","render","h","Host","class","size","SMALL","scrollable","onClick","bind","disabled","hidden","width","height","role","ariaLabel","ref","el","onScroll"],"sources":["src/components/z-navigation-tabs/styles.css?tag=z-navigation-tabs","src/components/z-navigation-tabs/index.tsx"],"sourcesContent":["z-navigation-tabs {\n  --z-navigation-tabs-nav-buttons-bg: ;\n  --z-navigation-tabs-nav-buttons-fg: ;\n\n  position: relative;\n  z-index: 0;\n  display: flex;\n  overflow: hidden;\n  flex-direction: row;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\nz-navigation-tabs,\nz-navigation-tabs * {\n  box-sizing: border-box;\n}\n\nz-navigation-tabs > nav::-webkit-scrollbar {\n  display: none;\n}\n\nz-navigation-tabs .navigation-button {\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));\n  border-radius: var(--border-no-radius);\n  box-shadow: 0 0 4px 1px var(--shadow-color-base);\n  cursor: pointer;\n  fill: var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));\n  outline: none;\n}\n\nz-navigation-tabs .navigation-button:disabled {\n  display: none;\n}\n\nz-navigation-tabs > nav {\n  z-index: 0;\n  display: flex;\n  overflow: auto;\n  align-items: center;\n  justify-content: flex-start;\n  scroll-behavior: smooth;\n\n  /* hide scrollbar in Firefox */\n  scrollbar-width: none;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav {\n  width: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button {\n  top: 0;\n  width: calc(var(--space-unit) * 4);\n  height: 100%;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:first-child {\n  left: 0;\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] .navigation-button:last-child {\n  right: 0;\n}\n\n/* Orientation vertical */\nz-navigation-tabs[orientation=\"vertical\"] {\n  width: fit-content;\n  flex-direction: column;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav {\n  height: 100%;\n  flex-direction: column;\n  align-items: stretch;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button {\n  left: 0;\n  width: 100%;\n  height: calc(var(--space-unit) * 4);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:first-child {\n  top: 0;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] .navigation-button:last-child {\n  bottom: 0;\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"vertical\"] .navigation-button {\n  height: calc(var(--space-unit) * 4);\n}\n\n/* Style for the tabs */\n\nz-navigation-tabs > nav > * {\n  position: relative;\n  z-index: 0;\n  display: inline-flex;\n  width: auto;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n  border: none;\n  margin: 0;\n  background-color: unset;\n  border-radius: var(--border-no-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n  gap: var(--space-unit);\n  letter-spacing: inherit;\n  line-height: inherit;\n  outline: none;\n  text-align: center;\n  white-space: nowrap;\n}\n\nz-navigation-tabs > nav > a {\n  text-decoration: none;\n}\n\nz-navigation-tabs > nav > *:focus:focus-visible {\n  z-index: 1;\n  box-shadow: inset 0 0 2px 2px var(--shadow-color-base);\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover {\n  background-color: var(--color-background);\n}\n\nz-navigation-tabs > nav > button[disabled] {\n  color: var(--color-disabled03);\n  cursor: not-allowed;\n  fill: currentcolor;\n  pointer-events: all;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover,\nnav > [aria-selected=\"true\"] {\n  color: var(--color-hover-primary);\n  fill: currentcolor;\n}\n\nz-navigation-tabs > nav > :not([disabled]):hover::after,\nnav > [aria-selected=\"true\"]::after {\n  position: absolute;\n  background-color: var(--color-hover-primary);\n  content: \"\";\n}\n\nz-navigation-tabs[orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n}\n\nz-navigation-tabs > nav > * z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n\n  display: flex;\n  margin: 0;\n}\n\n/* `small` size (only available for horizontal orientation) */\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > * {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[size=\"small\"][orientation=\"horizontal\"] > nav > [aria-selected=\"true\"]::after {\n  height: var(--border-size-medium);\n}\n\nz-navigation-tabs[size=\"small\"]:not([orientation=\"vertical\"]) > nav > * z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * {\n  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > * > :not(z-icon) {\n  display: none;\n}\n\nz-navigation-tabs[orientation=\"vertical\"] > nav > :not([disabled]):hover::after,\nz-navigation-tabs[orientation=\"vertical\"] > nav > [aria-selected=\"true\"]::after {\n  top: 0;\n  right: 0;\n  width: var(--border-size-large);\n  height: 100%;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {NavigationTabsKeyboardEvents, NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\n\n/**\n * Navigation tabs component.\n * To select a specific tab programmatically, set the `aria-selected` attribute to `true` on the desired tab.\n * @slot - Main slot. Use `<button>` or `<a>` tags as children.\n * @cssprop --z-navigation-tabs-nav-buttons-bg - Navigation buttons background color.\n * @cssprop --z-navigation-tabs-nav-buttons-fg - Navigation buttons foreground color.\n */\n@Component({\n  tag: \"z-navigation-tabs\",\n  styleUrl: \"styles.css\",\n})\nexport class ZNavigationTabs {\n  /**\n   * Set `aria-label` attribute to the internal `<nav>` element with `tablist` role.\n   */\n  @Prop()\n  ariaLabel = \"\";\n\n  /**\n   * Navigation tabs orientation.\n   */\n  @Prop({reflect: true})\n  orientation? = NavigationTabsOrientation.HORIZONTAL;\n\n  /**\n   * Navigation tabs size.\n   */\n  @Prop({reflect: true})\n  size? = NavigationTabsSize.BIG;\n\n  /**\n   * Index of the selected tab.\n   * Useful to programmatically select a tab.\n   * The tab can also be selected by setting the `aria-selected` attribute to `true` on the desired tab.\n   */\n  @Prop({mutable: true})\n  selectedTab: number = undefined;\n\n  /**\n   * Emitted when the selected tab changes.\n   * Contains the index of the new selected tab in the `detail` of the event.\n   */\n  @Event()\n  selected: EventEmitter<number>;\n\n  /**\n   * Whether to show navigation buttons.\n   */\n  @State()\n  canNavigate: boolean;\n\n  /**\n   * Whether backwards navigation is allowed.\n   */\n  @State()\n  canNavigatePrev: boolean;\n\n  /**\n   * Whether forward navigation is allowed.\n   */\n  @State()\n  canNavigateNext: boolean;\n\n  @Element() host: HTMLZNavigationTabsElement;\n\n  /**\n   * Index of the last tab that held focus.\n   */\n  private focusedTab = undefined;\n\n  /**\n   * Reference to the `<nav>` element\n   */\n  private nav: HTMLElement;\n\n  /**\n   * Getter for the direction to check based on current orientation.\n   */\n  get direction(): string {\n    return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Left\" : \"Top\";\n  }\n\n  /**\n   * Getter for the dimension to check based on current orientation.\n   */\n  get dimension(): string {\n    return this.orientation == NavigationTabsOrientation.HORIZONTAL ? \"Width\" : \"Height\";\n  }\n\n  get tabs(): HTMLElement[] {\n    return Array.from(this.nav.children) as HTMLElement[];\n  }\n\n  private resizeObserver: ResizeObserver;\n\n  /**\n   * Scroll into view to center the tab.\n   */\n  private scrollToTab(tabElement: HTMLElement): void {\n    const container = tabElement.parentElement;\n\n    if (!container) {\n      return;\n    }\n\n    setTimeout(() => {\n      const isHorizontal = this.orientation === NavigationTabsOrientation.HORIZONTAL;\n\n      const containerRect = container.getBoundingClientRect();\n      const tabRect = tabElement.getBoundingClientRect();\n\n      const offset = isHorizontal ? tabRect.left - containerRect.left : tabRect.top - containerRect.top;\n      const containerSize = isHorizontal ? container.clientWidth : container.clientHeight;\n      const tabSize = isHorizontal ? tabElement.clientWidth : tabElement.clientHeight;\n      const scrollAmount = offset - containerSize / 2 + tabSize / 2;\n\n      container.scrollTo({\n        [isHorizontal ? \"left\" : \"top\"]: container[isHorizontal ? \"scrollLeft\" : \"scrollTop\"] + scrollAmount,\n        behavior: \"smooth\",\n      });\n    }, 100);\n  }\n\n  /**\n   * Scroll the navigation bar half of its size backward.\n   */\n  private navigateBackwards(): void {\n    this.nav.scrollBy({\n      [this.direction.toLowerCase()]: 0 - this.nav[`client${this.dimension}`] / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  /**\n   * Scroll the navigation bar half of its size forward.\n   */\n  private navigateForward(): void {\n    this.nav.scrollBy({\n      [this.direction.toLowerCase()]: this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] / 2,\n      behavior: \"smooth\",\n    });\n  }\n\n  /**\n   * Check if a keyboard event was triggered by an arrow key.\n   */\n  private isArrowNavigation(e: KeyboardEvent): boolean {\n    return Object.values(NavigationTabsKeyboardEvents).includes(e.key as NavigationTabsKeyboardEvents);\n  }\n\n  /**\n   * Check if the navigation buttons are needed.\n   */\n  private checkScrollVisible(): void {\n    if (!this.nav) {\n      return;\n    }\n\n    this.canNavigate = this.nav[`scroll${this.dimension}`] > this.nav[`client${this.dimension}`];\n  }\n\n  /**\n   * Check if navigation buttons can be enabled for each direction.\n   */\n  @Watch(\"canNavigate\")\n  checkScrollEnabled(): void {\n    if (!this.nav) {\n      return;\n    }\n\n    this.canNavigateNext =\n      this.nav[`scroll${this.direction}`] + this.nav[`client${this.dimension}`] < this.nav[`scroll${this.dimension}`];\n    this.canNavigatePrev = this.nav[`scroll${this.direction}`] > 0;\n  }\n\n  /**\n   * When the selected tab changes, update the `aria-selected` attribute on each tab and scroll to the selected tab.\n   */\n  @Watch(\"selectedTab\")\n  onTabSelected(): void {\n    this.tabs.forEach((tab, i) => {\n      const zicon = tab.querySelector(\"z-icon\");\n      const strokeIcon = zicon?.name.replace(\"-filled\", \"\");\n      if (i !== this.selectedTab) {\n        tab.setAttribute(\"aria-selected\", \"false\");\n        tab.tabIndex = -1;\n        if (zicon) {\n          zicon.name = strokeIcon;\n        }\n\n        return;\n      }\n\n      if (zicon) {\n        zicon.name = `${strokeIcon}-filled`;\n      }\n      tab.setAttribute(\"aria-selected\", \"true\");\n    });\n    this.selected.emit(this.selectedTab);\n    if (this.selectedTab !== undefined) {\n      this.scrollToTab(this.tabs[this.selectedTab]);\n    }\n  }\n\n  /**\n   * Handle click on the tabs.\n   * @param event `click` event triggered by a child tab\n   */\n  @Listen(\"click\")\n  handleTabClick(event: MouseEvent): void {\n    const clickedTab = (event.target as HTMLElement).closest<HTMLElement>(\"[role='tab']\");\n    if (!this.tabs.some((child) => child.contains(clickedTab))) {\n      return;\n    }\n\n    this.selectedTab = this.tabs.indexOf(clickedTab);\n  }\n\n  /**\n   * When a tab is focused, temporarily set to -1 the `tabindex` of the selected tab (if any) and set the `focusedTab` to the index of the focused tab.\n   */\n  @Listen(\"focusin\")\n  onTabFocusIn(event: FocusEvent): void {\n    const focused = this.tabs.findIndex((tab) => tab.contains(event.target as HTMLElement));\n    if (focused === -1) {\n      return;\n    }\n\n    if (this.selectedTab !== undefined) {\n      this.tabs[this.selectedTab].tabIndex = -1;\n    }\n    this.focusedTab = focused;\n    this.tabs[this.focusedTab].tabIndex = -1;\n    this.scrollToTab(this.tabs[this.focusedTab]);\n  }\n\n  /**\n   * Handle keyboard navigation through tabs with arrow keys.\n   */\n  @Listen(\"keydown\")\n  navigateThroughTabs(event: KeyboardEvent): void | boolean {\n    if (!this.tabs.some((tab) => tab.contains(event.target as HTMLElement)) || !this.isArrowNavigation(event)) {\n      return true;\n    }\n\n    event.preventDefault();\n    if (\n      (event.key === NavigationTabsKeyboardEvents.RIGHT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n      (event.key === NavigationTabsKeyboardEvents.DOWN && this.orientation == NavigationTabsOrientation.VERTICAL)\n    ) {\n      // Move forward\n      this.focusedTab++;\n      if (this.focusedTab >= this.tabs.length) {\n        this.focusedTab = 0;\n      }\n    } else if (\n      (event.key === NavigationTabsKeyboardEvents.LEFT && this.orientation == NavigationTabsOrientation.HORIZONTAL) ||\n      (event.key === NavigationTabsKeyboardEvents.UP && this.orientation == NavigationTabsOrientation.VERTICAL)\n    ) {\n      // Move backward\n      this.focusedTab--;\n      if (this.focusedTab < 0) {\n        this.focusedTab = this.tabs.length - 1;\n      }\n    }\n    // Ignore disabled tabs\n    if (\n      this.tabs[this.focusedTab].hasAttribute(\"disabled\") &&\n      this.tabs[this.focusedTab].getAttribute(\"disabled\") !== \"false\"\n    ) {\n      return this.navigateThroughTabs(event);\n    }\n\n    this.tabs[this.focusedTab].focus();\n    this.scrollToTab(this.tabs[this.focusedTab]);\n  }\n\n  /**\n   * If the focus is not going on a tab (`relatedTarget` is the new focused element), set to 0 the `tabindex` of the selected tab or the one of the first tab, then unset the `focusedTab`.\n   */\n  @Listen(\"focusout\")\n  onTabFocusOut(event: FocusEvent): void {\n    if (!this.tabs.some((tab) => tab.contains(event.relatedTarget as HTMLElement))) {\n      this.tabs[this.selectedTab ?? 0].tabIndex = 0;\n      this.focusedTab = undefined;\n    }\n  }\n\n  connectedCallback(): void {\n    this.resizeObserver = new ResizeObserver(() => this.checkScrollVisible());\n  }\n\n  componentDidLoad(): void {\n    // Set role and tabindex to each slotted tab\n    this.tabs.forEach((tab) => {\n      tab.setAttribute(\"role\", \"tab\");\n      tab.tabIndex = -1;\n    });\n\n    const preselectedTab = this.selectedTab ?? this.tabs.findIndex((tab) => tab.ariaSelected === \"true\");\n    if (preselectedTab !== -1) {\n      this.selectedTab = preselectedTab;\n      this.tabs[preselectedTab].tabIndex = 0;\n      this.onTabSelected();\n    } else {\n      this.tabs[0].tabIndex = 0;\n    }\n\n    this.resizeObserver.observe(this.nav);\n  }\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  render(): HTMLZNavigationTabsElement {\n    return (\n      <Host\n        class={{\n          \"interactive-2\": this.size === NavigationTabsSize.SMALL,\n          \"interactive-1\": this.size !== NavigationTabsSize.SMALL,\n        }}\n        scrollable={this.canNavigate}\n      >\n        <button\n          class=\"navigation-button\"\n          onClick={this.navigateBackwards.bind(this)}\n          tabIndex={-1}\n          disabled={!this.canNavigatePrev}\n          aria-label=\"Mostra elementi precedenti\"\n          hidden={!this.canNavigate}\n        >\n          <z-icon\n            name={this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-left\" : \"chevron-up\"}\n            width={16}\n            height={16}\n          />\n        </button>\n\n        <nav\n          role=\"tablist\"\n          aria-label={this.ariaLabel}\n          ref={(el) => (this.nav = el ?? this.nav)}\n          onScroll={this.checkScrollEnabled.bind(this)}\n          aria-orientation={this.orientation}\n        >\n          <slot></slot>\n        </nav>\n\n        <button\n          class=\"navigation-button\"\n          onClick={this.navigateForward.bind(this)}\n          tabIndex={-1}\n          disabled={!this.canNavigateNext}\n          aria-label=\"Mostra elementi successivi\"\n          hidden={!this.canNavigate}\n        >\n          <z-icon\n            name={this.orientation === NavigationTabsOrientation.HORIZONTAL ? \"chevron-right\" : \"chevron-down\"}\n            width={16}\n            height={16}\n          />\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import{r as t,c as e,h as i,a as n,g as r}from"./p-75c4a726.js";import{r as s,g as o}from"./p-86618221.js";import{c as a}from"./p-4573c419.js";var c={exports:{}};
+/*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */(function(t,e){(function(e,i){t.exports=i()})(a,(function(){const{entries:t,setPrototypeOf:e,isFrozen:i,getPrototypeOf:n,getOwnPropertyDescriptor:r}=Object;let{freeze:s,seal:o,create:a}=Object;let{apply:c,construct:f}=typeof Reflect!=="undefined"&&Reflect;if(!s){s=function t(e){return e}}if(!o){o=function t(e){return e}}if(!c){c=function t(e,i,n){return e.apply(i,n)}}if(!f){f=function t(e,i){return new e(...i)}}const u=k(Array.prototype.forEach);const l=k(Array.prototype.lastIndexOf);const h=k(Array.prototype.pop);const d=k(Array.prototype.push);const p=k(Array.prototype.splice);const m=k(String.prototype.toLowerCase);const v=k(String.prototype.toString);const g=k(String.prototype.match);const y=k(String.prototype.replace);const b=k(String.prototype.indexOf);const w=k(String.prototype.trim);const T=k(Object.prototype.hasOwnProperty);const x=k(RegExp.prototype.test);const E=A(TypeError);function k(t){return function(e){if(e instanceof RegExp){e.lastIndex=0}for(var i=arguments.length,n=new Array(i>1?i-1:0),r=1;r<i;r++){n[r-1]=arguments[r]}return c(t,e,n)}}function A(t){return function(){for(var e=arguments.length,i=new Array(e),n=0;n<e;n++){i[n]=arguments[n]}return f(t,i)}}function S(t,n){let r=arguments.length>2&&arguments[2]!==undefined?arguments[2]:m;if(e){e(t,null)}let s=n.length;while(s--){let e=n[s];if(typeof e==="string"){const t=r(e);if(t!==e){if(!i(n)){n[s]=t}e=t}}t[e]=true}return t}function R(t){for(let e=0;e<t.length;e++){const i=T(t,e);if(!i){t[e]=null}}return t}function _(e){const i=a(null);for(const[n,r]of t(e)){const t=T(e,n);if(t){if(Array.isArray(r)){i[n]=R(r)}else if(r&&typeof r==="object"&&r.constructor===Object){i[n]=_(r)}else{i[n]=r}}}return i}function I(t,e){while(t!==null){const i=r(t,e);if(i){if(i.get){return k(i.get)}if(typeof i.value==="function"){return k(i.value)}}t=n(t)}function i(){return null}return i}const D=s(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","section","select","shadow","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]);const z=s(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","filter","font","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const M=s(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]);const O=s(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]);const P=s(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]);const C=s(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const N=s(["#text"]);const L=s(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","face","for","headers","height","hidden","high","href","hreflang","id","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]);const F=s(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]);const j=s(["accent","accentunder","align","bevelled","close","columnsalign","columnlines","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lspace","lquote","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]);const U=s(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const B=o(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const W=o(/<%[\w\W]*|[\w\W]*%>/gm);const X=o(/\$\{[\w\W]*/gm);const H=o(/^data-[\-\w.\u00B7-\uFFFF]+$/);const Y=o(/^aria-[\-\w]+$/);const q=o(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const $=o(/^(?:\w+script|data):/i);const G=o(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const V=o(/^html$/i);const Z=o(/^[a-z][.\w]*(-[.\w]+)+$/i);var K=Object.freeze({__proto__:null,ARIA_ATTR:Y,ATTR_WHITESPACE:G,CUSTOM_ELEMENT:Z,DATA_ATTR:H,DOCTYPE_NAME:V,ERB_EXPR:W,IS_ALLOWED_URI:q,IS_SCRIPT_OR_DATA:$,MUSTACHE_EXPR:B,TMPLIT_EXPR:X});const J={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,progressingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12};const Q=function t(){return typeof window==="undefined"?null:window};const tt=function t(e,i){if(typeof e!=="object"||typeof e.createPolicy!=="function"){return null}let n=null;const r="data-tt-policy-suffix";if(i&&i.hasAttribute(r)){n=i.getAttribute(r)}const s="dompurify"+(n?"#"+n:"");try{return e.createPolicy(s,{createHTML(t){return t},createScriptURL(t){return t}})}catch(t){console.warn("TrustedTypes policy "+s+" could not be created.");return null}};const et=function t(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function it(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:Q();const i=t=>it(t);i.version="3.2.6";i.removed=[];if(!e||!e.document||e.document.nodeType!==J.document||!e.Element){i.isSupported=false;return i}let{document:n}=e;const r=n;const o=r.currentScript;const{DocumentFragment:c,HTMLTemplateElement:f,Node:k,Element:A,NodeFilter:R,NamedNodeMap:B=e.NamedNodeMap||e.MozNamedAttrMap,HTMLFormElement:W,DOMParser:X,trustedTypes:H}=e;const Y=A.prototype;const $=I(Y,"cloneNode");const G=I(Y,"remove");const Z=I(Y,"nextSibling");const nt=I(Y,"childNodes");const rt=I(Y,"parentNode");if(typeof f==="function"){const t=n.createElement("template");if(t.content&&t.content.ownerDocument){n=t.content.ownerDocument}}let st;let ot="";const{implementation:at,createNodeIterator:ct,createDocumentFragment:ft,getElementsByTagName:ut}=n;const{importNode:lt}=r;let ht=et();i.isSupported=typeof t==="function"&&typeof rt==="function"&&at&&at.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:dt,ERB_EXPR:pt,TMPLIT_EXPR:mt,DATA_ATTR:vt,ARIA_ATTR:gt,IS_SCRIPT_OR_DATA:yt,ATTR_WHITESPACE:bt,CUSTOM_ELEMENT:wt}=K;let{IS_ALLOWED_URI:Tt}=K;let xt=null;const Et=S({},[...D,...z,...M,...P,...N]);let kt=null;const At=S({},[...L,...F,...j,...U]);let St=Object.seal(a(null,{tagNameCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeNameCheck:{writable:true,configurable:false,enumerable:true,value:null},allowCustomizedBuiltInElements:{writable:true,configurable:false,enumerable:true,value:false}}));let Rt=null;let _t=null;let It=true;let Dt=true;let zt=false;let Mt=true;let Ot=false;let Pt=true;let Ct=false;let Nt=false;let Lt=false;let Ft=false;let jt=false;let Ut=false;let Bt=true;let Wt=false;const Xt="user-content-";let Ht=true;let Yt=false;let qt={};let $t=null;const Gt=S({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Vt=null;const Zt=S({},["audio","video","img","source","image","track"]);let Kt=null;const Jt=S({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const Qt="http://www.w3.org/1998/Math/MathML";const te="http://www.w3.org/2000/svg";const ee="http://www.w3.org/1999/xhtml";let ie=ee;let ne=false;let re=null;const se=S({},[Qt,te,ee],v);let oe=S({},["mi","mo","mn","ms","mtext"]);let ae=S({},["annotation-xml"]);const ce=S({},["title","style","font","a","script"]);let fe=null;const ue=["application/xhtml+xml","text/html"];const le="text/html";let he=null;let de=null;const pe=n.createElement("form");const me=function t(e){return e instanceof RegExp||e instanceof Function};const ve=function t(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(de&&de===e){return}if(!e||typeof e!=="object"){e={}}e=_(e);fe=ue.indexOf(e.PARSER_MEDIA_TYPE)===-1?le:e.PARSER_MEDIA_TYPE;he=fe==="application/xhtml+xml"?v:m;xt=T(e,"ALLOWED_TAGS")?S({},e.ALLOWED_TAGS,he):Et;kt=T(e,"ALLOWED_ATTR")?S({},e.ALLOWED_ATTR,he):At;re=T(e,"ALLOWED_NAMESPACES")?S({},e.ALLOWED_NAMESPACES,v):se;Kt=T(e,"ADD_URI_SAFE_ATTR")?S(_(Jt),e.ADD_URI_SAFE_ATTR,he):Jt;Vt=T(e,"ADD_DATA_URI_TAGS")?S(_(Zt),e.ADD_DATA_URI_TAGS,he):Zt;$t=T(e,"FORBID_CONTENTS")?S({},e.FORBID_CONTENTS,he):Gt;Rt=T(e,"FORBID_TAGS")?S({},e.FORBID_TAGS,he):_({});_t=T(e,"FORBID_ATTR")?S({},e.FORBID_ATTR,he):_({});qt=T(e,"USE_PROFILES")?e.USE_PROFILES:false;It=e.ALLOW_ARIA_ATTR!==false;Dt=e.ALLOW_DATA_ATTR!==false;zt=e.ALLOW_UNKNOWN_PROTOCOLS||false;Mt=e.ALLOW_SELF_CLOSE_IN_ATTR!==false;Ot=e.SAFE_FOR_TEMPLATES||false;Pt=e.SAFE_FOR_XML!==false;Ct=e.WHOLE_DOCUMENT||false;Ft=e.RETURN_DOM||false;jt=e.RETURN_DOM_FRAGMENT||false;Ut=e.RETURN_TRUSTED_TYPE||false;Lt=e.FORCE_BODY||false;Bt=e.SANITIZE_DOM!==false;Wt=e.SANITIZE_NAMED_PROPS||false;Ht=e.KEEP_CONTENT!==false;Yt=e.IN_PLACE||false;Tt=e.ALLOWED_URI_REGEXP||q;ie=e.NAMESPACE||ee;oe=e.MATHML_TEXT_INTEGRATION_POINTS||oe;ae=e.HTML_INTEGRATION_POINTS||ae;St=e.CUSTOM_ELEMENT_HANDLING||{};if(e.CUSTOM_ELEMENT_HANDLING&&me(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){St.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(e.CUSTOM_ELEMENT_HANDLING&&me(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)){St.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck}if(e.CUSTOM_ELEMENT_HANDLING&&typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements==="boolean"){St.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements}if(Ot){Dt=false}if(jt){Ft=true}if(qt){xt=S({},N);kt=[];if(qt.html===true){S(xt,D);S(kt,L)}if(qt.svg===true){S(xt,z);S(kt,F);S(kt,U)}if(qt.svgFilters===true){S(xt,M);S(kt,F);S(kt,U)}if(qt.mathMl===true){S(xt,P);S(kt,j);S(kt,U)}}if(e.ADD_TAGS){if(xt===Et){xt=_(xt)}S(xt,e.ADD_TAGS,he)}if(e.ADD_ATTR){if(kt===At){kt=_(kt)}S(kt,e.ADD_ATTR,he)}if(e.ADD_URI_SAFE_ATTR){S(Kt,e.ADD_URI_SAFE_ATTR,he)}if(e.FORBID_CONTENTS){if($t===Gt){$t=_($t)}S($t,e.FORBID_CONTENTS,he)}if(Ht){xt["#text"]=true}if(Ct){S(xt,["html","head","body"])}if(xt.table){S(xt,["tbody"]);delete Rt.tbody}if(e.TRUSTED_TYPES_POLICY){if(typeof e.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw E('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof e.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw E('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}st=e.TRUSTED_TYPES_POLICY;ot=st.createHTML("")}else{if(st===undefined){st=tt(H,o)}if(st!==null&&typeof ot==="string"){ot=st.createHTML("")}}if(s){s(e)}de=e};const ge=S({},[...z,...M,...O]);const ye=S({},[...P,...C]);const be=function t(e){let i=rt(e);if(!i||!i.tagName){i={namespaceURI:ie,tagName:"template"}}const n=m(e.tagName);const r=m(i.tagName);if(!re[e.namespaceURI]){return false}if(e.namespaceURI===te){if(i.namespaceURI===ee){return n==="svg"}if(i.namespaceURI===Qt){return n==="svg"&&(r==="annotation-xml"||oe[r])}return Boolean(ge[n])}if(e.namespaceURI===Qt){if(i.namespaceURI===ee){return n==="math"}if(i.namespaceURI===te){return n==="math"&&ae[r]}return Boolean(ye[n])}if(e.namespaceURI===ee){if(i.namespaceURI===te&&!ae[r]){return false}if(i.namespaceURI===Qt&&!oe[r]){return false}return!ye[n]&&(ce[n]||!ge[n])}if(fe==="application/xhtml+xml"&&re[e.namespaceURI]){return true}return false};const we=function t(e){d(i.removed,{element:e});try{rt(e).removeChild(e)}catch(t){G(e)}};const Te=function t(e,n){try{d(i.removed,{attribute:n.getAttributeNode(e),from:n})}catch(t){d(i.removed,{attribute:null,from:n})}n.removeAttribute(e);if(e==="is"){if(Ft||jt){try{we(n)}catch(t){}}else{try{n.setAttribute(e,"")}catch(t){}}}};const xe=function t(e){let i=null;let r=null;if(Lt){e="<remove></remove>"+e}else{const t=g(e,/^[\r\n\t ]+/);r=t&&t[0]}if(fe==="application/xhtml+xml"&&ie===ee){e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>"}const s=st?st.createHTML(e):e;if(ie===ee){try{i=(new X).parseFromString(s,fe)}catch(t){}}if(!i||!i.documentElement){i=at.createDocument(ie,"template",null);try{i.documentElement.innerHTML=ne?ot:s}catch(t){}}const o=i.body||i.documentElement;if(e&&r){o.insertBefore(n.createTextNode(r),o.childNodes[0]||null)}if(ie===ee){return ut.call(i,Ct?"html":"body")[0]}return Ct?i.documentElement:o};const Ee=function t(e){return ct.call(e.ownerDocument||e,e,R.SHOW_ELEMENT|R.SHOW_COMMENT|R.SHOW_TEXT|R.SHOW_PROCESSING_INSTRUCTION|R.SHOW_CDATA_SECTION,null)};const ke=function t(e){return e instanceof W&&(typeof e.nodeName!=="string"||typeof e.textContent!=="string"||typeof e.removeChild!=="function"||!(e.attributes instanceof B)||typeof e.removeAttribute!=="function"||typeof e.setAttribute!=="function"||typeof e.namespaceURI!=="string"||typeof e.insertBefore!=="function"||typeof e.hasChildNodes!=="function")};const Ae=function t(e){return typeof k==="function"&&e instanceof k};function Se(t,e,n){u(t,(t=>{t.call(i,e,n,de)}))}const Re=function t(e){let n=null;Se(ht.beforeSanitizeElements,e,null);if(ke(e)){we(e);return true}const r=he(e.nodeName);Se(ht.uponSanitizeElement,e,{tagName:r,allowedTags:xt});if(Pt&&e.hasChildNodes()&&!Ae(e.firstElementChild)&&x(/<[/\w!]/g,e.innerHTML)&&x(/<[/\w!]/g,e.textContent)){we(e);return true}if(e.nodeType===J.progressingInstruction){we(e);return true}if(Pt&&e.nodeType===J.comment&&x(/<[/\w]/g,e.data)){we(e);return true}if(!xt[r]||Rt[r]){if(!Rt[r]&&Ie(r)){if(St.tagNameCheck instanceof RegExp&&x(St.tagNameCheck,r)){return false}if(St.tagNameCheck instanceof Function&&St.tagNameCheck(r)){return false}}if(Ht&&!$t[r]){const t=rt(e)||e.parentNode;const i=nt(e)||e.childNodes;if(i&&t){const n=i.length;for(let r=n-1;r>=0;--r){const n=$(i[r],true);n.__removalCount=(e.__removalCount||0)+1;t.insertBefore(n,Z(e))}}}we(e);return true}if(e instanceof A&&!be(e)){we(e);return true}if((r==="noscript"||r==="noembed"||r==="noframes")&&x(/<\/no(script|embed|frames)/i,e.innerHTML)){we(e);return true}if(Ot&&e.nodeType===J.text){n=e.textContent;u([dt,pt,mt],(t=>{n=y(n,t," ")}));if(e.textContent!==n){d(i.removed,{element:e.cloneNode()});e.textContent=n}}Se(ht.afterSanitizeElements,e,null);return false};const _e=function t(e,i,r){if(Bt&&(i==="id"||i==="name")&&(r in n||r in pe)){return false}if(Dt&&!_t[i]&&x(vt,i));else if(It&&x(gt,i));else if(!kt[i]||_t[i]){if(Ie(e)&&(St.tagNameCheck instanceof RegExp&&x(St.tagNameCheck,e)||St.tagNameCheck instanceof Function&&St.tagNameCheck(e))&&(St.attributeNameCheck instanceof RegExp&&x(St.attributeNameCheck,i)||St.attributeNameCheck instanceof Function&&St.attributeNameCheck(i))||i==="is"&&St.allowCustomizedBuiltInElements&&(St.tagNameCheck instanceof RegExp&&x(St.tagNameCheck,r)||St.tagNameCheck instanceof Function&&St.tagNameCheck(r)));else{return false}}else if(Kt[i]);else if(x(Tt,y(r,bt,"")));else if((i==="src"||i==="xlink:href"||i==="href")&&e!=="script"&&b(r,"data:")===0&&Vt[e]);else if(zt&&!x(yt,y(r,bt,"")));else if(r){return false}else;return true};const Ie=function t(e){return e!=="annotation-xml"&&g(e,wt)};const De=function t(e){Se(ht.beforeSanitizeAttributes,e,null);const{attributes:n}=e;if(!n||ke(e)){return}const r={attrName:"",attrValue:"",keepAttr:true,allowedAttributes:kt,forceKeepAttr:undefined};let s=n.length;while(s--){const t=n[s];const{name:o,namespaceURI:a,value:c}=t;const f=he(o);const l=c;let d=o==="value"?l:w(l);r.attrName=f;r.attrValue=d;r.keepAttr=true;r.forceKeepAttr=undefined;Se(ht.uponSanitizeAttribute,e,r);d=r.attrValue;if(Wt&&(f==="id"||f==="name")){Te(o,e);d=Xt+d}if(Pt&&x(/((--!?|])>)|<\/(style|title)/i,d)){Te(o,e);continue}if(r.forceKeepAttr){continue}if(!r.keepAttr){Te(o,e);continue}if(!Mt&&x(/\/>/i,d)){Te(o,e);continue}if(Ot){u([dt,pt,mt],(t=>{d=y(d,t," ")}))}const p=he(e.nodeName);if(!_e(p,f,d)){Te(o,e);continue}if(st&&typeof H==="object"&&typeof H.getAttributeType==="function"){if(a);else{switch(H.getAttributeType(p,f)){case"TrustedHTML":{d=st.createHTML(d);break}case"TrustedScriptURL":{d=st.createScriptURL(d);break}}}}if(d!==l){try{if(a){e.setAttributeNS(a,o,d)}else{e.setAttribute(o,d)}if(ke(e)){we(e)}else{h(i.removed)}}catch(t){Te(o,e)}}}Se(ht.afterSanitizeAttributes,e,null)};const ze=function t(e){let i=null;const n=Ee(e);Se(ht.beforeSanitizeShadowDOM,e,null);while(i=n.nextNode()){Se(ht.uponSanitizeShadowNode,i,null);Re(i);De(i);if(i.content instanceof c){t(i.content)}}Se(ht.afterSanitizeShadowDOM,e,null)};i.sanitize=function(t){let e=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let n=null;let s=null;let o=null;let a=null;ne=!t;if(ne){t="\x3c!--\x3e"}if(typeof t!=="string"&&!Ae(t)){if(typeof t.toString==="function"){t=t.toString();if(typeof t!=="string"){throw E("dirty is not a string, aborting")}}else{throw E("toString is not a function")}}if(!i.isSupported){return t}if(!Nt){ve(e)}i.removed=[];if(typeof t==="string"){Yt=false}if(Yt){if(t.nodeName){const e=he(t.nodeName);if(!xt[e]||Rt[e]){throw E("root node is forbidden and cannot be sanitized in-place")}}}else if(t instanceof k){n=xe("\x3c!----\x3e");s=n.ownerDocument.importNode(t,true);if(s.nodeType===J.element&&s.nodeName==="BODY"){n=s}else if(s.nodeName==="HTML"){n=s}else{n.appendChild(s)}}else{if(!Ft&&!Ot&&!Ct&&t.indexOf("<")===-1){return st&&Ut?st.createHTML(t):t}n=xe(t);if(!n){return Ft?null:Ut?ot:""}}if(n&&Lt){we(n.firstChild)}const f=Ee(Yt?t:n);while(o=f.nextNode()){Re(o);De(o);if(o.content instanceof c){ze(o.content)}}if(Yt){return t}if(Ft){if(jt){a=ft.call(n.ownerDocument);while(n.firstChild){a.appendChild(n.firstChild)}}else{a=n}if(kt.shadowroot||kt.shadowrootmode){a=lt.call(r,a,true)}return a}let l=Ct?n.outerHTML:n.innerHTML;if(Ct&&xt["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&x(V,n.ownerDocument.doctype.name)){l="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+l}if(Ot){u([dt,pt,mt],(t=>{l=y(l,t," ")}))}return st&&Ut?st.createHTML(l):l};i.setConfig=function(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};ve(t);Nt=true};i.clearConfig=function(){de=null;Nt=false};i.isValidAttribute=function(t,e,i){if(!de){ve({})}const n=he(t);const r=he(e);return _e(n,r,i)};i.addHook=function(t,e){if(typeof e!=="function"){return}d(ht[t],e)};i.removeHook=function(t,e){if(e!==undefined){const i=l(ht[t],e);return i===-1?undefined:p(ht[t],i,1)[0]}return h(ht[t])};i.removeHooks=function(t){ht[t]=[]};i.removeAllHooks=function(){ht=et()};return i}var nt=it();return nt}))})(c);const f=c.exports;var u={exports:{}};
+/*! Hammer.JS - v2.0.7 - 2016-04-22
+ * http://hammerjs.github.io/
+ *
+ * Copyright (c) 2016 Jorik Tangelder;
+ * Licensed under the MIT license */(function(t){(function(e,i,n,r){var s=["","webkit","Moz","MS","ms","o"];var o=i.createElement("div");var a="function";var c=Math.round;var f=Math.abs;var u=Date.now;function l(t,e,i){return setTimeout(b(t,i),e)}function h(t,e,i){if(Array.isArray(t)){d(t,i[e],i);return true}return false}function d(t,e,i){var n;if(!t){return}if(t.forEach){t.forEach(e,i)}else if(t.length!==r){n=0;while(n<t.length){e.call(i,t[n],n,t);n++}}else{for(n in t){t.hasOwnProperty(n)&&e.call(i,t[n],n,t)}}}function p(t,i,n){var r="DEPRECATED METHOD: "+i+"\n"+n+" AT \n";return function(){var i=new Error("get-stack-trace");var n=i&&i.stack?i.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=e.console&&(e.console.warn||e.console.log);if(s){s.call(e.console,r,n)}return t.apply(this,arguments)}}var m;if(typeof Object.assign!=="function"){m=function t(e){if(e===r||e===null){throw new TypeError("Cannot convert undefined or null to object")}var i=Object(e);for(var n=1;n<arguments.length;n++){var s=arguments[n];if(s!==r&&s!==null){for(var o in s){if(s.hasOwnProperty(o)){i[o]=s[o]}}}}return i}}else{m=Object.assign}var v=p((function t(e,i,n){var s=Object.keys(i);var o=0;while(o<s.length){if(!n||n&&e[s[o]]===r){e[s[o]]=i[s[o]]}o++}return e}),"extend","Use `assign`.");var g=p((function t(e,i){return v(e,i,true)}),"merge","Use `assign`.");function y(t,e,i){var n=e.prototype,r;r=t.prototype=Object.create(n);r.constructor=t;r._super=n;if(i){m(r,i)}}function b(t,e){return function i(){return t.apply(e,arguments)}}function w(t,e){if(typeof t==a){return t.apply(e?e[0]||r:r,e)}return t}function T(t,e){return t===r?e:t}function x(t,e,i){d(S(e),(function(e){t.addEventListener(e,i,false)}))}function E(t,e,i){d(S(e),(function(e){t.removeEventListener(e,i,false)}))}function k(t,e){while(t){if(t==e){return true}t=t.parentNode}return false}function A(t,e){return t.indexOf(e)>-1}function S(t){return t.trim().split(/\s+/g)}function R(t,e,i){if(t.indexOf&&!i){return t.indexOf(e)}else{var n=0;while(n<t.length){if(i&&t[n][i]==e||!i&&t[n]===e){return n}n++}return-1}}function _(t){return Array.prototype.slice.call(t,0)}function I(t,e,i){var n=[];var r=[];var s=0;while(s<t.length){var o=e?t[s][e]:t[s];if(R(r,o)<0){n.push(t[s])}r[s]=o;s++}if(i){if(!e){n=n.sort()}else{n=n.sort((function t(i,n){return i[e]>n[e]}))}}return n}function D(t,e){var i,n;var o=e[0].toUpperCase()+e.slice(1);var a=0;while(a<s.length){i=s[a];n=i?i+o:e;if(n in t){return n}a++}return r}var z=1;function M(){return z++}function O(t){var i=t.ownerDocument||t;return i.defaultView||i.parentWindow||e}var P=/mobile|tablet|ip(ad|hone|od)|android/i;var C="ontouchstart"in e;var N=D(e,"PointerEvent")!==r;var L=C&&P.test(navigator.userAgent);var F="touch";var j="pen";var U="mouse";var B="kinect";var W=25;var X=1;var H=2;var Y=4;var q=8;var $=1;var G=2;var V=4;var Z=8;var K=16;var J=G|V;var Q=Z|K;var tt=J|Q;var et=["x","y"];var it=["clientX","clientY"];function nt(t,e){var i=this;this.manager=t;this.callback=e;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(e){if(w(t.options.enable,[t])){i.handler(e)}};this.init()}nt.prototype={handler:function(){},init:function(){this.evEl&&x(this.element,this.evEl,this.domHandler);this.evTarget&&x(this.target,this.evTarget,this.domHandler);this.evWin&&x(O(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&E(this.element,this.evEl,this.domHandler);this.evTarget&&E(this.target,this.evTarget,this.domHandler);this.evWin&&E(O(this.element),this.evWin,this.domHandler)}};function rt(t){var e;var i=t.options.inputClass;if(i){e=i}else if(N){e=At}else if(L){e=Ot}else if(!C){e=wt}else{e=Lt}return new e(t,st)}function st(t,e,i){var n=i.pointers.length;var r=i.changedPointers.length;var s=e&X&&n-r===0;var o=e&(Y|q)&&n-r===0;i.isFirst=!!s;i.isFinal=!!o;if(s){t.session={}}i.eventType=e;ot(t,i);t.emit("hammer.input",i);t.recognize(i);t.session.prevInput=i}function ot(t,e){var i=t.session;var n=e.pointers;var r=n.length;if(!i.firstInput){i.firstInput=ft(e)}if(r>1&&!i.firstMultiple){i.firstMultiple=ft(e)}else if(r===1){i.firstMultiple=false}var s=i.firstInput;var o=i.firstMultiple;var a=o?o.center:s.center;var c=e.center=ut(n);e.timeStamp=u();e.deltaTime=e.timeStamp-s.timeStamp;e.angle=pt(a,c);e.distance=dt(a,c);at(i,e);e.offsetDirection=ht(e.deltaX,e.deltaY);var l=lt(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=l.x;e.overallVelocityY=l.y;e.overallVelocity=f(l.x)>f(l.y)?l.x:l.y;e.scale=o?vt(o.pointers,n):1;e.rotation=o?mt(o.pointers,n):0;e.maxPointers=!i.prevInput?e.pointers.length:e.pointers.length>i.prevInput.maxPointers?e.pointers.length:i.prevInput.maxPointers;ct(i,e);var h=t.element;if(k(e.srcEvent.target,h)){h=e.srcEvent.target}e.target=h}function at(t,e){var i=e.center;var n=t.offsetDelta||{};var r=t.prevDelta||{};var s=t.prevInput||{};if(e.eventType===X||s.eventType===Y){r=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};n=t.offsetDelta={x:i.x,y:i.y}}e.deltaX=r.x+(i.x-n.x);e.deltaY=r.y+(i.y-n.y)}function ct(t,e){var i=t.lastInterval||e,n=e.timeStamp-i.timeStamp,s,o,a,c;if(e.eventType!=q&&(n>W||i.velocity===r)){var u=e.deltaX-i.deltaX;var l=e.deltaY-i.deltaY;var h=lt(n,u,l);o=h.x;a=h.y;s=f(h.x)>f(h.y)?h.x:h.y;c=ht(u,l);t.lastInterval=e}else{s=i.velocity;o=i.velocityX;a=i.velocityY;c=i.direction}e.velocity=s;e.velocityX=o;e.velocityY=a;e.direction=c}function ft(t){var e=[];var i=0;while(i<t.pointers.length){e[i]={clientX:c(t.pointers[i].clientX),clientY:c(t.pointers[i].clientY)};i++}return{timeStamp:u(),pointers:e,center:ut(e),deltaX:t.deltaX,deltaY:t.deltaY}}function ut(t){var e=t.length;if(e===1){return{x:c(t[0].clientX),y:c(t[0].clientY)}}var i=0,n=0,r=0;while(r<e){i+=t[r].clientX;n+=t[r].clientY;r++}return{x:c(i/e),y:c(n/e)}}function lt(t,e,i){return{x:e/t||0,y:i/t||0}}function ht(t,e){if(t===e){return $}if(f(t)>=f(e)){return t<0?G:V}return e<0?Z:K}function dt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.sqrt(n*n+r*r)}function pt(t,e,i){if(!i){i=et}var n=e[i[0]]-t[i[0]],r=e[i[1]]-t[i[1]];return Math.atan2(r,n)*180/Math.PI}function mt(t,e){return pt(e[1],e[0],it)+pt(t[1],t[0],it)}function vt(t,e){return dt(e[0],e[1],it)/dt(t[0],t[1],it)}var gt={mousedown:X,mousemove:H,mouseup:Y};var yt="mousedown";var bt="mousemove mouseup";function wt(){this.evEl=yt;this.evWin=bt;this.pressed=false;nt.apply(this,arguments)}y(wt,nt,{handler:function t(e){var i=gt[e.type];if(i&X&&e.button===0){this.pressed=true}if(i&H&&e.which!==1){i=Y}if(!this.pressed){return}if(i&Y){this.pressed=false}this.callback(this.manager,i,{pointers:[e],changedPointers:[e],pointerType:U,srcEvent:e})}});var Tt={pointerdown:X,pointermove:H,pointerup:Y,pointercancel:q,pointerout:q};var xt={2:F,3:j,4:U,5:B};var Et="pointerdown";var kt="pointermove pointerup pointercancel";if(e.MSPointerEvent&&!e.PointerEvent){Et="MSPointerDown";kt="MSPointerMove MSPointerUp MSPointerCancel"}function At(){this.evEl=Et;this.evWin=kt;nt.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}y(At,nt,{handler:function t(e){var i=this.store;var n=false;var r=e.type.toLowerCase().replace("ms","");var s=Tt[r];var o=xt[e.pointerType]||e.pointerType;var a=o==F;var c=R(i,e.pointerId,"pointerId");if(s&X&&(e.button===0||a)){if(c<0){i.push(e);c=i.length-1}}else if(s&(Y|q)){n=true}if(c<0){return}i[c]=e;this.callback(this.manager,s,{pointers:i,changedPointers:[e],pointerType:o,srcEvent:e});if(n){i.splice(c,1)}}});var St={touchstart:X,touchmove:H,touchend:Y,touchcancel:q};var Rt="touchstart";var _t="touchstart touchmove touchend touchcancel";function It(){this.evTarget=Rt;this.evWin=_t;this.started=false;nt.apply(this,arguments)}y(It,nt,{handler:function t(e){var i=St[e.type];if(i===X){this.started=true}if(!this.started){return}var n=Dt.call(this,e,i);if(i&(Y|q)&&n[0].length-n[1].length===0){this.started=false}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function Dt(t,e){var i=_(t.touches);var n=_(t.changedTouches);if(e&(Y|q)){i=I(i.concat(n),"identifier",true)}return[i,n]}var zt={touchstart:X,touchmove:H,touchend:Y,touchcancel:q};var Mt="touchstart touchmove touchend touchcancel";function Ot(){this.evTarget=Mt;this.targetIds={};nt.apply(this,arguments)}y(Ot,nt,{handler:function t(e){var i=zt[e.type];var n=Pt.call(this,e,i);if(!n){return}this.callback(this.manager,i,{pointers:n[0],changedPointers:n[1],pointerType:F,srcEvent:e})}});function Pt(t,e){var i=_(t.touches);var n=this.targetIds;if(e&(X|H)&&i.length===1){n[i[0].identifier]=true;return[i,i]}var r,s,o=_(t.changedTouches),a=[],c=this.target;s=i.filter((function(t){return k(t.target,c)}));if(e===X){r=0;while(r<s.length){n[s[r].identifier]=true;r++}}r=0;while(r<o.length){if(n[o[r].identifier]){a.push(o[r])}if(e&(Y|q)){delete n[o[r].identifier]}r++}if(!a.length){return}return[I(s.concat(a),"identifier",true),a]}var Ct=2500;var Nt=25;function Lt(){nt.apply(this,arguments);var t=b(this.handler,this);this.touch=new Ot(this.manager,t);this.mouse=new wt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}y(Lt,nt,{handler:function t(e,i,n){var r=n.pointerType==F,s=n.pointerType==U;if(s&&n.sourceCapabilities&&n.sourceCapabilities.firesTouchEvents){return}if(r){Ft.call(this,i,n)}else if(s&&Ut.call(this,n)){return}this.callback(e,i,n)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function Ft(t,e){if(t&X){this.primaryTouch=e.changedPointers[0].identifier;jt.call(this,e)}else if(t&(Y|q)){jt.call(this,e)}}function jt(t){var e=t.changedPointers[0];if(e.identifier===this.primaryTouch){var i={x:e.clientX,y:e.clientY};this.lastTouches.push(i);var n=this.lastTouches;var r=function(){var t=n.indexOf(i);if(t>-1){n.splice(t,1)}};setTimeout(r,Ct)}}function Ut(t){var e=t.srcEvent.clientX,i=t.srcEvent.clientY;for(var n=0;n<this.lastTouches.length;n++){var r=this.lastTouches[n];var s=Math.abs(e-r.x),o=Math.abs(i-r.y);if(s<=Nt&&o<=Nt){return true}}return false}var Bt=D(o.style,"touchAction");var Wt=Bt!==r;var Xt="compute";var Ht="auto";var Yt="manipulation";var qt="none";var $t="pan-x";var Gt="pan-y";var Vt=Jt();function Zt(t,e){this.manager=t;this.set(e)}Zt.prototype={set:function(t){if(t==Xt){t=this.compute()}if(Wt&&this.manager.element.style&&Vt[t]){this.manager.element.style[Bt]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];d(this.manager.recognizers,(function(e){if(w(e.options.enable,[e])){t=t.concat(e.getTouchAction())}}));return Kt(t.join(" "))},preventDefaults:function(t){var e=t.srcEvent;var i=t.offsetDirection;if(this.manager.session.prevented){e.preventDefault();return}var n=this.actions;var r=A(n,qt)&&!Vt[qt];var s=A(n,Gt)&&!Vt[Gt];var o=A(n,$t)&&!Vt[$t];if(r){var a=t.pointers.length===1;var c=t.distance<2;var f=t.deltaTime<250;if(a&&c&&f){return}}if(o&&s){return}if(r||s&&i&J||o&&i&Q){return this.preventSrc(e)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Kt(t){if(A(t,qt)){return qt}var e=A(t,$t);var i=A(t,Gt);if(e&&i){return qt}if(e||i){return e?$t:Gt}if(A(t,Yt)){return Yt}return Ht}function Jt(){if(!Wt){return false}var t={};var i=e.CSS&&e.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(n){t[n]=i?e.CSS.supports("touch-action",n):true}));return t}var Qt=1;var te=2;var ee=4;var ie=8;var ne=ie;var re=16;var se=32;function oe(t){this.options=m({},this.defaults,t||{});this.id=M();this.manager=null;this.options.enable=T(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}oe.prototype={defaults:{},set:function(t){m(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(h(t,"recognizeWith",this)){return this}var e=this.simultaneous;t=fe(t,this);if(!e[t.id]){e[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(h(t,"dropRecognizeWith",this)){return this}t=fe(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(h(t,"requireFailure",this)){return this}var e=this.requireFail;t=fe(t,this);if(R(e,t)===-1){e.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(h(t,"dropRequireFailure",this)){return this}t=fe(t,this);var e=R(this.requireFail,t);if(e>-1){this.requireFail.splice(e,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var e=this;var i=this.state;function n(i){e.manager.emit(i,t)}if(i<ie){n(e.options.event+ae(i))}n(e.options.event);if(t.additionalEvent){n(t.additionalEvent)}if(i>=ie){n(e.options.event+ae(i))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=se},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(se|Qt))){return false}t++}return true},recognize:function(t){var e=m({},t);if(!w(this.options.enable,[this,e])){this.reset();this.state=se;return}if(this.state&(ne|re|se)){this.state=Qt}this.state=this.process(e);if(this.state&(te|ee|ie|re)){this.tryEmit(e)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function ae(t){if(t&re){return"cancel"}else if(t&ie){return"end"}else if(t&ee){return"move"}else if(t&te){return"start"}return""}function ce(t){if(t==K){return"down"}else if(t==Z){return"up"}else if(t==G){return"left"}else if(t==V){return"right"}return""}function fe(t,e){var i=e.manager;if(i){return i.get(t)}return t}function ue(){oe.apply(this,arguments)}y(ue,oe,{defaults:{pointers:1},attrTest:function(t){var e=this.options.pointers;return e===0||t.pointers.length===e},process:function(t){var e=this.state;var i=t.eventType;var n=e&(te|ee);var r=this.attrTest(t);if(n&&(i&q||!r)){return e|re}else if(n||r){if(i&Y){return e|ie}else if(!(e&te)){return te}return e|ee}return se}});function le(){ue.apply(this,arguments);this.pX=null;this.pY=null}y(le,ue,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var e=[];if(t&J){e.push(Gt)}if(t&Q){e.push($t)}return e},directionTest:function(t){var e=this.options;var i=true;var n=t.distance;var r=t.direction;var s=t.deltaX;var o=t.deltaY;if(!(r&e.direction)){if(e.direction&J){r=s===0?$:s<0?G:V;i=s!=this.pX;n=Math.abs(t.deltaX)}else{r=o===0?$:o<0?Z:K;i=o!=this.pY;n=Math.abs(t.deltaY)}}t.direction=r;return i&&n>e.threshold&&r&e.direction},attrTest:function(t){return ue.prototype.attrTest.call(this,t)&&(this.state&te||!(this.state&te)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var e=ce(t.direction);if(e){t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function he(){ue.apply(this,arguments)}y(he,ue,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&te)},emit:function(t){if(t.scale!==1){var e=t.scale<1?"in":"out";t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function de(){oe.apply(this,arguments);this._timer=null;this._input=null}y(de,oe,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Ht]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime>e.time;this._input=t;if(!n||!i||t.eventType&(Y|q)&&!r){this.reset()}else if(t.eventType&X){this.reset();this._timer=l((function(){this.state=ne;this.tryEmit()}),e.time,this)}else if(t.eventType&Y){return ne}return se},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ne){return}if(t&&t.eventType&Y){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=u();this.manager.emit(this.options.event,this._input)}}});function pe(){ue.apply(this,arguments)}y(pe,ue,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[qt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&te)}});function me(){ue.apply(this,arguments)}y(me,ue,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:J|Q,pointers:1},getTouchAction:function(){return le.prototype.getTouchAction.call(this)},attrTest:function(t){var e=this.options.direction;var i;if(e&(J|Q)){i=t.overallVelocity}else if(e&J){i=t.overallVelocityX}else if(e&Q){i=t.overallVelocityY}return this._super.attrTest.call(this,t)&&e&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&f(i)>this.options.velocity&&t.eventType&Y},emit:function(t){var e=ce(t.offsetDirection);if(e){this.manager.emit(this.options.event+e,t)}this.manager.emit(this.options.event,t)}});function ve(){oe.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}y(ve,oe,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Yt]},process:function(t){var e=this.options;var i=t.pointers.length===e.pointers;var n=t.distance<e.threshold;var r=t.deltaTime<e.time;this.reset();if(t.eventType&X&&this.count===0){return this.failTimeout()}if(n&&r&&i){if(t.eventType!=Y){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<e.interval:true;var o=!this.pCenter||dt(this.pCenter,t.center)<e.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!o||!s){this.count=1}else{this.count+=1}this._input=t;var a=this.count%e.taps;if(a===0){if(!this.hasRequireFailures()){return ne}else{this._timer=l((function(){this.state=ne;this.tryEmit()}),e.interval,this);return te}}}return se},failTimeout:function(){this._timer=l((function(){this.state=se}),this.options.interval,this);return se},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ne){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function ge(t,e){e=e||{};e.recognizers=T(e.recognizers,ge.defaults.preset);return new we(t,e)}ge.VERSION="2.0.7";ge.defaults={domEvents:false,touchAction:Xt,enable:true,inputTarget:null,inputClass:null,preset:[[pe,{enable:false}],[he,{enable:false},["rotate"]],[me,{direction:J}],[le,{direction:J},["swipe"]],[ve],[ve,{event:"doubletap",taps:2},["tap"]],[de]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var ye=1;var be=2;function we(t,e){this.options=m({},ge.defaults,e||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=rt(this);this.touchAction=new Zt(this,this.options.touchAction);Te(this,true);d(this.options.recognizers,(function(t){var e=this.add(new t[0](t[1]));t[2]&&e.recognizeWith(t[2]);t[3]&&e.requireFailure(t[3])}),this)}we.prototype={set:function(t){m(this.options,t);if(t.touchAction){this.touchAction.update()}if(t.inputTarget){this.input.destroy();this.input.target=t.inputTarget;this.input.init()}return this},stop:function(t){this.session.stopped=t?be:ye},recognize:function(t){var e=this.session;if(e.stopped){return}this.touchAction.preventDefaults(t);var i;var n=this.recognizers;var r=e.curRecognizer;if(!r||r&&r.state&ne){r=e.curRecognizer=null}var s=0;while(s<n.length){i=n[s];if(e.stopped!==be&&(!r||i==r||i.canRecognizeWith(r))){i.recognize(t)}else{i.reset()}if(!r&&i.state&(te|ee|ie)){r=e.curRecognizer=i}s++}},get:function(t){if(t instanceof oe){return t}var e=this.recognizers;for(var i=0;i<e.length;i++){if(e[i].options.event==t){return e[i]}}return null},add:function(t){if(h(t,"add",this)){return this}var e=this.get(t.options.event);if(e){this.remove(e)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(h(t,"remove",this)){return this}t=this.get(t);if(t){var e=this.recognizers;var i=R(e,t);if(i!==-1){e.splice(i,1);this.touchAction.update()}}return this},on:function(t,e){if(t===r){return}if(e===r){return}var i=this.handlers;d(S(t),(function(t){i[t]=i[t]||[];i[t].push(e)}));return this},off:function(t,e){if(t===r){return}var i=this.handlers;d(S(t),(function(t){if(!e){delete i[t]}else{i[t]&&i[t].splice(R(i[t],e),1)}}));return this},emit:function(t,e){if(this.options.domEvents){xe(t,e)}var i=this.handlers[t]&&this.handlers[t].slice();if(!i||!i.length){return}e.type=t;e.preventDefault=function(){e.srcEvent.preventDefault()};var n=0;while(n<i.length){i[n](e);n++}},destroy:function(){this.element&&Te(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function Te(t,e){var i=t.element;if(!i.style){return}var n;d(t.options.cssProps,(function(r,s){n=D(i.style,s);if(e){t.oldCssProps[n]=i.style[n];i.style[n]=r}else{i.style[n]=t.oldCssProps[n]||""}}));if(!e){t.oldCssProps={}}}function xe(t,e){var n=i.createEvent("Event");n.initEvent(t,true,true);n.gesture=e;e.target.dispatchEvent(n)}m(ge,{INPUT_START:X,INPUT_MOVE:H,INPUT_END:Y,INPUT_CANCEL:q,STATE_POSSIBLE:Qt,STATE_BEGAN:te,STATE_CHANGED:ee,STATE_ENDED:ie,STATE_RECOGNIZED:ne,STATE_CANCELLED:re,STATE_FAILED:se,DIRECTION_NONE:$,DIRECTION_LEFT:G,DIRECTION_RIGHT:V,DIRECTION_UP:Z,DIRECTION_DOWN:K,DIRECTION_HORIZONTAL:J,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:we,Input:nt,TouchAction:Zt,TouchInput:Ot,MouseInput:wt,PointerEventInput:At,TouchMouseInput:Lt,SingleTouchInput:It,Recognizer:oe,AttrRecognizer:ue,Tap:ve,Pan:le,Swipe:me,Pinch:he,Rotate:pe,Press:de,on:x,off:E,each:d,merge:g,extend:v,assign:m,inherit:y,bindFn:b,prefixed:D});var Ee=typeof e!=="undefined"?e:typeof self!=="undefined"?self:{};Ee.Hammer=ge;if(typeof r==="function"&&r.amd){r((function(){return ge}))}else if(t.exports){t.exports=ge}else{e[n]=ge}})(window,document,"Hammer")})(u);const l=u.exports;const h=":host{--percentuale:0;display:flex;width:100%;min-width:200px;max-width:100dvw;box-sizing:border-box;background:var(--color-surface01);border-radius:var(--border-size-large);box-shadow:var(--shadow-3);color:var(--color-default-text);fill:var(--color-primary01-icon);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-rg)}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}.toast-notification-container{display:flex;width:100%;align-items:baseline;justify-content:space-between;padding:calc(var(--space-unit) * 2);border-radius:var(--border-radius);gap:calc(var(--space-unit) * 2)}.toast-notification-content{display:flex;width:100%;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:calc(var(--space-unit) * 2)}.toast-notification-content .toast-notification-text{color:inherit;letter-spacing:0.16px;line-height:1.25rem}.toast-notification-content .toast-notification-text .title{margin-right:calc(var(--space-unit) / 2);font-weight:var(--font-sb)}.close-button{height:1.125rem;padding:0;border:none;background-color:transparent;cursor:pointer}.close-button z-icon{--z-icon-width:1.125rem;--z-icon-height:1.125rem;display:inline-block;height:1.25rem}.close-button:focus:focus-visible{border-radius:50%;box-shadow:var(--shadow-focus-primary);outline:none}:host(.dark){background:var(--color-surface05);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}:host(.dark) .close-button:focus:focus-visible{box-shadow:0 0 0 2px var(--gray900),\n    0 0 2px 5px var(--blue25)}:host(.accent){background:var(--color-primary01)}:host(.error){background:var(--color-default-error)}:host(.success){background:var(--color-default-success)}:host(.warning){background:var(--color-default-warning)}:host(.accent),:host(.error),:host(.success){color:var(--color-text-inverse);fill:var(--color-inverse-icon)}:host(.warning) .close-button{fill:var(--color-default-icon)}@media (min-width: 768px){:host{width:fit-content;max-width:50vw}.toast-notification-content{flex-wrap:nowrap}}@media (min-width: 1366px){:host{max-width:33vw}}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}";const d=h;const p={[s.SLIDE_IN_DOWN]:s.SLIDE_OUT_UP,[s.SLIDE_IN_UP]:s.SLIDE_OUT_DOWN,[s.SLIDE_IN_LEFT]:s.SLIDE_OUT_RIGHT,[s.SLIDE_IN_RIGHT]:s.SLIDE_OUT_LEFT};const m=class{constructor(i){t(this,i);this.toastClose=e(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined;this.hasSlottedButton=undefined}watchPropIsdraggable(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}}watchPropAutoclose(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}}close(t,e){if(e&&this.timeoutHandle){clearTimeout(this.timeoutHandle)}this.timeoutHandle=null;this.elapsedTime=null;this.toastClose.emit();if(t){this.hostElement.classList.add(t)}else{this.hostElement.parentNode.removeChild(this.hostElement)}}visibilityChangeEventHandler(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}}validateAutoclose(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new l(this.hostElement);this.sliderManager.get("pan").set({direction:l.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t);this.hostElement.style.transition="none";if(this.transition){this.hostElement.classList.remove(this.transition)}const e={translate:`translateX(${this.percentage}%)`,translateBack:"translateX(0)"};this.hostElement.style.opacity=`${100-Math.abs(this.percentage)}%`;if(t.eventType===l.DIRECTION_LEFT||t.eventType===l.DIRECTION_RIGHT){this.hostElement.style.transform=e.translate;if(Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled){this.isCloseEventCalled=true;this.close(t.direction===l.DIRECTION_LEFT?s.SLIDE_OUT_LEFT:s.SLIDE_OUT_RIGHT,true)}}if(t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage){this.hostElement.style.transform=e.translateBack;this.hostElement.style.transition="all 1s";this.hostElement.style.opacity="100%";this.percentage=0}}))}onFocus(){let t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}}onBlur(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=window.setTimeout((()=>this.close(p[this.transition],false)),t)}checkSlottedButton(){this.hasSlottedButton=!!this.hostElement.querySelector("[slot='button']")}componentWillLoad(){this.validateAutoclose();this.checkSlottedButton();this.percentage=0}componentDidLoad(){this.startTime=Date.now();if(this.autoclose){if(this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}if(!this.transition){this.startClosingTimeout(this.autoclose)}}this.isdraggable&&this.handleSlideOutDragAnimation()}render(){return i(n,{key:"a5863e7ce8d266fba25e2a0503b57413ea276420",style:{"--percentuale":`${this.percentage}%`},class:{[this.transition]:!!this.transition,[this.type]:!!this.type},onAnimationEnd:t=>{if(this.autoclose&&t.animationName.includes("slidein")){this.startClosingTimeout(this.autoclose)}if(t.animationName.includes("slideout")){this.hostElement.parentNode.removeChild(this.hostElement)}}},i("div",{key:"2ff98af17ebad39c00098acfc17b842784b268e0",class:"toast-notification-container"},i("div",{key:"9e12233cc275ad5f4d00b72253005d1b6d45feab",class:"toast-notification-content"},i("div",{key:"a10e179aa0895c1ed51861e8818ae35eaeed195c",class:"toast-notification-text"},this.heading&&i("span",{key:"88d3e049e558a3f107e6a8fcab1f4c3835173def",class:"title"},this.heading),i("span",{key:"73624c5b86d0d842477e9a5f0512d24359b6f939",class:"message"},i("slot",{key:"e7ad8066daef392d83fa77340a16d384204f59fc",name:"message"},this.message&&i("span",{key:"59582a721c306d09cd5c2ca12bfaac649b2e5a1f",innerHTML:f.sanitize(this.message)})))),i("div",{key:"071e7a3a9a85f931bf8cc7d264c76f5109f69cc0",class:"button-container",hidden:!this.hasSlottedButton},i("slot",{key:"3ff74ad6ce9cc2d4fca76032ff0aa68c7553f8de",name:"button",onSlotchange:()=>this.checkSlottedButton()}))),this.closebutton&&i("button",{key:"26e256f736a3b04e5ccc7ed158305f69d806c42d",class:"close-button","aria-label":"Chiudi notifica",onClick:()=>this.close(p[this.transition],true),onKeyDown:t=>{if(t.code==o.SPACE||t.code==o.ENTER){t.preventDefault();this.close(p[this.transition],true)}}},i("z-icon",{key:"25a4e24b16fb29ecd7148700367d319dbb9d9c6d",name:"multiply-circled"}))))}get hostElement(){return r(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};m.style=d;export{m as z_toast_notification};
+//# sourceMappingURL=p-f74973b5.entry.js.map