@zanichelli/albe-web-components 19.3.0-rc1 → 19.4.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZSkipToContent","constructor","hostRef","this","links","visible","visibleLink","handleFocusOutSkipToContent","e","isInSkipToContent","target","handleFocusSkipToContent","componentDidLoad","showFirstChild","componentWillRender","JSON","parse","elem","tree","getElementTree","menuParent","find","nodeName","toLowerCase","firstChild","_a","hostElement","children","id","handleLinkClick","render","h","Host","key","class","variant","map","link","i","ThemeVariant","DARK","ariaLabel","label","href","onFocus","onClick","onKeyUp","handleKeyboardSubmit","bind"],"sources":["src/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","src/components/z-skip-to-content/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  left: -100%;\n  height: 60px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n  background-color: #24f4ff;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  text-align: center;\n}\n\n:host > .link-container {\n  display: inline-flex;\n  height: 100%;\n  align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n  position: static;\n  display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n  overflow: hidden;\n  width: 0;\n  height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n  width: initial;\n  height: initial;\n}\n\n:host.dark {\n  background-color: var(--color-surface05);\n  color: var(--color-surface01);\n}\n\n:host.light {\n  border: var(--border-size-medium) solid var(--color-surface05);\n  background-color: var(--color-surface01);\n  color: var(--color-default-text);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    text-align: start;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .link-container {\n    padding: 0 calc(var(--space-unit) * 3);\n    border-right: var(--border-size-small) solid var(--color-surface05);\n  }\n\n  :host > .link-container > a.z-link.link-invisible {\n    overflow: initial;\n    width: initial;\n    height: initial;\n  }\n\n  :host > .link-container:first-child {\n    padding-left: 0;\n  }\n\n  :host > .link-container:last-child,\n  :host.dark > .link-container:last-child,\n  :host.light > .link-container:last-child {\n    padding-right: 0;\n    border-right: none;\n  }\n\n  :host.dark > .link-container {\n    border-right: var(--border-size-small) solid var(--color-surface01);\n  }\n}\n","import {Component, ComponentInterface, Element, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {SkipToContentLink, ThemeVariant} from \"../../beans\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\n\n/**\n * Component short description.\n */\n@Component({\n  tag: \"z-skip-to-content\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSkipToContent implements ComponentInterface {\n  /** Graphical variant: `dark`, `light`. */\n  @Prop({reflect: true})\n  variant?: ThemeVariant;\n\n  /** Array to fill link into skip-content */\n  @Prop({mutable: true})\n  links: string | SkipToContentLink[] = [];\n\n  @State()\n  visible = false;\n\n  @State()\n  visibleLink = \"\";\n\n  @Element() hostElement: HTMLZSkipToContentElement;\n\n  @Listen(\"focusout\", {target: \"document\"})\n  handleFocusOutSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = false;\n    }\n  }\n\n  @Listen(\"focusin\", {target: \"document\"})\n  handleFocusSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.showFirstChild();\n  }\n\n  componentWillRender(): void {\n    if (this.links) {\n      this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n    }\n  }\n\n  private isInSkipToContent(elem): boolean {\n    const tree = getElementTree(elem);\n    const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n    return !!menuParent;\n  }\n\n  private showFirstChild(): void {\n    const firstChild = this.hostElement.children?.[0];\n    if (firstChild) {\n      this.visibleLink = firstChild.id;\n    }\n  }\n\n  private handleLinkClick(): void {\n    this.visible = false;\n  }\n\n  render(): HTMLZSkipToContentElement {\n    return (\n      <Host\n        class={{\n          [this.variant]: true,\n          \"skip-to-content-visible\": this.visible,\n        }}\n      >\n        {(this.links as SkipToContentLink[]).map((link, i) => {\n          const id = `skip-to-content-${i}`;\n\n          return (\n            <div class=\"link-container\">\n              <a\n                id={id}\n                class={{\n                  \"body-1-sb\": true,\n                  \"z-link\": true,\n                  \"z-link-underline\": true,\n                  \"z-link-inverse\": this.variant === ThemeVariant.DARK,\n                  \"link-visible\": id == this.visibleLink,\n                  \"link-invisible\": id != this.visibleLink,\n                }}\n                aria-label={link.ariaLabel || link.label}\n                href={link.href}\n                onFocus={() => (this.visibleLink = id)}\n                onClick={() => this.handleLinkClick()}\n                onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n              >\n                {link.label}\n              </a>\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gKAAA,MAAMA,EAAY,IAAM,y3D,MCaXC,EAAc,MAN3B,WAAAC,CAAAC,G,UAaEC,KAAAC,MAAsC,GAGtCD,KAAAE,QAAU,MAGVF,KAAAG,YAAc,EAmFf,CA9EC,2BAAAC,CAA4BC,GAC1B,GAAIL,KAAKM,kBAAkBD,EAAEE,QAAS,CACpCP,KAAKE,QAAU,K,EAKnB,wBAAAM,CAAyBH,GACvB,GAAIL,KAAKM,kBAAkBD,EAAEE,QAAS,CACpCP,KAAKE,QAAU,I,EAInB,gBAAAO,GACET,KAAKU,gB,CAGP,mBAAAC,GACE,GAAIX,KAAKC,MAAO,CACdD,KAAKC,aAAeD,KAAKC,QAAU,SAAWW,KAAKC,MAAMb,KAAKC,OAASD,KAAKC,K,EAIxE,iBAAAK,CAAkBQ,GACxB,MAAMC,EAAOC,EAAeF,GAC5B,MAAMG,EAAaF,EAAKG,MAAMJ,GAAkBA,EAAKK,SAASC,gBAAkB,sBAEhF,QAASH,C,CAGH,cAAAP,G,MACN,MAAMW,GAAaC,EAAAtB,KAAKuB,YAAYC,YAAQ,MAAAF,SAAA,SAAAA,EAAG,GAC/C,GAAID,EAAY,CACdrB,KAAKG,YAAckB,EAAWI,E,EAI1B,eAAAC,GACN1B,KAAKE,QAAU,K,CAGjB,MAAAyB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC/B,KAAKgC,SAAU,KAChB,0BAA2BhC,KAAKE,UAGhCF,KAAKC,MAA8BgC,KAAI,CAACC,EAAMC,KAC9C,MAAMV,EAAK,mBAAmBU,IAE9B,OACEP,EAAA,OAAKG,MAAM,kBACTH,EAAA,KACEH,GAAIA,EACJM,MAAO,CACL,YAAa,KACb,SAAU,KACV,mBAAoB,KACpB,iBAAkB/B,KAAKgC,UAAYI,EAAaC,KAChD,eAAgBZ,GAAMzB,KAAKG,YAC3B,iBAAkBsB,GAAMzB,KAAKG,aAC9B,aACW+B,EAAKI,WAAaJ,EAAKK,MACnCC,KAAMN,EAAKM,KACXC,QAAS,IAAOzC,KAAKG,YAAcsB,EACnCiB,QAAS,IAAM1C,KAAK0B,kBACpBiB,QAAUtC,GAAMuC,EAAqBvC,EAAGL,KAAK0B,gBAAgBmB,KAAK7C,QAEjEkC,EAAKK,OAEJ,I","ignoreList":[]}

package/dist/web-components-library/p-257be457.entry.js

@@ -0,0 +1,2 @@
+import{r,h as a,H as o}from"./p-BcDWN4F1.js";const e=()=>`:host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(     90deg,     var(--color-surface02) 0%,     var(--color-surface03) 95%,     var(--color-surface02) 100%   );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`;const s=class{constructor(a){r(this,a)}render(){return a(o,{key:"36459896003d9c65cc0e969a184987ddcac8c962"})}};s.style=e();export{s as z_ghost_loading};
+//# sourceMappingURL=p-257be457.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZGhostLoading","render","h","Host","key"],"sources":["src/components/z-ghost-loading/styles.css?tag=z-ghost-loading&encapsulation=shadow","src/components/z-ghost-loading/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  background: var(--color-surface02);\n  border-radius: var(--border-radius);\n  transform: translate3d(0, 0, 0);\n}\n\n:host::after {\n  display: block;\n  width: 100%;\n  height: 100%;\n  animation: progress 1.6s ease-in-out infinite;\n  background-image: linear-gradient(\n    90deg,\n    var(--color-surface02) 0%,\n    var(--color-surface03) 95%,\n    var(--color-surface02) 100%\n  );\n  content: \"\";\n  filter: blur(6px);\n}\n\n@keyframes progress {\n  0% {\n    transform: translateX(-100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n}\n","import {Component, ComponentInterface, h, Host} from \"@stencil/core\";\n@Component({\n  tag: \"z-ghost-loading\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZGhostLoading implements ComponentInterface {\n  render(): HTMLZGhostLoadingElement {\n    return <Host />;\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAY,IAAM,wgB,MCMXC,EAAa,M,yBACxB,MAAAC,GACE,OAAOC,EAACC,EAAI,CAAAC,IAAA,4C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as a}from"./p-BcDWN4F1.js";const n=()=>`*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}`;const r=class{constructor(a){t(this,a);this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,a){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(a,"_blank")}}formatListContent(t){const{value:n,isLink:r,url:i}=t;if(!r){return a("span",null,n)}return a("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},n)}renderList(t){return t.map((t=>a("li",null,this.formatListContent(t))))}render(){return a("ul",{key:"a300da3bf2b9c83f59a6464b82fb2448f97555f9"},this.renderList(JSON.parse(this.listdata)))}};r.style=n();export{r as z_myz_card_list};
+//# sourceMappingURL=p-26788712.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardList","constructor","hostRef","this","renderList","bind","handleSpaceKeyPress","e","url","keyCode","preventDefault","window","open","formatListContent","data","value","isLink","h","role","onKeyPress","href","target","dataArray","map","render","key","JSON","parse","listdata"],"sources":["src/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"sourcesContent":["*:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\nul {\n  overflow: hidden;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  list-style: none;\n}\n\nul > li {\n  padding-left: 10px;\n  text-indent: -10px;\n}\n\nul > li > a {\n  display: block;\n  padding-top: calc(var(--space-unit) * 0.5);\n  color: var(--color-primary01);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n\nul > li > a::before {\n  padding-right: 5px;\n  content: \"•\";\n}\n\nul > li > span {\n  padding: 0 calc(var(--space-unit) * 2);\n  color: var(--color-surface04);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n","import {Component, ComponentInterface, Prop, h} from \"@stencil/core\";\nimport {Action} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardList implements ComponentInterface {\n  /** list data stringified array */\n  @Prop()\n  listdata: string;\n\n  constructor() {\n    this.renderList = this.renderList.bind(this);\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent, url: string): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      window.open(url, \"_blank\");\n    }\n  }\n\n  private formatListContent(data: Action): HTMLAnchorElement {\n    const {value, isLink, url} = data;\n    if (!isLink) {\n      return <span>{value}</span>;\n    }\n\n    return (\n      <a\n        role=\"button\"\n        onKeyPress={(e: KeyboardEvent) => this.handleSpaceKeyPress(e, url)}\n        href={url}\n        target=\"_blank\"\n      >\n        {value}\n      </a>\n    );\n  }\n\n  private renderList(dataArray: Action[]): HTMLLIElement[] {\n    return dataArray.map((data: Action) => {\n      return <li>{this.formatListContent(data)}</li>;\n    });\n  }\n\n  render(): HTMLUListElement {\n    return <ul>{this.renderList(JSON.parse(this.listdata))}</ul>;\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,IAAM,qvB,MCQXC,EAAY,MAKvB,WAAAC,CAAAC,G,UACEC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,KACxC,CAEO,mBAAAG,CAAoBC,EAAkBC,GAC5C,GAAID,EAAEE,SAAW,IAAMF,EAAEE,SAAW,GAAI,CACtCF,EAAEG,iBACFC,OAAOC,KAAKJ,EAAK,S,EAIb,iBAAAK,CAAkBC,GACxB,MAAMC,MAACA,EAAKC,OAAEA,EAAMR,IAAEA,GAAOM,EAC7B,IAAKE,EAAQ,CACX,OAAOC,EAAA,YAAOF,E,CAGhB,OACEE,EAAA,KACEC,KAAK,SACLC,WAAaZ,GAAqBJ,KAAKG,oBAAoBC,EAAGC,GAC9DY,KAAMZ,EACNa,OAAO,UAENN,E,CAKC,UAAAX,CAAWkB,GACjB,OAAOA,EAAUC,KAAKT,GACbG,EAAA,UAAKd,KAAKU,kBAAkBC,K,CAIvC,MAAAU,GACE,OAAOP,EAAA,MAAAQ,IAAA,4CAAKtB,KAAKC,WAAWsB,KAAKC,MAAMxB,KAAKyB,W","ignoreList":[]}

package/dist/web-components-library/p-2adbfd30.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as i,H as a}from"./p-BcDWN4F1.js";const n=()=>`:host{--z-notification--top-offset:0;--z-notification--content-max-width:100%;display:block;width:100%}.main-container{display:flex;max-width:var(--z-notification--content-max-width);align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--z-notification--inline-padding, calc(var(--space-unit) * 2));margin:0 auto;background-color:transparent;font-family:var(--font-family-sans)}: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([borderposition="bottom"]){border-bottom:var(--border-size-medium) solid var(--color-surface03)}:host([borderposition="top"]){border-top:var(--border-size-medium) solid var(--color-surface03)}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{width:100%;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:1.333;outline:none}.action-button:focus-visible{box-shadow:var(--shadow-focus-primary)}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}`;const e=class{handleActionButtonClick(t){t.preventDefault();this.notificationAction.emit()}handleCloseButtonClick(t){t.preventDefault();this.notificationClose.emit()}constructor(i){t(this,i);this.notificationAction=o(this,"notificationAction",7);this.notificationClose=o(this,"notificationClose",7);this.showclose=false;this.showshadow=false;this.sticky=false;this.borderposition="bottom";this.handleActionButtonClick=this.handleActionButtonClick.bind(this);this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}render(){var t;return i(a,{key:"dc72b8c965151d9928aa0ddede2796c09fdc5da5"},i("div",{key:"a3492b0ec98ed322e2e6b41b10ae7f7141a794f1",class:"main-container"},this.contenticonname&&i("z-icon",{key:"a6754bf4dd0803636e223465e8e0f7d3f0289fd5",class:"status-icon",name:this.contenticonname,width:16,height:16}),i("div",{key:"b0761286fda860b2531b97f3550160cbaba31c69",class:"content-container"},i("div",{key:"ea7441390672258a330fb137c17376c0f736b022",class:"content-text"},i("slot",{key:"63c90279f0a02606bace42317f9329f4a92b0523"})),!!((t=this.actiontext)===null||t===void 0?void 0:t.trim())&&i("button",{key:"510ab69472d1e530aef292bfa416f50a7f222d0b",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&i("button",{key:"c8577b0e8d0cec6573a6b69cd312738d8e866e58",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},i("z-icon",{key:"b6c163251b82c717b8b6ebe5d50ddbc02f5ea318",name:"multiply-circle",width:16,height:16}))))}};e.style=n();export{e as z_notification};
+//# sourceMappingURL=p-2adbfd30.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZNotification","handleActionButtonClick","e","preventDefault","this","notificationAction","emit","handleCloseButtonClick","notificationClose","constructor","hostRef","showclose","showshadow","sticky","borderposition","bind","render","h","Host","key","class","contenticonname","name","width","height","_a","actiontext","trim","type","onClick"],"sources":["src/components/z-notification/styles.css?tag=z-notification&encapsulation=shadow","src/components/z-notification/index.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --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   * @prop --z-notification--content-max-width: The max width of the notification content. Useful to align the content with other elements on the page, keeping the colored background full width. Default: 100%. Note: the content is automatically centered, so if you want to limit the width only for the slotted content, you can wrap it in a container with the desired width and leave the `z-notification` width to 100%.\n   * @prop --z-notification--inline-padding: The inline padding of the notification content. It can be useful to align the content when the `--z-notification--content-max-width` is set. Default: calc(var(--space-unit) * 2).\n   */\n  --z-notification--top-offset: 0;\n  --z-notification--content-max-width: 100%;\n  --z-notification--inline-padding: ;\n\n  display: block;\n  width: 100%;\n}\n\n.main-container {\n  display: flex;\n  max-width: var(--z-notification--content-max-width);\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 2) var(--z-notification--inline-padding, calc(var(--space-unit) * 2));\n  margin: 0 auto;\n  background-color: transparent;\n  font-family: var(--font-family-sans);\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([borderposition=\"bottom\"]) {\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n}\n\n:host([borderposition=\"top\"]) {\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n}\n\nbutton {\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  width: 100%;\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: 1.4;\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: 1.333;\n  outline: none;\n}\n\n.action-button:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\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 (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, ComponentInterface, 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 */\n@Component({\n  tag: \"z-notification\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZNotification implements ComponentInterface {\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  /** Border position */\n  @Prop({reflect: true})\n  borderposition?: \"top\" | \"bottom\" = \"bottom\";\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        <div class=\"main-container\">\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        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAY,IAAM,wkE,MCYXC,EAAa,MAoChB,uBAAAC,CAAwBC,GAC9BA,EAAEC,iBACFC,KAAKC,mBAAmBC,M,CAOlB,sBAAAC,CAAuBL,GAC7BA,EAAEC,iBACFC,KAAKI,kBAAkBF,M,CAGzB,WAAAG,CAAAC,G,sHAnCAN,KAAAO,UAAsB,MAOtBP,KAAAQ,WAAuB,MAIvBR,KAAAS,OAAmB,MAInBT,KAAAU,eAAoC,SAqBlCV,KAAKH,wBAA0BG,KAAKH,wBAAwBc,KAAKX,MACjEA,KAAKG,uBAAyBH,KAAKG,uBAAuBQ,KAAKX,KAChE,CAED,MAAAY,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACRhB,KAAKiB,iBACJJ,EAAA,UAAAE,IAAA,2CACEC,MAAM,cACNE,KAAMlB,KAAKiB,gBACXE,MAAO,GACPC,OAAQ,KAGZP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,kDAECM,EAAArB,KAAKsB,cAAU,MAAAD,SAAA,SAAAA,EAAEE,SAClBV,EAAA,UAAAE,IAAA,2CACEC,MAAM,gBACNQ,KAAK,SACLC,QAASzB,KAAKH,yBAEbG,KAAKsB,aAIXtB,KAAKO,WACJM,EAAA,UAAAE,IAAA,2CACEC,MAAM,eACNQ,KAAK,SACLC,QAASzB,KAAKG,wBAEdU,EAAA,UAAAE,IAAA,2CACEG,KAAK,kBACLC,MAAO,GACPC,OAAQ,O","ignoreList":[]}

package/dist/web-components-library/p-2fcbc1a1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-BcDWN4F1.js";const a=()=>`ul{padding:0;margin:0}`;const s=class{constructor(i){t(this,i)}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:"68407f9f3732f51af43763651c228bf950aada69"},this.list&&this.list.map(((a,s)=>i("z-myz-list-item",{listitemid:a.listitemid,text:a.text,link:a.link,linktarget:a.linktarget,icon:a.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:[{oninputrawdataChange:0}]}}};s.style=a();export{s as z_myz_list};
+//# sourceMappingURL=p-2fcbc1a1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzList","componentWillLoad","this","inputrawdata","parseinputrawdata","list","JSON","parse","oninputrawdataChange","newValue","render","lastElem","length","h","key","map","bean","i","listitemid","text","link","linktarget","icon","underlined"],"sources":["src/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","src/snowflakes/myz/list/z-myz-list/index.tsx"],"sourcesContent":["ul {\n  padding: 0;\n  margin: 0;\n}\n","import {Component, ComponentInterface, Prop, Watch, h} from \"@stencil/core\";\nimport {ListItem} from \"../../../../beans/index.js\";\n\n@Component({\n  tag: \"z-myz-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzList implements ComponentInterface {\n  /** json stringified list data (mutable, optional) */\n  @Prop()\n  inputrawdata?: string;\n\n  /** list item data (mutable, optional)*/\n  @Prop({mutable: true})\n  list?: ListItem[];\n\n  componentWillLoad(): void {\n    if (this.inputrawdata) {\n      this.parseinputrawdata(this.inputrawdata);\n    }\n  }\n\n  private parseinputrawdata(inputrawdata: string): void {\n    this.list = [...JSON.parse(inputrawdata)];\n  }\n\n  @Watch(\"inputrawdata\")\n  oninputrawdataChange(newValue: string): void {\n    this.parseinputrawdata(newValue);\n  }\n\n  render(): HTMLUListElement {\n    const lastElem = this.list ? this.list.length - 1 : -1;\n\n    return (\n      <ul>\n        {this.list &&\n          this.list.map((bean, i) => (\n            <z-myz-list-item\n              listitemid={bean.listitemid}\n              text={bean.text}\n              link={bean.link}\n              linktarget={bean.linktarget}\n              icon={bean.icon}\n              underlined={lastElem != i}\n            />\n          ))}\n      </ul>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,IAAM,yB,MCQXC,EAAQ,M,yBASnB,iBAAAC,GACE,GAAIC,KAAKC,aAAc,CACrBD,KAAKE,kBAAkBF,KAAKC,a,EAIxB,iBAAAC,CAAkBD,GACxBD,KAAKG,KAAO,IAAIC,KAAKC,MAAMJ,G,CAI7B,oBAAAK,CAAqBC,GACnBP,KAAKE,kBAAkBK,E,CAGzB,MAAAC,GACE,MAAMC,EAAWT,KAAKG,KAAOH,KAAKG,KAAKO,OAAS,GAAI,EAEpD,OACEC,EAAA,MAAAC,IAAA,4CACGZ,KAAKG,MACJH,KAAKG,KAAKU,KAAI,CAACC,EAAMC,IACnBJ,EAAA,mBACEK,WAAYF,EAAKE,WACjBC,KAAMH,EAAKG,KACXC,KAAMJ,EAAKI,KACXC,WAAYL,EAAKK,WACjBC,KAAMN,EAAKM,KACXC,WAAYZ,GAAYM,M","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import{r as t,c as e,h as i,H as n,d as r}from"./p-BcDWN4F1.js";import{r as s,g as o}from"./p-B3nR3-Jw.js";import{g as a}from"./p-B85MJLTf.js";
+/*! @license DOMPurify 3.4.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.0/LICENSE */const{entries:l,setPrototypeOf:c,isFrozen:f,getPrototypeOf:u,getOwnPropertyDescriptor:h}=Object;let{freeze:d,seal:p,create:m}=Object;let{apply:v,construct:g}=typeof Reflect!=="undefined"&&Reflect;if(!d){d=function t(e){return e}}if(!p){p=function t(e){return e}}if(!v){v=function t(e,i){for(var n=arguments.length,r=new Array(n>2?n-2:0),s=2;s<n;s++){r[s-2]=arguments[s]}return e.apply(i,r)}}if(!g){g=function t(e){for(var i=arguments.length,n=new Array(i>1?i-1:0),r=1;r<i;r++){n[r-1]=arguments[r]}return new e(...n)}}const b=z(Array.prototype.forEach);const y=z(Array.prototype.lastIndexOf);const w=z(Array.prototype.pop);const T=z(Array.prototype.push);const x=z(Array.prototype.splice);const E=z(String.prototype.toLowerCase);const k=z(String.prototype.toString);const A=z(String.prototype.match);const S=z(String.prototype.replace);const R=z(String.prototype.indexOf);const _=z(String.prototype.trim);const I=z(Object.prototype.hasOwnProperty);const D=z(RegExp.prototype.test);const M=O(TypeError);function z(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 v(t,e,n)}}function O(t){return function(){for(var e=arguments.length,i=new Array(e),n=0;n<e;n++){i[n]=arguments[n]}return g(t,i)}}function P(t,e){let i=arguments.length>2&&arguments[2]!==undefined?arguments[2]:E;if(c){c(t,null)}let n=e.length;while(n--){let r=e[n];if(typeof r==="string"){const t=i(r);if(t!==r){if(!f(e)){e[n]=t}r=t}}t[r]=true}return t}function C(t){for(let e=0;e<t.length;e++){const i=I(t,e);if(!i){t[e]=null}}return t}function N(t){const e=m(null);for(const[i,n]of l(t)){const r=I(t,i);if(r){if(Array.isArray(n)){e[i]=C(n)}else if(n&&typeof n==="object"&&n.constructor===Object){e[i]=N(n)}else{e[i]=n}}}return e}function L(t,e){while(t!==null){const i=h(t,e);if(i){if(i.get){return z(i.get)}if(typeof i.value==="function"){return z(i.value)}}t=u(t)}function i(){return null}return i}const F=d(["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","search","section","select","shadow","slot","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 j=d(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]);const U=d(["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 B=d(["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 W=d(["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 H=d(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]);const X=d(["#text"]);const Y=d(["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","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","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","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns","slot"]);const q=d(["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","mask-type","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 $=d(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","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 G=d(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]);const V=p(/\{\{[\w\W]*|[\w\W]*\}\}/gm);const Z=p(/<%[\w\W]*|[\w\W]*%>/gm);const J=p(/\$\{[\w\W]*/gm);const K=p(/^data-[\-\w.\u00B7-\uFFFF]+$/);const Q=p(/^aria-[\-\w]+$/);const tt=p(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i);const et=p(/^(?:\w+script|data):/i);const it=p(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g);const nt=p(/^html$/i);const rt=p(/^[a-z][.\w]*(-[.\w]+)+$/i);var st=Object.freeze({__proto__:null,ARIA_ATTR:Q,ATTR_WHITESPACE:it,CUSTOM_ELEMENT:rt,DATA_ATTR:K,DOCTYPE_NAME:nt,ERB_EXPR:Z,IS_ALLOWED_URI:tt,IS_SCRIPT_OR_DATA:et,MUSTACHE_EXPR:V,TMPLIT_EXPR:J});const ot={element:1,text:3,progressingInstruction:7,comment:8,document:9};const at=function t(){return typeof window==="undefined"?null:window};const lt=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 ct=function t(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}};function ft(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:at();const e=t=>ft(t);e.version="3.4.0";e.removed=[];if(!t||!t.document||t.document.nodeType!==ot.document||!t.Element){e.isSupported=false;return e}let{document:i}=t;const n=i;const r=n.currentScript;const{DocumentFragment:s,HTMLTemplateElement:o,Node:a,Element:c,NodeFilter:f,NamedNodeMap:u=t.NamedNodeMap||t.MozNamedAttrMap,HTMLFormElement:h,DOMParser:p,trustedTypes:v}=t;const g=c.prototype;const z=L(g,"cloneNode");const O=L(g,"remove");const C=L(g,"nextSibling");const V=L(g,"childNodes");const Z=L(g,"parentNode");if(typeof o==="function"){const t=i.createElement("template");if(t.content&&t.content.ownerDocument){i=t.content.ownerDocument}}let J;let K="";const{implementation:Q,createNodeIterator:et,createDocumentFragment:it,getElementsByTagName:rt}=i;const{importNode:ut}=n;let ht=ct();e.isSupported=typeof l==="function"&&typeof Z==="function"&&Q&&Q.createHTMLDocument!==undefined;const{MUSTACHE_EXPR:dt,ERB_EXPR:pt,TMPLIT_EXPR:mt,DATA_ATTR:vt,ARIA_ATTR:gt,IS_SCRIPT_OR_DATA:bt,ATTR_WHITESPACE:yt,CUSTOM_ELEMENT:wt}=st;let{IS_ALLOWED_URI:Tt}=st;let xt=null;const Et=P({},[...F,...j,...U,...W,...X]);let kt=null;const At=P({},[...Y,...q,...$,...G]);let St=Object.seal(m(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;const It=Object.seal(m(null,{tagCheck:{writable:true,configurable:false,enumerable:true,value:null},attributeCheck:{writable:true,configurable:false,enumerable:true,value:null}}));let Dt=true;let Mt=true;let zt=false;let Ot=true;let Pt=false;let Ct=true;let Nt=false;let Lt=false;let Ft=false;let jt=false;let Ut=false;let Bt=false;let Wt=true;let Ht=false;const Xt="user-content-";let Yt=true;let qt=false;let $t={};let Gt=null;const Vt=P({},["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 Zt=null;const Jt=P({},["audio","video","img","source","image","track"]);let Kt=null;const Qt=P({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]);const te="http://www.w3.org/1998/Math/MathML";const ee="http://www.w3.org/2000/svg";const ie="http://www.w3.org/1999/xhtml";let ne=ie;let re=false;let se=null;const oe=P({},[te,ee,ie],k);let ae=P({},["mi","mo","mn","ms","mtext"]);let le=P({},["annotation-xml"]);const ce=P({},["title","style","font","a","script"]);let fe=null;const ue=["application/xhtml+xml","text/html"];const he="text/html";let de=null;let pe=null;const me=i.createElement("form");const ve=function t(e){return e instanceof RegExp||e instanceof Function};const ge=function t(){let e=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};if(pe&&pe===e){return}if(!e||typeof e!=="object"){e={}}e=N(e);fe=ue.indexOf(e.PARSER_MEDIA_TYPE)===-1?he:e.PARSER_MEDIA_TYPE;de=fe==="application/xhtml+xml"?k:E;xt=I(e,"ALLOWED_TAGS")?P({},e.ALLOWED_TAGS,de):Et;kt=I(e,"ALLOWED_ATTR")?P({},e.ALLOWED_ATTR,de):At;se=I(e,"ALLOWED_NAMESPACES")?P({},e.ALLOWED_NAMESPACES,k):oe;Kt=I(e,"ADD_URI_SAFE_ATTR")?P(N(Qt),e.ADD_URI_SAFE_ATTR,de):Qt;Zt=I(e,"ADD_DATA_URI_TAGS")?P(N(Jt),e.ADD_DATA_URI_TAGS,de):Jt;Gt=I(e,"FORBID_CONTENTS")?P({},e.FORBID_CONTENTS,de):Vt;Rt=I(e,"FORBID_TAGS")?P({},e.FORBID_TAGS,de):N({});_t=I(e,"FORBID_ATTR")?P({},e.FORBID_ATTR,de):N({});$t=I(e,"USE_PROFILES")?e.USE_PROFILES:false;Dt=e.ALLOW_ARIA_ATTR!==false;Mt=e.ALLOW_DATA_ATTR!==false;zt=e.ALLOW_UNKNOWN_PROTOCOLS||false;Ot=e.ALLOW_SELF_CLOSE_IN_ATTR!==false;Pt=e.SAFE_FOR_TEMPLATES||false;Ct=e.SAFE_FOR_XML!==false;Nt=e.WHOLE_DOCUMENT||false;jt=e.RETURN_DOM||false;Ut=e.RETURN_DOM_FRAGMENT||false;Bt=e.RETURN_TRUSTED_TYPE||false;Ft=e.FORCE_BODY||false;Wt=e.SANITIZE_DOM!==false;Ht=e.SANITIZE_NAMED_PROPS||false;Yt=e.KEEP_CONTENT!==false;qt=e.IN_PLACE||false;Tt=e.ALLOWED_URI_REGEXP||tt;ne=e.NAMESPACE||ie;ae=e.MATHML_TEXT_INTEGRATION_POINTS||ae;le=e.HTML_INTEGRATION_POINTS||le;St=e.CUSTOM_ELEMENT_HANDLING||m(null);if(e.CUSTOM_ELEMENT_HANDLING&&ve(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)){St.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck}if(e.CUSTOM_ELEMENT_HANDLING&&ve(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(Pt){Mt=false}if(Ut){jt=true}if($t){xt=P({},X);kt=m(null);if($t.html===true){P(xt,F);P(kt,Y)}if($t.svg===true){P(xt,j);P(kt,q);P(kt,G)}if($t.svgFilters===true){P(xt,U);P(kt,q);P(kt,G)}if($t.mathMl===true){P(xt,W);P(kt,$);P(kt,G)}}It.tagCheck=null;It.attributeCheck=null;if(e.ADD_TAGS){if(typeof e.ADD_TAGS==="function"){It.tagCheck=e.ADD_TAGS}else{if(xt===Et){xt=N(xt)}P(xt,e.ADD_TAGS,de)}}if(e.ADD_ATTR){if(typeof e.ADD_ATTR==="function"){It.attributeCheck=e.ADD_ATTR}else{if(kt===At){kt=N(kt)}P(kt,e.ADD_ATTR,de)}}if(e.ADD_URI_SAFE_ATTR){P(Kt,e.ADD_URI_SAFE_ATTR,de)}if(e.FORBID_CONTENTS){if(Gt===Vt){Gt=N(Gt)}P(Gt,e.FORBID_CONTENTS,de)}if(e.ADD_FORBID_CONTENTS){if(Gt===Vt){Gt=N(Gt)}P(Gt,e.ADD_FORBID_CONTENTS,de)}if(Yt){xt["#text"]=true}if(Nt){P(xt,["html","head","body"])}if(xt.table){P(xt,["tbody"]);delete Rt.tbody}if(e.TRUSTED_TYPES_POLICY){if(typeof e.TRUSTED_TYPES_POLICY.createHTML!=="function"){throw M('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.')}if(typeof e.TRUSTED_TYPES_POLICY.createScriptURL!=="function"){throw M('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.')}J=e.TRUSTED_TYPES_POLICY;K=J.createHTML("")}else{if(J===undefined){J=lt(v,r)}if(J!==null&&typeof K==="string"){K=J.createHTML("")}}if(d){d(e)}pe=e};const be=P({},[...j,...U,...B]);const ye=P({},[...W,...H]);const we=function t(e){let i=Z(e);if(!i||!i.tagName){i={namespaceURI:ne,tagName:"template"}}const n=E(e.tagName);const r=E(i.tagName);if(!se[e.namespaceURI]){return false}if(e.namespaceURI===ee){if(i.namespaceURI===ie){return n==="svg"}if(i.namespaceURI===te){return n==="svg"&&(r==="annotation-xml"||ae[r])}return Boolean(be[n])}if(e.namespaceURI===te){if(i.namespaceURI===ie){return n==="math"}if(i.namespaceURI===ee){return n==="math"&&le[r]}return Boolean(ye[n])}if(e.namespaceURI===ie){if(i.namespaceURI===ee&&!le[r]){return false}if(i.namespaceURI===te&&!ae[r]){return false}return!ye[n]&&(ce[n]||!be[n])}if(fe==="application/xhtml+xml"&&se[e.namespaceURI]){return true}return false};const Te=function t(i){T(e.removed,{element:i});try{Z(i).removeChild(i)}catch(t){O(i)}};const xe=function t(i,n){try{T(e.removed,{attribute:n.getAttributeNode(i),from:n})}catch(t){T(e.removed,{attribute:null,from:n})}n.removeAttribute(i);if(i==="is"){if(jt||Ut){try{Te(n)}catch(t){}}else{try{n.setAttribute(i,"")}catch(t){}}}};const Ee=function t(e){let n=null;let r=null;if(Ft){e="<remove></remove>"+e}else{const t=A(e,/^[\r\n\t ]+/);r=t&&t[0]}if(fe==="application/xhtml+xml"&&ne===ie){e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>"}const s=J?J.createHTML(e):e;if(ne===ie){try{n=(new p).parseFromString(s,fe)}catch(t){}}if(!n||!n.documentElement){n=Q.createDocument(ne,"template",null);try{n.documentElement.innerHTML=re?K:s}catch(t){}}const o=n.body||n.documentElement;if(e&&r){o.insertBefore(i.createTextNode(r),o.childNodes[0]||null)}if(ne===ie){return rt.call(n,Nt?"html":"body")[0]}return Nt?n.documentElement:o};const ke=function t(e){return et.call(e.ownerDocument||e,e,f.SHOW_ELEMENT|f.SHOW_COMMENT|f.SHOW_TEXT|f.SHOW_PROCESSING_INSTRUCTION|f.SHOW_CDATA_SECTION,null)};const Ae=function t(e){return e instanceof h&&(typeof e.nodeName!=="string"||typeof e.textContent!=="string"||typeof e.removeChild!=="function"||!(e.attributes instanceof u)||typeof e.removeAttribute!=="function"||typeof e.setAttribute!=="function"||typeof e.namespaceURI!=="string"||typeof e.insertBefore!=="function"||typeof e.hasChildNodes!=="function")};const Se=function t(e){return typeof a==="function"&&e instanceof a};function Re(t,i,n){b(t,(t=>{t.call(e,i,n,pe)}))}const _e=function t(i){let n=null;Re(ht.beforeSanitizeElements,i,null);if(Ae(i)){Te(i);return true}const r=de(i.nodeName);Re(ht.uponSanitizeElement,i,{tagName:r,allowedTags:xt});if(Ct&&i.hasChildNodes()&&!Se(i.firstElementChild)&&D(/<[/\w!]/g,i.innerHTML)&&D(/<[/\w!]/g,i.textContent)){Te(i);return true}if(Ct&&i.namespaceURI===ie&&r==="style"&&Se(i.firstElementChild)){Te(i);return true}if(i.nodeType===ot.progressingInstruction){Te(i);return true}if(Ct&&i.nodeType===ot.comment&&D(/<[/\w]/g,i.data)){Te(i);return true}if(Rt[r]||!(It.tagCheck instanceof Function&&It.tagCheck(r))&&!xt[r]){if(!Rt[r]&&De(r)){if(St.tagNameCheck instanceof RegExp&&D(St.tagNameCheck,r)){return false}if(St.tagNameCheck instanceof Function&&St.tagNameCheck(r)){return false}}if(Yt&&!Gt[r]){const t=Z(i)||i.parentNode;const e=V(i)||i.childNodes;if(e&&t){const n=e.length;for(let r=n-1;r>=0;--r){const n=z(e[r],true);n.__removalCount=(i.__removalCount||0)+1;t.insertBefore(n,C(i))}}}Te(i);return true}if(i instanceof c&&!we(i)){Te(i);return true}if((r==="noscript"||r==="noembed"||r==="noframes")&&D(/<\/no(script|embed|frames)/i,i.innerHTML)){Te(i);return true}if(Pt&&i.nodeType===ot.text){n=i.textContent;b([dt,pt,mt],(t=>{n=S(n,t," ")}));if(i.textContent!==n){T(e.removed,{element:i.cloneNode()});i.textContent=n}}Re(ht.afterSanitizeElements,i,null);return false};const Ie=function t(e,n,r){if(_t[n]){return false}if(Wt&&(n==="id"||n==="name")&&(r in i||r in me)){return false}if(Mt&&!_t[n]&&D(vt,n));else if(Dt&&D(gt,n));else if(It.attributeCheck instanceof Function&&It.attributeCheck(n,e));else if(!kt[n]||_t[n]){if(De(e)&&(St.tagNameCheck instanceof RegExp&&D(St.tagNameCheck,e)||St.tagNameCheck instanceof Function&&St.tagNameCheck(e))&&(St.attributeNameCheck instanceof RegExp&&D(St.attributeNameCheck,n)||St.attributeNameCheck instanceof Function&&St.attributeNameCheck(n,e))||n==="is"&&St.allowCustomizedBuiltInElements&&(St.tagNameCheck instanceof RegExp&&D(St.tagNameCheck,r)||St.tagNameCheck instanceof Function&&St.tagNameCheck(r)));else{return false}}else if(Kt[n]);else if(D(Tt,S(r,yt,"")));else if((n==="src"||n==="xlink:href"||n==="href")&&e!=="script"&&R(r,"data:")===0&&Zt[e]);else if(zt&&!D(bt,S(r,yt,"")));else if(r){return false}else;return true};const De=function t(e){return e!=="annotation-xml"&&A(e,wt)};const Me=function t(i){Re(ht.beforeSanitizeAttributes,i,null);const{attributes:n}=i;if(!n||Ae(i)){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:l}=t;const c=de(o);const f=l;let u=o==="value"?f:_(f);r.attrName=c;r.attrValue=u;r.keepAttr=true;r.forceKeepAttr=undefined;Re(ht.uponSanitizeAttribute,i,r);u=r.attrValue;if(Ht&&(c==="id"||c==="name")){xe(o,i);u=Xt+u}if(Ct&&D(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,u)){xe(o,i);continue}if(c==="attributename"&&A(u,"href")){xe(o,i);continue}if(r.forceKeepAttr){continue}if(!r.keepAttr){xe(o,i);continue}if(!Ot&&D(/\/>/i,u)){xe(o,i);continue}if(Pt){b([dt,pt,mt],(t=>{u=S(u,t," ")}))}const h=de(i.nodeName);if(!Ie(h,c,u)){xe(o,i);continue}if(J&&typeof v==="object"&&typeof v.getAttributeType==="function"){if(a);else{switch(v.getAttributeType(h,c)){case"TrustedHTML":{u=J.createHTML(u);break}case"TrustedScriptURL":{u=J.createScriptURL(u);break}}}}if(u!==f){try{if(a){i.setAttributeNS(a,o,u)}else{i.setAttribute(o,u)}if(Ae(i)){Te(i)}else{w(e.removed)}}catch(t){xe(o,i)}}}Re(ht.afterSanitizeAttributes,i,null)};const ze=function t(e){let i=null;const n=ke(e);Re(ht.beforeSanitizeShadowDOM,e,null);while(i=n.nextNode()){Re(ht.uponSanitizeShadowNode,i,null);_e(i);Me(i);if(i.content instanceof s){ze(i.content)}}Re(ht.afterSanitizeShadowDOM,e,null)};e.sanitize=function(t){let i=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};let r=null;let o=null;let l=null;let c=null;re=!t;if(re){t="\x3c!--\x3e"}if(typeof t!=="string"&&!Se(t)){if(typeof t.toString==="function"){t=t.toString();if(typeof t!=="string"){throw M("dirty is not a string, aborting")}}else{throw M("toString is not a function")}}if(!e.isSupported){return t}if(!Lt){ge(i)}e.removed=[];if(typeof t==="string"){qt=false}if(qt){if(t.nodeName){const e=de(t.nodeName);if(!xt[e]||Rt[e]){throw M("root node is forbidden and cannot be sanitized in-place")}}}else if(t instanceof a){r=Ee("\x3c!----\x3e");o=r.ownerDocument.importNode(t,true);if(o.nodeType===ot.element&&o.nodeName==="BODY"){r=o}else if(o.nodeName==="HTML"){r=o}else{r.appendChild(o)}}else{if(!jt&&!Pt&&!Nt&&t.indexOf("<")===-1){return J&&Bt?J.createHTML(t):t}r=Ee(t);if(!r){return jt?null:Bt?K:""}}if(r&&Ft){Te(r.firstChild)}const f=ke(qt?t:r);while(l=f.nextNode()){_e(l);Me(l);if(l.content instanceof s){ze(l.content)}}if(qt){return t}if(jt){if(Pt){r.normalize();let t=r.innerHTML;b([dt,pt,mt],(e=>{t=S(t,e," ")}));r.innerHTML=t}if(Ut){c=it.call(r.ownerDocument);while(r.firstChild){c.appendChild(r.firstChild)}}else{c=r}if(kt.shadowroot||kt.shadowrootmode){c=ut.call(n,c,true)}return c}let u=Nt?r.outerHTML:r.innerHTML;if(Nt&&xt["!doctype"]&&r.ownerDocument&&r.ownerDocument.doctype&&r.ownerDocument.doctype.name&&D(nt,r.ownerDocument.doctype.name)){u="<!DOCTYPE "+r.ownerDocument.doctype.name+">\n"+u}if(Pt){b([dt,pt,mt],(t=>{u=S(u,t," ")}))}return J&&Bt?J.createHTML(u):u};e.setConfig=function(){let t=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};ge(t);Lt=true};e.clearConfig=function(){pe=null;Lt=false};e.isValidAttribute=function(t,e,i){if(!pe){ge({})}const n=de(t);const r=de(e);return Ie(n,r,i)};e.addHook=function(t,e){if(typeof e!=="function"){return}T(ht[t],e)};e.removeHook=function(t,e){if(e!==undefined){const i=y(ht[t],e);return i===-1?undefined:x(ht[t],i,1)[0]}return w(ht[t])};e.removeHooks=function(t){ht[t]=[]};e.removeAllHooks=function(){ht=ct()};return e}var ut=ft();var ht={exports:{}};
+/*! Hammer.JS - v2.0.7 - 2016-04-22
+ * http://hammerjs.github.io/
+ *
+ * Copyright (c) 2016 Jorik Tangelder;
+ * Licensed under the MIT license */var dt;function pt(){if(dt)return ht.exports;dt=1;(function(t){(function(e,i,n,r){var s=["","webkit","Moz","MS","ms","o"];var o=i.createElement("div");var a="function";var l=Math.round;var c=Math.abs;var f=Date.now;function u(t,e,i){return setTimeout(y(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 b(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 y(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=t[s][e];if(R(r,o)<0){n.push(t[s])}r[s]=o;s++}{{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 M=1;function z(){return M++}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 H=1;var X=2;var Y=4;var q=8;var $=1;var G=2;var V=4;var Z=8;var J=16;var K=G|V;var Q=Z|J;var tt=K|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&H&&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=ct(e)}if(r>1&&!i.firstMultiple){i.firstMultiple=ct(e)}else if(r===1){i.firstMultiple=false}var s=i.firstInput;var o=i.firstMultiple;var a=o?o.center:s.center;var l=e.center=ft(n);e.timeStamp=f();e.deltaTime=e.timeStamp-s.timeStamp;e.angle=pt(a,l);e.distance=dt(a,l);at(i,e);e.offsetDirection=ht(e.deltaX,e.deltaY);var u=ut(e.deltaTime,e.deltaX,e.deltaY);e.overallVelocityX=u.x;e.overallVelocityY=u.y;e.overallVelocity=c(u.x)>c(u.y)?u.x:u.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;lt(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===H||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 lt(t,e){var i=t.lastInterval||e,n=e.timeStamp-i.timeStamp,s,o,a,l;if(e.eventType!=q&&(n>W||i.velocity===r)){var f=e.deltaX-i.deltaX;var u=e.deltaY-i.deltaY;var h=ut(n,f,u);o=h.x;a=h.y;s=c(h.x)>c(h.y)?h.x:h.y;l=ht(f,u);t.lastInterval=e}else{s=i.velocity;o=i.velocityX;a=i.velocityY;l=i.direction}e.velocity=s;e.velocityX=o;e.velocityY=a;e.direction=l}function ct(t){var e=[];var i=0;while(i<t.pointers.length){e[i]={clientX:l(t.pointers[i].clientX),clientY:l(t.pointers[i].clientY)};i++}return{timeStamp:f(),pointers:e,center:ft(e),deltaX:t.deltaX,deltaY:t.deltaY}}function ft(t){var e=t.length;if(e===1){return{x:l(t[0].clientX),y:l(t[0].clientY)}}var i=0,n=0,r=0;while(r<e){i+=t[r].clientX;n+=t[r].clientY;r++}return{x:l(i/e),y:l(n/e)}}function ut(t,e,i){return{x:e/t||0,y:i/t||0}}function ht(t,e){if(t===e){return $}if(c(t)>=c(e)){return t<0?G:V}return e<0?Z:J}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:H,mousemove:X,mouseup:Y};var bt="mousedown";var yt="mousemove mouseup";function wt(){this.evEl=bt;this.evWin=yt;this.pressed=false;nt.apply(this,arguments)}b(wt,nt,{handler:function t(e){var i=gt[e.type];if(i&H&&e.button===0){this.pressed=true}if(i&X&&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:H,pointermove:X,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=[]}b(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 l=R(i,e.pointerId,"pointerId");if(s&H&&(e.button===0||a)){if(l<0){i.push(e);l=i.length-1}}else if(s&(Y|q)){n=true}if(l<0){return}i[l]=e;this.callback(this.manager,s,{pointers:i,changedPointers:[e],pointerType:o,srcEvent:e});if(n){i.splice(l,1)}}});var St={touchstart:H,touchmove:X,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)}b(It,nt,{handler:function t(e){var i=St[e.type];if(i===H){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")}return[i,n]}var Mt={touchstart:H,touchmove:X,touchend:Y,touchcancel:q};var zt="touchstart touchmove touchend touchcancel";function Ot(){this.evTarget=zt;this.targetIds={};nt.apply(this,arguments)}b(Ot,nt,{handler:function t(e){var i=Mt[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&(H|X)&&i.length===1){n[i[0].identifier]=true;return[i,i]}var r,s,o=_(t.changedTouches),a=[],l=this.target;s=i.filter((function(t){return k(t.target,l)}));if(e===H){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"),a]}var Ct=2500;var Nt=25;function Lt(){nt.apply(this,arguments);var t=y(this.handler,this);this.touch=new Ot(this.manager,t);this.mouse=new wt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}b(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&H){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 Ht="compute";var Xt="auto";var Yt="manipulation";var qt="none";var $t="pan-x";var Gt="pan-y";var Vt=Kt();function Zt(t,e){this.manager=t;this.set(e)}Zt.prototype={set:function(t){if(t==Ht){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 Jt(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 l=t.distance<2;var c=t.deltaTime<250;if(a&&l&&c){return}}if(o&&s){return}if(r||s&&i&K||o&&i&Q){return this.preventSrc(e)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function Jt(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 Xt}function Kt(){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=z();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=ce(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=ce(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(h(t,"requireFailure",this)){return this}var e=this.requireFail;t=ce(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=ce(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 le(t){if(t==J){return"down"}else if(t==Z){return"up"}else if(t==G){return"left"}else if(t==V){return"right"}return""}function ce(t,e){var i=e.manager;if(i){return i.get(t)}return t}function fe(){oe.apply(this,arguments)}b(fe,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 ue(){fe.apply(this,arguments);this.pX=null;this.pY=null}b(ue,fe,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var e=[];if(t&K){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&K){r=s===0?$:s<0?G:V;i=s!=this.pX;n=Math.abs(t.deltaX)}else{r=o===0?$:o<0?Z:J;i=o!=this.pY;n=Math.abs(t.deltaY)}}t.direction=r;return i&&n>e.threshold&&r&e.direction},attrTest:function(t){return fe.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=le(t.direction);if(e){t.additionalEvent=this.options.event+e}this._super.emit.call(this,t)}});function he(){fe.apply(this,arguments)}b(he,fe,{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}b(de,oe,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Xt]},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&H){this.reset();this._timer=u((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=f();this.manager.emit(this.options.event,this._input)}}});function pe(){fe.apply(this,arguments)}b(pe,fe,{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(){fe.apply(this,arguments)}b(me,fe,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:K|Q,pointers:1},getTouchAction:function(){return ue.prototype.getTouchAction.call(this)},attrTest:function(t){var e=this.options.direction;var i;if(e&(K|Q)){i=t.overallVelocity}else if(e&K){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&&c(i)>this.options.velocity&&t.eventType&Y},emit:function(t){var e=le(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}b(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&H&&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=u((function(){this.state=ne;this.tryEmit()}),e.interval,this);return te}}}return se},failTimeout:function(){this._timer=u((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:Ht,enable:true,inputTarget:null,inputClass:null,preset:[[pe,{enable:false}],[he,{enable:false},["rotate"]],[me,{direction:K}],[ue,{direction:K},["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 be=1;var ye=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?ye:be},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!==ye&&(!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:H,INPUT_MOVE:X,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:J,DIRECTION_HORIZONTAL:K,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:fe,Tap:ve,Pan:ue,Swipe:me,Pinch:he,Rotate:pe,Press:de,on:x,off:E,each:d,merge:g,extend:v,assign:m,inherit:b,bindFn:y,prefixed:D});var Ee=typeof e!=="undefined"?e:typeof self!=="undefined"?self:{};Ee.Hammer=ge;if(t.exports){t.exports=ge}else{e[n]=ge}})(window,document,"Hammer")})(ht);return ht.exports}var mt=pt();var vt=a(mt);const gt=()=>`: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),     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 bt={[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 yt=class{constructor(i){t(this,i);this.toastClose=e(this,"toastClose",7);this.pauseonfocusloss=true;this.isdraggable=true;this.draggablepercentage=80;this.isCloseEventCalled=false}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"){if(this.timeoutHandle){this.onBlur()}}else if(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 vt(this.hostElement);this.sliderManager.get("pan").set({direction:vt.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===vt.DIRECTION_LEFT||t.eventType===vt.DIRECTION_RIGHT){this.hostElement.style.transform=e.translate;if(Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled){this.isCloseEventCalled=true;this.close(t.direction===vt.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(bt[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)}}if(this.isdraggable){this.handleSlideOutDragAnimation()}}render(){return i(n,{key:"1fc53b2a046a69423b79dc155a8047927f820f99",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:"3ce177f39a21c8431368287ea771e3b9035494a5",class:"toast-notification-container"},i("div",{key:"e516a7f69f5ce2bf2d99d898dc187ed56825cc3a",class:"toast-notification-content"},i("div",{key:"38550c2a0000cfd468a3e98dbaefbd55f063f5ff",class:"toast-notification-text"},this.heading&&i("span",{key:"242f9da4bb8e8e12a33750077ae2c0f471d3af76",class:"title"},this.heading),i("span",{key:"ee4765e96507f08a627d38b2b5462cfceabe378e",class:"message"},i("slot",{key:"fb04698db1b74fff5a226d2f37633b7a827575c4",name:"message"},this.message&&i("span",{key:"cb68e395d3e5986428b3f1bd2d672beb86a53cbc",innerHTML:ut.sanitize(this.message)})))),i("div",{key:"b637f3d6fda242d84208b4334f5979af6d81dc15",class:"button-container",hidden:!this.hasSlottedButton},i("slot",{key:"587c1bb667c497b1dc026a7fd51acf1a12692952",name:"button",onSlotchange:()=>this.checkSlottedButton()}))),this.closebutton&&i("button",{key:"db8aa264cd8c2f04db4d3271c61106930a9d557b",class:"close-button","aria-label":"Chiudi notifica",onClick:()=>this.close(bt[this.transition],true),onKeyDown:t=>{if(t.code==o.SPACE||t.code==o.ENTER){t.preventDefault();this.close(bt[this.transition],true)}}},i("z-icon",{key:"c80895cdd37e91aaad1314d602cb57f5c7d5cbd9",name:"multiply-circled"}))))}get hostElement(){return r(this)}static get watchers(){return{isdraggable:[{watchPropIsdraggable:0}],autoclose:[{watchPropAutoclose:0}],pauseonfocusloss:[{watchPropPauseonfocusloss:0}]}}};yt.style=gt();export{yt as z_toast_notification};
+//# sourceMappingURL=p-30579764.entry.js.map