@zanichelli/albe-web-components 20.0.2 → 21.0.0-RC2

package/dist/components/{_commonjsHelpers.js → p-B85MJLTf.js}

@@ -1,2 +1,2 @@
 function t(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t["default"]:t}export{t as g};
-//# sourceMappingURL=_commonjsHelpers.js.map
+//# sourceMappingURL=p-B85MJLTf.js.map

package/dist/components/p-BAguKZnb.js

@@ -0,0 +1,2 @@
+import{p as o,H as r,h as t,t as a}from"./p-RmbDDbWd.js";import{c as n,B as e,a1 as i,e as c}from"./p-DdetsoIY.js";import{d as s}from"./p-CbXEdwLi.js";const l=()=>`.sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:0;--z-icon-left-margin:0}[disabled].sc-z-button-h:not([disabled="false"]){pointer-events:none}.sc-z-button-h .z-button--container.sc-z-button{display:inline-flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center;padding:0;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);column-gap:var(--space-unit);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:1;outline:none;text-decoration:none;text-transform:uppercase;white-space:nowrap}.sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}[icon-position="right"].sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{flex-direction:row-reverse}[size="big"].sc-z-button-h .z-button--container.sc-z-button{min-width:44px;height:44px}[size="small"].sc-z-button-h .z-button--container.sc-z-button{min-width:36px;height:36px}[size="x-small"].sc-z-button-h .z-button--container.sc-z-button{min-width:32px;height:32px}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse)}}[variant="primary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-text-inverse)}[variant="primary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled03)}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary01);background-color:var(--color-button-secondary);color:var(--color-primary01)}@media (hover: hover){[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-hover-primary);background-color:var(--color-button-secondary);color:var(--color-hover-primary)}}[variant="secondary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-pressed-primary);background-color:var(--color-button-secondary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary)}[variant="secondary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-button-secondary);color:var(--color-disabled03)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}@media (hover: hover){[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:hover{border-color:var(--color-primary03);background-color:var(--color-primary03);color:var(--color-hover-primary)}}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{border-color:var(--color-primary02);background-color:var(--color-primary02);color:var(--color-primary01)}[variant="tertiary"].sc-z-button-h .z-button--container.sc-z-button:active{border-color:var(--color-primary02);background-color:var(--color-primary02);box-shadow:var(--shadow-2);color:var(--color-primary01)}[variant="tertiary"][disabled].sc-z-button-h:not([disabled="false"]) .z-button--container.sc-z-button{border-color:var(--color-disabled01);background-color:var(--color-disabled01);color:var(--color-disabled03)}`;const b=o(class o extends r{constructor(o){super();if(o!==false){this.__registerHost()}this.disabled=false;this.type=n.BUTTON;this.variant=e.PRIMARY;this.iconPosition=i.LEFT;this.size=c.BIG;this.hasText=false}componentWillLoad(){var o;this.hasText=!!((o=this.hostElement.textContent)===null||o===void 0?void 0:o.trim())}get attributes(){var o;return{id:this.htmlid,class:{"z-button--container":true,"z-button--has-text":this.hasText},"aria-label":((o=this.htmlAriaLabel)===null||o===void 0?void 0:o.trim())||undefined}}renderIcon(){return this.icon&&t("z-icon",{name:this.icon})}render(){if(this.href){return t("a",Object.assign({},this.attributes,{href:this.href,target:this.target}),this.renderIcon(),t("slot",null))}return t("button",Object.assign({},this.attributes,{name:this.name,type:this.type,disabled:this.disabled,role:this.htmlRole||undefined}),this.renderIcon(),t("slot",null))}get hostElement(){return this}static get style(){return l()}},[262,"z-button",{htmlAriaLabel:[1,"html-aria-label"],htmlRole:[1,"html-role"],href:[1],target:[1],htmlid:[1],name:[1],disabled:[516],type:[1],variant:[513],icon:[1],iconPosition:[513,"icon-position"],size:[513]}]);function d(){if(typeof customElements==="undefined"){return}const o=["z-button","z-icon"];o.forEach((o=>{switch(o){case"z-button":if(!customElements.get(a(o))){customElements.define(a(o),b)}break;case"z-icon":if(!customElements.get(a(o))){s()}break}}))}export{b as Z,d};
+//# sourceMappingURL=p-BAguKZnb.js.map

package/dist/components/{index4.js.map → p-BAguKZnb.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZButton","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","disabled","type","ButtonType","BUTTON","variant","ButtonVariant","PRIMARY","iconPosition","IconPosition","LEFT","size","ControlSize","BIG","hasText","componentWillLoad","_a","hostElement","textContent","trim","attributes","id","htmlid","class","htmlAriaLabel","undefined","renderIcon","icon","h","name","render","href","Object","assign","target","role","htmlRole"],"sources":["src/components/z-button/styles.css?tag=z-button&encapsulation=scoped","src/components/z-button/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n  --z-icon-right-margin: 0;\n  --z-icon-left-margin: 0;\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  pointer-events: none;\n}\n\n:host .z-button--container {\n  display: inline-flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border-width: var(--border-size-medium);\n  border-style: solid;\n  border-radius: var(--border-radius);\n  column-gap: var(--space-unit);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.3px;\n  line-height: 1;\n  outline: none;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n:host .z-button--container:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host .z-button--container.z-button--has-text {\n  min-width: calc(var(--space-unit) * 8);\n  padding: 0 calc(var(--space-unit) * 2);\n}\n\n:host([icon-position=\"right\"]) .z-button--container.z-button--has-text {\n  flex-direction: row-reverse;\n}\n\n:host([size=\"big\"]) .z-button--container {\n  min-width: 44px;\n  height: 44px;\n}\n\n:host([size=\"small\"]) .z-button--container {\n  min-width: 36px;\n  height: 36px;\n}\n\n:host([size=\"x-small\"]) .z-button--container {\n  min-width: 32px;\n  height: 32px;\n}\n\n:host([variant=\"primary\"]) .z-button--container {\n  border-color: var(--color-primary01);\n  background-color: var(--color-primary01);\n  color: var(--color-text-inverse);\n}\n\n@media (hover: hover) {\n  :host([variant=\"primary\"]) .z-button--container:hover {\n    border-color: var(--color-hover-primary);\n    background-color: var(--color-hover-primary);\n    color: var(--color-text-inverse);\n  }\n}\n\n:host([variant=\"primary\"]) .z-button--container:active {\n  border-color: var(--color-pressed-primary);\n  background-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-text-inverse);\n}\n\n:host([variant=\"primary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([variant=\"secondary\"]) .z-button--container {\n  border-color: var(--color-primary01);\n  background-color: var(--color-button-secondary);\n  color: var(--color-primary01);\n}\n\n@media (hover: hover) {\n  :host([variant=\"secondary\"]) .z-button--container:hover {\n    border-color: var(--color-hover-primary);\n    background-color: var(--color-button-secondary);\n    color: var(--color-hover-primary);\n  }\n}\n\n:host([variant=\"secondary\"]) .z-button--container:active {\n  border-color: var(--color-pressed-primary);\n  background-color: var(--color-button-secondary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n}\n\n:host([variant=\"secondary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-button-secondary);\n  color: var(--color-disabled03);\n}\n\n:host([variant=\"tertiary\"]) .z-button--container {\n  border-color: var(--color-primary02);\n  background-color: var(--color-primary02);\n  color: var(--color-primary01);\n}\n\n@media (hover: hover) {\n  :host([variant=\"tertiary\"]) .z-button--container:hover {\n    border-color: var(--color-primary03);\n    background-color: var(--color-primary03);\n    color: var(--color-hover-primary);\n  }\n}\n\n:host([variant=\"tertiary\"]) .z-button--container:focus:focus-visible {\n  border-color: var(--color-primary02);\n  background-color: var(--color-primary02);\n  color: var(--color-primary01);\n}\n\n:host([variant=\"tertiary\"]) .z-button--container:active {\n  border-color: var(--color-primary02);\n  background-color: var(--color-primary02);\n  box-shadow: var(--shadow-2);\n  color: var(--color-primary01);\n}\n\n:host([variant=\"tertiary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n","import {Component, ComponentInterface, Element, Prop, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {ButtonSize, ButtonType, ButtonVariant, ControlSize, IconPosition} from \"../../beans\";\n\n/**\n * @slot - button label\n */\n@Component({\n  tag: \"z-button\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZButton implements ComponentInterface {\n  @Element() hostElement: HTMLZButtonElement;\n\n  /** `aria-label` for the internal button element. Mostly needed when no text is present, like for an icon-only button. */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** `role` attribute for the internal button element. Used for accessibility. */\n  @Prop()\n  htmlRole?: string;\n\n  /** HTML <a> href attribute. If it is set, it renders an HTML <a> tag. */\n  @Prop()\n  href?: string;\n\n  /** HTML a target attribute. */\n  @Prop()\n  target?: string;\n\n  /** Identifier, should be unique. */\n  @Prop()\n  htmlid?: string;\n\n  /** HTML button name attribute. */\n  @Prop()\n  name?: string;\n\n  /** HTML button disabled attribute. */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** HTML button type attribute. */\n  @Prop()\n  type?: ButtonType = ButtonType.BUTTON;\n\n  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */\n  @Prop({reflect: true})\n  variant?: ButtonVariant = ButtonVariant.PRIMARY;\n\n  /** `z-icon` name to use (optional). */\n  @Prop()\n  icon?: string;\n\n  /** the button icon position. Defaults to `left` */\n  @Prop({reflect: true})\n  iconPosition?: IconPosition = IconPosition.LEFT;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop({reflect: true})\n  size?: ButtonSize | ControlSize = ControlSize.BIG;\n\n  private hasText = false;\n\n  componentWillLoad() {\n    this.hasText = !!this.hostElement.textContent?.trim();\n  }\n\n  private get attributes(): JSXBase.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> {\n    return {\n      \"id\": this.htmlid,\n      \"class\": {\n        \"z-button--container\": true,\n        \"z-button--has-text\": this.hasText,\n      },\n      \"aria-label\": this.htmlAriaLabel?.trim() || undefined,\n    };\n  }\n\n  private renderIcon(): HTMLZIconElement | undefined {\n    return this.icon && <z-icon name={this.icon} />;\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    if (this.href) {\n      return (\n        <a\n          {...this.attributes}\n          href={this.href}\n          target={this.target}\n        >\n          {this.renderIcon()}\n          <slot />\n        </a>\n      );\n    }\n\n    return (\n      <button\n        {...this.attributes}\n        name={this.name}\n        type={this.type}\n        disabled={this.disabled}\n        role={this.htmlRole || undefined}\n      >\n        {this.renderIcon()}\n        <slot />\n      </button>\n    );\n  }\n}\n"],"mappings":"mMAAA,MAAMA,EAAY,IAAM,04H,MCaXC,EAAOC,EAAA,MAAAD,UAAAE,EANpB,WAAAC,CAAAC,G,4CAmCEC,KAAAC,SAAqB,MAIrBD,KAAAE,KAAoBC,EAAWC,OAI/BJ,KAAAK,QAA0BC,EAAcC,QAQxCP,KAAAQ,aAA8BC,EAAaC,KAI3CV,KAAAW,KAAkCC,EAAYC,IAEtCb,KAAAc,QAAU,KAgDnB,CA9CC,iBAAAC,G,MACEf,KAAKc,YAAYE,EAAAhB,KAAKiB,YAAYC,eAAW,MAAAF,SAAA,SAAAA,EAAEG,O,CAGjD,cAAYC,G,MACV,MAAO,CACLC,GAAMrB,KAAKsB,OACXC,MAAS,CACP,sBAAuB,KACvB,qBAAsBvB,KAAKc,SAE7B,eAAcE,EAAAhB,KAAKwB,iBAAa,MAAAR,SAAA,SAAAA,EAAEG,SAAUM,U,CAIxC,UAAAC,GACN,OAAO1B,KAAK2B,MAAQC,EAAA,UAAQC,KAAM7B,KAAK2B,M,CAGzC,MAAAG,GACE,GAAI9B,KAAK+B,KAAM,CACb,OACEH,EAAA,IAAAI,OAAAC,OAAA,GACMjC,KAAKoB,WAAU,CACnBW,KAAM/B,KAAK+B,KACXG,OAAQlC,KAAKkC,SAEZlC,KAAK0B,aACNE,EAAA,a,CAKN,OACEA,EAAA,SAAAI,OAAAC,OAAA,GACMjC,KAAKoB,WAAU,CACnBS,KAAM7B,KAAK6B,KACX3B,KAAMF,KAAKE,KACXD,SAAUD,KAAKC,SACfkC,KAAMnC,KAAKoC,UAAYX,YAEtBzB,KAAK0B,aACNE,EAAA,a","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZButton","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","disabled","type","ButtonType","BUTTON","variant","ButtonVariant","PRIMARY","iconPosition","IconPosition","LEFT","size","ControlSize","BIG","hasText","componentWillLoad","_a","hostElement","textContent","trim","attributes","id","htmlid","class","htmlAriaLabel","undefined","renderIcon","icon","h","name","render","href","Object","assign","target","role","htmlRole"],"sources":["src/components/z-button/styles.css?tag=z-button&encapsulation=scoped","src/components/z-button/index.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n  --z-icon-right-margin: 0;\n  --z-icon-left-margin: 0;\n}\n\n:host([disabled]:not([disabled=\"false\"])) {\n  pointer-events: none;\n}\n\n:host .z-button--container {\n  display: inline-flex;\n  width: 100%;\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border-width: var(--border-size-medium);\n  border-style: solid;\n  border-radius: var(--border-radius);\n  column-gap: var(--space-unit);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.3px;\n  line-height: 1;\n  outline: none;\n  text-decoration: none;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n:host .z-button--container:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host .z-button--container.z-button--has-text {\n  min-width: calc(var(--space-unit) * 8);\n  padding: 0 calc(var(--space-unit) * 2);\n}\n\n:host([icon-position=\"right\"]) .z-button--container.z-button--has-text {\n  flex-direction: row-reverse;\n}\n\n:host([size=\"big\"]) .z-button--container {\n  min-width: 44px;\n  height: 44px;\n}\n\n:host([size=\"small\"]) .z-button--container {\n  min-width: 36px;\n  height: 36px;\n}\n\n:host([size=\"x-small\"]) .z-button--container {\n  min-width: 32px;\n  height: 32px;\n}\n\n:host([variant=\"primary\"]) .z-button--container {\n  border-color: var(--color-primary01);\n  background-color: var(--color-primary01);\n  color: var(--color-text-inverse);\n}\n\n@media (hover: hover) {\n  :host([variant=\"primary\"]) .z-button--container:hover {\n    border-color: var(--color-hover-primary);\n    background-color: var(--color-hover-primary);\n    color: var(--color-text-inverse);\n  }\n}\n\n:host([variant=\"primary\"]) .z-button--container:active {\n  border-color: var(--color-pressed-primary);\n  background-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-text-inverse);\n}\n\n:host([variant=\"primary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([variant=\"secondary\"]) .z-button--container {\n  border-color: var(--color-primary01);\n  background-color: var(--color-button-secondary);\n  color: var(--color-primary01);\n}\n\n@media (hover: hover) {\n  :host([variant=\"secondary\"]) .z-button--container:hover {\n    border-color: var(--color-hover-primary);\n    background-color: var(--color-button-secondary);\n    color: var(--color-hover-primary);\n  }\n}\n\n:host([variant=\"secondary\"]) .z-button--container:active {\n  border-color: var(--color-pressed-primary);\n  background-color: var(--color-button-secondary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n}\n\n:host([variant=\"secondary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-button-secondary);\n  color: var(--color-disabled03);\n}\n\n:host([variant=\"tertiary\"]) .z-button--container {\n  border-color: var(--color-primary02);\n  background-color: var(--color-primary02);\n  color: var(--color-primary01);\n}\n\n@media (hover: hover) {\n  :host([variant=\"tertiary\"]) .z-button--container:hover {\n    border-color: var(--color-primary03);\n    background-color: var(--color-primary03);\n    color: var(--color-hover-primary);\n  }\n}\n\n:host([variant=\"tertiary\"]) .z-button--container:focus:focus-visible {\n  border-color: var(--color-primary02);\n  background-color: var(--color-primary02);\n  color: var(--color-primary01);\n}\n\n:host([variant=\"tertiary\"]) .z-button--container:active {\n  border-color: var(--color-primary02);\n  background-color: var(--color-primary02);\n  box-shadow: var(--shadow-2);\n  color: var(--color-primary01);\n}\n\n:host([variant=\"tertiary\"][disabled]:not([disabled=\"false\"])) .z-button--container {\n  border-color: var(--color-disabled01);\n  background-color: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n","import {Component, ComponentInterface, Element, Prop, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {ButtonSize, ButtonType, ButtonVariant, ControlSize, IconPosition} from \"../../beans\";\n\n/**\n * @slot - button label\n */\n@Component({\n  tag: \"z-button\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZButton implements ComponentInterface {\n  @Element() hostElement: HTMLZButtonElement;\n\n  /** `aria-label` for the internal button element. Mostly needed when no text is present, like for an icon-only button. */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** `role` attribute for the internal button element. Used for accessibility. */\n  @Prop()\n  htmlRole?: string;\n\n  /** HTML <a> href attribute. If it is set, it renders an HTML <a> tag. */\n  @Prop()\n  href?: string;\n\n  /** HTML a target attribute. */\n  @Prop()\n  target?: string;\n\n  /** Identifier, should be unique. */\n  @Prop()\n  htmlid?: string;\n\n  /** HTML button name attribute. */\n  @Prop()\n  name?: string;\n\n  /** HTML button disabled attribute. */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** HTML button type attribute. */\n  @Prop()\n  type?: ButtonType = ButtonType.BUTTON;\n\n  /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */\n  @Prop({reflect: true})\n  variant?: ButtonVariant = ButtonVariant.PRIMARY;\n\n  /** `z-icon` name to use (optional). */\n  @Prop()\n  icon?: string;\n\n  /** the button icon position. Defaults to `left` */\n  @Prop({reflect: true})\n  iconPosition?: IconPosition = IconPosition.LEFT;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop({reflect: true})\n  size?: ButtonSize | ControlSize = ControlSize.BIG;\n\n  private hasText = false;\n\n  componentWillLoad() {\n    this.hasText = !!this.hostElement.textContent?.trim();\n  }\n\n  private get attributes(): JSXBase.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement> {\n    return {\n      \"id\": this.htmlid,\n      \"class\": {\n        \"z-button--container\": true,\n        \"z-button--has-text\": this.hasText,\n      },\n      \"aria-label\": this.htmlAriaLabel?.trim() || undefined,\n    };\n  }\n\n  private renderIcon(): HTMLZIconElement | undefined {\n    return this.icon && <z-icon name={this.icon} />;\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    if (this.href) {\n      return (\n        <a\n          {...this.attributes}\n          href={this.href}\n          target={this.target}\n        >\n          {this.renderIcon()}\n          <slot />\n        </a>\n      );\n    }\n\n    return (\n      <button\n        {...this.attributes}\n        name={this.name}\n        type={this.type}\n        disabled={this.disabled}\n        role={this.htmlRole || undefined}\n      >\n        {this.renderIcon()}\n        <slot />\n      </button>\n    );\n  }\n}\n"],"mappings":"uJAAA,MAAMA,EAAY,IAAM,04H,MCaXC,EAAOC,EAAA,MAAAD,UAAAE,EANpB,WAAAC,CAAAC,G,4CAmCEC,KAAAC,SAAqB,MAIrBD,KAAAE,KAAoBC,EAAWC,OAI/BJ,KAAAK,QAA0BC,EAAcC,QAQxCP,KAAAQ,aAA8BC,EAAaC,KAI3CV,KAAAW,KAAkCC,EAAYC,IAEtCb,KAAAc,QAAU,KAgDnB,CA9CC,iBAAAC,G,MACEf,KAAKc,YAAYE,EAAAhB,KAAKiB,YAAYC,eAAW,MAAAF,SAAA,SAAAA,EAAEG,O,CAGjD,cAAYC,G,MACV,MAAO,CACLC,GAAMrB,KAAKsB,OACXC,MAAS,CACP,sBAAuB,KACvB,qBAAsBvB,KAAKc,SAE7B,eAAcE,EAAAhB,KAAKwB,iBAAa,MAAAR,SAAA,SAAAA,EAAEG,SAAUM,U,CAIxC,UAAAC,GACN,OAAO1B,KAAK2B,MAAQC,EAAA,UAAQC,KAAM7B,KAAK2B,M,CAGzC,MAAAG,GACE,GAAI9B,KAAK+B,KAAM,CACb,OACEH,EAAA,IAAAI,OAAAC,OAAA,GACMjC,KAAKoB,WAAU,CACnBW,KAAM/B,KAAK+B,KACXG,OAAQlC,KAAKkC,SAEZlC,KAAK0B,aACNE,EAAA,a,CAKN,OACEA,EAAA,SAAAI,OAAAC,OAAA,GACMjC,KAAKoB,WAAU,CACnBS,KAAM7B,KAAK6B,KACX3B,KAAMF,KAAKE,KACXD,SAAUD,KAAKC,SACfkC,KAAMnC,KAAKoC,UAAYX,YAEtBzB,KAAK0B,aACNE,EAAA,a","ignoreList":[]}

package/dist/components/p-BRkq64wS.js

@@ -0,0 +1,2 @@
+var t=window.CustomEvent;if(!t||typeof t==="object"){t=function t(i,e){e=e||{};var n=document.createEvent("CustomEvent");n.initCustomEvent(i,!!e.bubbles,!!e.cancelable,e.detail||null);return n};t.prototype=window.Event.prototype}function i(t,i){var e="on"+i.type.toLowerCase();if(typeof t[e]==="function"){t[e](i)}return t.dispatchEvent(i)}function e(t){while(t&&t!==document.body){var i=window.getComputedStyle(t);var e=function(t,e){return!(i[t]===undefined||i[t]===e)};if(i.opacity<1||e("zIndex","auto")||e("transform","none")||e("mixBlendMode","normal")||e("filter","none")||e("perspective","none")||i["isolation"]==="isolate"||i.position==="fixed"||i.webkitOverflowScrolling==="touch"){return true}t=t.parentElement}return false}function n(t){while(t){if(t.localName==="dialog"){return t}if(t.parentElement){t=t.parentElement}else if(t.parentNode){t=t.parentNode.host}else{t=null}}return null}function o(t){while(t&&t.shadowRoot&&t.shadowRoot.activeElement){t=t.shadowRoot.activeElement}if(t&&t.blur&&t!==document.body){t.blur()}}function r(t,i){for(var e=0;e<t.length;++e){if(t[e]===i){return true}}return false}function s(t){if(!t||!t.hasAttribute("method")){return false}return t.getAttribute("method").toLowerCase()==="dialog"}function u(t){var i=["button","input","keygen","select","textarea"];var e=i.map((function(t){return t+":not([disabled])"}));e.push('[tabindex]:not([disabled]):not([tabindex=""])');var n=t.querySelector(e.join(", "));if(!n&&"attachShadow"in Element.prototype){var o=t.querySelectorAll("*");for(var r=0;r<o.length;r++){if(o[r].tagName&&o[r].shadowRoot){n=u(o[r].shadowRoot);if(n){break}}}}return n}function a(t){return t.isConnected||document.body.contains(t)}function f(t){if(t.submitter){return t.submitter}var i=t.target;if(!(i instanceof HTMLFormElement)){return null}var e=d.formSubmitter;if(!e){var n=t.target;var o="getRootNode"in n&&n.getRootNode()||document;e=o.activeElement}if(!e||e.form!==i){return null}return e}function h(t){if(t.defaultPrevented){return}var i=t.target;var e=d.imagemapUseValue;var o=f(t);if(e===null&&o){e=o.value}var r=n(i);if(!r){return}var s=o&&o.getAttribute("formmethod")||i.getAttribute("method");if(s!=="dialog"){return}t.preventDefault();if(e!=null){r.close(e)}else{r.close()}}function l(t){this.dialog_=t;this.replacedStyleTop_=false;this.openAsModal_=false;if(!t.hasAttribute("role")){t.setAttribute("role","dialog")}t.show=this.show.bind(this);t.showModal=this.showModal.bind(this);t.close=this.close.bind(this);t.addEventListener("submit",h,false);if(!("returnValue"in t)){t.returnValue=""}if("MutationObserver"in window){var i=new MutationObserver(this.maybeHideModal.bind(this));i.observe(t,{attributes:true,attributeFilter:["open"]})}else{var e=false;var n=function(){e?this.downgradeModal():this.maybeHideModal();e=false}.bind(this);var o;var r=function(i){if(i.target!==t){return}var r="DOMNodeRemoved";e|=i.type.substr(0,r.length)===r;window.clearTimeout(o);o=window.setTimeout(n,0)};["DOMAttrModified","DOMNodeRemoved","DOMNodeRemovedFromDocument"].forEach((function(i){t.addEventListener(i,r)}))}Object.defineProperty(t,"open",{set:this.setOpen.bind(this),get:t.hasAttribute.bind(t,"open")});this.backdrop_=document.createElement("div");this.backdrop_.className="backdrop";this.backdrop_.addEventListener("mouseup",this.backdropMouseEvent_.bind(this));this.backdrop_.addEventListener("mousedown",this.backdropMouseEvent_.bind(this));this.backdrop_.addEventListener("click",this.backdropMouseEvent_.bind(this))}l.prototype={get dialog(){return this.dialog_},maybeHideModal:function(){if(this.dialog_.hasAttribute("open")&&a(this.dialog_)){return}this.downgradeModal()},downgradeModal:function(){if(!this.openAsModal_){return}this.openAsModal_=false;this.dialog_.style.zIndex="";if(this.replacedStyleTop_){this.dialog_.style.top="";this.replacedStyleTop_=false}this.backdrop_.parentNode&&this.backdrop_.parentNode.removeChild(this.backdrop_);d.dm.removeDialog(this)},setOpen:function(t){if(t){this.dialog_.hasAttribute("open")||this.dialog_.setAttribute("open","")}else{this.dialog_.removeAttribute("open");this.maybeHideModal()}},backdropMouseEvent_:function(t){if(!this.dialog_.hasAttribute("tabindex")){var i=document.createElement("div");this.dialog_.insertBefore(i,this.dialog_.firstChild);i.tabIndex=-1;i.focus();this.dialog_.removeChild(i)}else{this.dialog_.focus()}var e=document.createEvent("MouseEvents");e.initMouseEvent(t.type,t.bubbles,t.cancelable,window,t.detail,t.screenX,t.screenY,t.clientX,t.clientY,t.ctrlKey,t.altKey,t.shiftKey,t.metaKey,t.button,t.relatedTarget);this.dialog_.dispatchEvent(e);t.stopPropagation()},focus_:function(){var t=this.dialog_.querySelector("[autofocus]:not([disabled])");if(!t&&this.dialog_.tabIndex>=0){t=this.dialog_}if(!t){t=u(this.dialog_)}o(document.activeElement);t&&t.focus()},updateZIndex:function(t,i){if(t<i){throw new Error("dialogZ should never be < backdropZ")}this.dialog_.style.zIndex=t;this.backdrop_.style.zIndex=i},show:function(){if(!this.dialog_.open){this.setOpen(true);this.focus_()}},showModal:function(){if(this.dialog_.hasAttribute("open")){throw new Error("Failed to execute 'showModal' on dialog: The element is already open, and therefore cannot be opened modally.")}if(!a(this.dialog_)){throw new Error("Failed to execute 'showModal' on dialog: The element is not in a Document.")}if(!d.dm.pushDialog(this)){throw new Error("Failed to execute 'showModal' on dialog: There are too many open modal dialogs.")}if(e(this.dialog_.parentElement)){console.warn("A dialog is being shown inside a stacking context. "+"This may cause it to be unusable. For more information, see this link: "+"https://github.com/GoogleChrome/dialog-polyfill/#stacking-context")}this.setOpen(true);this.openAsModal_=true;if(d.needsCentering(this.dialog_)){d.reposition(this.dialog_);this.replacedStyleTop_=true}else{this.replacedStyleTop_=false}this.dialog_.parentNode.insertBefore(this.backdrop_,this.dialog_.nextSibling);this.focus_()},close:function(e){if(!this.dialog_.hasAttribute("open")){throw new Error("Failed to execute 'close' on dialog: The element does not have an 'open' attribute, and therefore cannot be closed.")}this.setOpen(false);if(e!==undefined){this.dialog_.returnValue=e}var n=new t("close",{bubbles:false,cancelable:false});i(this.dialog_,n)}};var d={};d.reposition=function(t){var i=document.body.scrollTop||document.documentElement.scrollTop;var e=i+(window.innerHeight-t.offsetHeight)/2;t.style.top=Math.max(i,e)+"px"};d.isInlinePositionSetByStylesheet=function(t){for(var i=0;i<document.styleSheets.length;++i){var e=document.styleSheets[i];var n=null;try{n=e.cssRules}catch(t){}if(!n){continue}for(var o=0;o<n.length;++o){var s=n[o];var u=null;try{u=document.querySelectorAll(s.selectorText)}catch(t){}if(!u||!r(u,t)){continue}var a=s.style.getPropertyValue("top");var f=s.style.getPropertyValue("bottom");if(a&&a!=="auto"||f&&f!=="auto"){return true}}}return false};d.needsCentering=function(t){var i=window.getComputedStyle(t);if(i.position!=="absolute"){return false}if(t.style.top!=="auto"&&t.style.top!==""||t.style.bottom!=="auto"&&t.style.bottom!==""){return false}return!d.isInlinePositionSetByStylesheet(t)};d.forceRegisterDialog=function(t){if(window.HTMLDialogElement||t.showModal){console.warn("This browser already supports <dialog>, the polyfill "+"may not work correctly",t)}if(t.localName!=="dialog"){throw new Error("Failed to register dialog: The element is not a dialog.")}new l(t)};d.registerDialog=function(t){if(!t.showModal){d.forceRegisterDialog(t)}};d.DialogManager=function(){this.pendingDialogStack=[];var t=this.checkDOM_.bind(this);this.overlay=document.createElement("div");this.overlay.className="_dialog_overlay";this.overlay.addEventListener("click",function(i){this.forwardTab_=undefined;i.stopPropagation();t([])}.bind(this));this.handleKey_=this.handleKey_.bind(this);this.handleFocus_=this.handleFocus_.bind(this);this.zIndexLow_=1e5;this.zIndexHigh_=1e5+150;this.forwardTab_=undefined;if("MutationObserver"in window){this.mo_=new MutationObserver((function(i){var e=[];i.forEach((function(t){for(var i=0,n;n=t.removedNodes[i];++i){if(!(n instanceof Element)){continue}else if(n.localName==="dialog"){e.push(n)}e=e.concat(n.querySelectorAll("dialog"))}}));e.length&&t(e)}))}};d.DialogManager.prototype.blockDocument=function(){document.documentElement.addEventListener("focus",this.handleFocus_,true);document.addEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.observe(document,{childList:true,subtree:true})};d.DialogManager.prototype.unblockDocument=function(){document.documentElement.removeEventListener("focus",this.handleFocus_,true);document.removeEventListener("keydown",this.handleKey_);this.mo_&&this.mo_.disconnect()};d.DialogManager.prototype.updateStacking=function(){var t=this.zIndexHigh_;for(var i=0,e;e=this.pendingDialogStack[i];++i){e.updateZIndex(--t,--t);if(i===0){this.overlay.style.zIndex=--t}}var n=this.pendingDialogStack[0];if(n){var o=n.dialog.parentNode||document.body;o.appendChild(this.overlay)}else if(this.overlay.parentNode){this.overlay.parentNode.removeChild(this.overlay)}};d.DialogManager.prototype.containedByTopDialog_=function(t){while(t=n(t)){for(var i=0,e;e=this.pendingDialogStack[i];++i){if(e.dialog===t){return i===0}}t=t.parentElement}return false};d.DialogManager.prototype.handleFocus_=function(t){var i=t.composedPath?t.composedPath()[0]:t.target;if(this.containedByTopDialog_(i)){return}if(document.activeElement===document.documentElement){return}t.preventDefault();t.stopPropagation();o(i);if(this.forwardTab_===undefined){return}var e=this.pendingDialogStack[0];var n=e.dialog;var r=n.compareDocumentPosition(i);if(r&Node.DOCUMENT_POSITION_PRECEDING){if(this.forwardTab_){e.focus_()}else if(i!==document.documentElement){document.documentElement.focus()}}return false};d.DialogManager.prototype.handleKey_=function(e){this.forwardTab_=undefined;if(e.keyCode===27){e.preventDefault();e.stopPropagation();var n=new t("cancel",{bubbles:false,cancelable:true});var o=this.pendingDialogStack[0];if(o&&i(o.dialog,n)){o.dialog.close()}}else if(e.keyCode===9){this.forwardTab_=!e.shiftKey}};d.DialogManager.prototype.checkDOM_=function(t){var i=this.pendingDialogStack.slice();i.forEach((function(i){if(t.indexOf(i.dialog)!==-1){i.downgradeModal()}else{i.maybeHideModal()}}))};d.DialogManager.prototype.pushDialog=function(t){var i=(this.zIndexHigh_-this.zIndexLow_)/2-1;if(this.pendingDialogStack.length>=i){return false}if(this.pendingDialogStack.unshift(t)===1){this.blockDocument()}this.updateStacking();return true};d.DialogManager.prototype.removeDialog=function(t){var i=this.pendingDialogStack.indexOf(t);if(i===-1){return}this.pendingDialogStack.splice(i,1);if(this.pendingDialogStack.length===0){this.unblockDocument()}this.updateStacking()};d.dm=new d.DialogManager;d.formSubmitter=null;d.imagemapUseValue=null;if(window.HTMLDialogElement===undefined){var c=document.createElement("form");c.setAttribute("method","dialog");if(c.method!=="dialog"){var v=Object.getOwnPropertyDescriptor(HTMLFormElement.prototype,"method");if(v){var m=v.get;v.get=function(){if(s(this)){return"dialog"}return m.call(this)};var w=v.set;v.set=function(t){if(typeof t==="string"&&t.toLowerCase()==="dialog"){return this.setAttribute("method",t)}return w.call(this,t)};Object.defineProperty(HTMLFormElement.prototype,"method",v)}}document.addEventListener("click",(function(t){d.formSubmitter=null;d.imagemapUseValue=null;if(t.defaultPrevented){return}var i=t.target;if("composedPath"in t){var e=t.composedPath();i=e.shift()||i}if(!i||!s(i.form)){return}var o=i.type==="submit"&&["button","input"].indexOf(i.localName)>-1;if(!o){if(!(i.localName==="input"&&i.type==="image")){return}d.imagemapUseValue=t.offsetX+","+t.offsetY}var r=n(i);if(!r){return}d.formSubmitter=i}),false);document.addEventListener("submit",(function(t){var i=t.target;var e=n(i);if(e){return}var o=f(t);var r=o&&o.getAttribute("formmethod")||i.getAttribute("method");if(r==="dialog"){t.preventDefault()}}));var b=HTMLFormElement.prototype.submit;var g=function(){if(!s(this)){return b.call(this)}var t=n(this);t&&t.close()};HTMLFormElement.prototype.submit=g}export{d as default};
+//# sourceMappingURL=p-BRkq64wS.js.map

package/dist/components/p-BRkq64wS.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["supportCustomEvent","window","CustomEvent","event","x","ev","document","createEvent","initCustomEvent","bubbles","cancelable","detail","prototype","Event","safeDispatchEvent","target","check","type","toLowerCase","dispatchEvent","createsStackingContext","el","body","s","getComputedStyle","invalid","k","ok","undefined","opacity","position","webkitOverflowScrolling","parentElement","findNearestDialog","localName","parentNode","host","safeBlur","shadowRoot","activeElement","blur","inNodeList","nodeList","node","i","length","isFormMethodDialog","hasAttribute","getAttribute","findFocusableElementWithin","hostElement","opts","query","map","push","querySelector","join","Element","elems","querySelectorAll","tagName","isConnected","element","contains","findFormSubmitter","submitter","form","HTMLFormElement","dialogPolyfill","formSubmitter","root","getRootNode","maybeHandleSubmit","defaultPrevented","value","imagemapUseValue","dialog","formmethod","preventDefault","close","dialogPolyfillInfo","this","dialog_","replacedStyleTop_","openAsModal_","setAttribute","show","bind","showModal","addEventListener","returnValue","mo","MutationObserver","maybeHideModal","observe","attributes","attributeFilter","removed","cb","downgradeModal","timeout","delayModel","cand","substr","clearTimeout","setTimeout","forEach","name","Object","defineProperty","set","setOpen","get","backdrop_","createElement","className","backdropMouseEvent_","style","zIndex","top","removeChild","dm","removeDialog","removeAttribute","e","fake","insertBefore","firstChild","tabIndex","focus","redirectedEvent","initMouseEvent","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","stopPropagation","focus_","updateZIndex","dialogZ","backdropZ","Error","open","pushDialog","console","warn","needsCentering","reposition","nextSibling","opt_returnValue","closeEvent","scrollTop","documentElement","topValue","innerHeight","offsetHeight","Math","max","isInlinePositionSetByStylesheet","styleSheets","styleSheet","cssRules","j","rule","selectedNodes","selectorText","cssTop","getPropertyValue","cssBottom","computedStyle","bottom","forceRegisterDialog","HTMLDialogElement","registerDialog","DialogManager","pendingDialogStack","checkDOM","checkDOM_","overlay","forwardTab_","handleKey_","handleFocus_","zIndexLow_","zIndexHigh_","mo_","records","rec","c","removedNodes","concat","blockDocument","childList","subtree","unblockDocument","removeEventListener","disconnect","updateStacking","dpi","last","p","appendChild","containedByTopDialog_","candidate","composedPath","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","keyCode","cancelEvent","clone","slice","indexOf","allowed","unshift","index","splice","testForm","method","methodDescriptor","getOwnPropertyDescriptor","realGet","call","realSet","v","path","shift","valid","offsetX","offsetY","nativeFormSubmit","submit","replacementFormSubmit"],"sources":["node_modules/dialog-polyfill/dist/dialog-polyfill.esm.js"],"sourcesContent":["// nb. This is for IE10 and lower _only_.\nvar supportCustomEvent = window.CustomEvent;\nif (!supportCustomEvent || typeof supportCustomEvent === 'object') {\n  supportCustomEvent = function CustomEvent(event, x) {\n    x = x || {};\n    var ev = document.createEvent('CustomEvent');\n    ev.initCustomEvent(event, !!x.bubbles, !!x.cancelable, x.detail || null);\n    return ev;\n  };\n  supportCustomEvent.prototype = window.Event.prototype;\n}\n\n/**\n * Dispatches the passed event to both an \"on<type>\" handler as well as via the\n * normal dispatch operation. Does not bubble.\n *\n * @param {!EventTarget} target\n * @param {!Event} event\n * @return {boolean}\n */\nfunction safeDispatchEvent(target, event) {\n  var check = 'on' + event.type.toLowerCase();\n  if (typeof target[check] === 'function') {\n    target[check](event);\n  }\n  return target.dispatchEvent(event);\n}\n\n/**\n * @param {Element} el to check for stacking context\n * @return {boolean} whether this el or its parents creates a stacking context\n */\nfunction createsStackingContext(el) {\n  while (el && el !== document.body) {\n    var s = window.getComputedStyle(el);\n    var invalid = function(k, ok) {\n      return !(s[k] === undefined || s[k] === ok);\n    };\n\n    if (s.opacity < 1 ||\n        invalid('zIndex', 'auto') ||\n        invalid('transform', 'none') ||\n        invalid('mixBlendMode', 'normal') ||\n        invalid('filter', 'none') ||\n        invalid('perspective', 'none') ||\n        s['isolation'] === 'isolate' ||\n        s.position === 'fixed' ||\n        s.webkitOverflowScrolling === 'touch') {\n      return true;\n    }\n    el = el.parentElement;\n  }\n  return false;\n}\n\n/**\n * Finds the nearest <dialog> from the passed element.\n *\n * @param {Element} el to search from\n * @return {HTMLDialogElement} dialog found\n */\nfunction findNearestDialog(el) {\n  while (el) {\n    if (el.localName === 'dialog') {\n      return /** @type {HTMLDialogElement} */ (el);\n    }\n    if (el.parentElement) {\n      el = el.parentElement;\n    } else if (el.parentNode) {\n      el = el.parentNode.host;\n    } else {\n      el = null;\n    }\n  }\n  return null;\n}\n\n/**\n * Blur the specified element, as long as it's not the HTML body element.\n * This works around an IE9/10 bug - blurring the body causes Windows to\n * blur the whole application.\n *\n * @param {Element} el to blur\n */\nfunction safeBlur(el) {\n  // Find the actual focused element when the active element is inside a shadow root\n  while (el && el.shadowRoot && el.shadowRoot.activeElement) {\n    el = el.shadowRoot.activeElement;\n  }\n\n  if (el && el.blur && el !== document.body) {\n    el.blur();\n  }\n}\n\n/**\n * @param {!NodeList} nodeList to search\n * @param {Node} node to find\n * @return {boolean} whether node is inside nodeList\n */\nfunction inNodeList(nodeList, node) {\n  for (var i = 0; i < nodeList.length; ++i) {\n    if (nodeList[i] === node) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * @param {HTMLFormElement} el to check\n * @return {boolean} whether this form has method=\"dialog\"\n */\nfunction isFormMethodDialog(el) {\n  if (!el || !el.hasAttribute('method')) {\n    return false;\n  }\n  return el.getAttribute('method').toLowerCase() === 'dialog';\n}\n\n/**\n * @param {!DocumentFragment|!Element} hostElement\n * @return {?Element}\n */\nfunction findFocusableElementWithin(hostElement) {\n  // Note that this is 'any focusable area'. This list is probably not exhaustive, but the\n  // alternative involves stepping through and trying to focus everything.\n  var opts = ['button', 'input', 'keygen', 'select', 'textarea'];\n  var query = opts.map(function(el) {\n    return el + ':not([disabled])';\n  });\n  // TODO(samthor): tabindex values that are not numeric are not focusable.\n  query.push('[tabindex]:not([disabled]):not([tabindex=\"\"])');  // tabindex != \"\", not disabled\n  var target = hostElement.querySelector(query.join(', '));\n\n  if (!target && 'attachShadow' in Element.prototype) {\n    // If we haven't found a focusable target, see if the host element contains an element\n    // which has a shadowRoot.\n    // Recursively search for the first focusable item in shadow roots.\n    var elems = hostElement.querySelectorAll('*');\n    for (var i = 0; i < elems.length; i++) {\n      if (elems[i].tagName && elems[i].shadowRoot) {\n        target = findFocusableElementWithin(elems[i].shadowRoot);\n        if (target) {\n          break;\n        }\n      }\n    }\n  }\n  return target;\n}\n\n/**\n * Determines if an element is attached to the DOM.\n * @param {Element} element to check\n * @return {boolean} whether the element is in DOM\n */\nfunction isConnected(element) {\n  return element.isConnected || document.body.contains(element);\n}\n\n/**\n * @param {!Event} event\n * @return {?Element}\n */\nfunction findFormSubmitter(event) {\n  if (event.submitter) {\n    return event.submitter;\n  }\n\n  var form = event.target;\n  if (!(form instanceof HTMLFormElement)) {\n    return null;\n  }\n\n  var submitter = dialogPolyfill.formSubmitter;\n  if (!submitter) {\n    var target = event.target;\n    var root = ('getRootNode' in target && target.getRootNode() || document);\n    submitter = root.activeElement;\n  }\n\n  if (!submitter || submitter.form !== form) {\n    return null;\n  }\n  return submitter;\n}\n\n/**\n * @param {!Event} event\n */\nfunction maybeHandleSubmit(event) {\n  if (event.defaultPrevented) {\n    return;\n  }\n  var form = /** @type {!HTMLFormElement} */ (event.target);\n\n  // We'd have a value if we clicked on an imagemap.\n  var value = dialogPolyfill.imagemapUseValue;\n  var submitter = findFormSubmitter(event);\n  if (value === null && submitter) {\n    value = submitter.value;\n  }\n\n  // There should always be a dialog as this handler is added specifically on them, but check just\n  // in case.\n  var dialog = findNearestDialog(form);\n  if (!dialog) {\n    return;\n  }\n\n  // Prefer formmethod on the button.\n  var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n  if (formmethod !== 'dialog') {\n    return;\n  }\n  event.preventDefault();\n\n  if (value != null) {\n    // nb. we explicitly check against null/undefined\n    dialog.close(value);\n  } else {\n    dialog.close();\n  }\n}\n\n/**\n * @param {!HTMLDialogElement} dialog to upgrade\n * @constructor\n */\nfunction dialogPolyfillInfo(dialog) {\n  this.dialog_ = dialog;\n  this.replacedStyleTop_ = false;\n  this.openAsModal_ = false;\n\n  // Set a11y role. Browsers that support dialog implicitly know this already.\n  if (!dialog.hasAttribute('role')) {\n    dialog.setAttribute('role', 'dialog');\n  }\n\n  dialog.show = this.show.bind(this);\n  dialog.showModal = this.showModal.bind(this);\n  dialog.close = this.close.bind(this);\n\n  dialog.addEventListener('submit', maybeHandleSubmit, false);\n\n  if (!('returnValue' in dialog)) {\n    dialog.returnValue = '';\n  }\n\n  if ('MutationObserver' in window) {\n    var mo = new MutationObserver(this.maybeHideModal.bind(this));\n    mo.observe(dialog, {attributes: true, attributeFilter: ['open']});\n  } else {\n    // IE10 and below support. Note that DOMNodeRemoved etc fire _before_ removal. They also\n    // seem to fire even if the element was removed as part of a parent removal. Use the removed\n    // events to force downgrade (useful if removed/immediately added).\n    var removed = false;\n    var cb = function() {\n      removed ? this.downgradeModal() : this.maybeHideModal();\n      removed = false;\n    }.bind(this);\n    var timeout;\n    var delayModel = function(ev) {\n      if (ev.target !== dialog) { return; }  // not for a child element\n      var cand = 'DOMNodeRemoved';\n      removed |= (ev.type.substr(0, cand.length) === cand);\n      window.clearTimeout(timeout);\n      timeout = window.setTimeout(cb, 0);\n    };\n    ['DOMAttrModified', 'DOMNodeRemoved', 'DOMNodeRemovedFromDocument'].forEach(function(name) {\n      dialog.addEventListener(name, delayModel);\n    });\n  }\n  // Note that the DOM is observed inside DialogManager while any dialog\n  // is being displayed as a modal, to catch modal removal from the DOM.\n\n  Object.defineProperty(dialog, 'open', {\n    set: this.setOpen.bind(this),\n    get: dialog.hasAttribute.bind(dialog, 'open')\n  });\n\n  this.backdrop_ = document.createElement('div');\n  this.backdrop_.className = 'backdrop';\n  this.backdrop_.addEventListener('mouseup'  , this.backdropMouseEvent_.bind(this));\n  this.backdrop_.addEventListener('mousedown', this.backdropMouseEvent_.bind(this));\n  this.backdrop_.addEventListener('click'    , this.backdropMouseEvent_.bind(this));\n}\n\ndialogPolyfillInfo.prototype = /** @type {HTMLDialogElement.prototype} */ ({\n\n  get dialog() {\n    return this.dialog_;\n  },\n\n  /**\n   * Maybe remove this dialog from the modal top layer. This is called when\n   * a modal dialog may no longer be tenable, e.g., when the dialog is no\n   * longer open or is no longer part of the DOM.\n   */\n  maybeHideModal: function() {\n    if (this.dialog_.hasAttribute('open') && isConnected(this.dialog_)) { return; }\n    this.downgradeModal();\n  },\n\n  /**\n   * Remove this dialog from the modal top layer, leaving it as a non-modal.\n   */\n  downgradeModal: function() {\n    if (!this.openAsModal_) { return; }\n    this.openAsModal_ = false;\n    this.dialog_.style.zIndex = '';\n\n    // This won't match the native <dialog> exactly because if the user set top on a centered\n    // polyfill dialog, that top gets thrown away when the dialog is closed. Not sure it's\n    // possible to polyfill this perfectly.\n    if (this.replacedStyleTop_) {\n      this.dialog_.style.top = '';\n      this.replacedStyleTop_ = false;\n    }\n\n    // Clear the backdrop and remove from the manager.\n    this.backdrop_.parentNode && this.backdrop_.parentNode.removeChild(this.backdrop_);\n    dialogPolyfill.dm.removeDialog(this);\n  },\n\n  /**\n   * @param {boolean} value whether to open or close this dialog\n   */\n  setOpen: function(value) {\n    if (value) {\n      this.dialog_.hasAttribute('open') || this.dialog_.setAttribute('open', '');\n    } else {\n      this.dialog_.removeAttribute('open');\n      this.maybeHideModal();  // nb. redundant with MutationObserver\n    }\n  },\n\n  /**\n   * Handles mouse events ('mouseup', 'mousedown', 'click') on the fake .backdrop element, redirecting them as if\n   * they were on the dialog itself.\n   *\n   * @param {!Event} e to redirect\n   */\n  backdropMouseEvent_: function(e) {\n    if (!this.dialog_.hasAttribute('tabindex')) {\n      // Clicking on the backdrop should move the implicit cursor, even if dialog cannot be\n      // focused. Create a fake thing to focus on. If the backdrop was _before_ the dialog, this\n      // would not be needed - clicks would move the implicit cursor there.\n      var fake = document.createElement('div');\n      this.dialog_.insertBefore(fake, this.dialog_.firstChild);\n      fake.tabIndex = -1;\n      fake.focus();\n      this.dialog_.removeChild(fake);\n    } else {\n      this.dialog_.focus();\n    }\n\n    var redirectedEvent = document.createEvent('MouseEvents');\n    redirectedEvent.initMouseEvent(e.type, e.bubbles, e.cancelable, window,\n        e.detail, e.screenX, e.screenY, e.clientX, e.clientY, e.ctrlKey,\n        e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);\n    this.dialog_.dispatchEvent(redirectedEvent);\n    e.stopPropagation();\n  },\n\n  /**\n   * Focuses on the first focusable element within the dialog. This will always blur the current\n   * focus, even if nothing within the dialog is found.\n   */\n  focus_: function() {\n    // Find element with `autofocus` attribute, or fall back to the first form/tabindex control.\n    var target = this.dialog_.querySelector('[autofocus]:not([disabled])');\n    if (!target && this.dialog_.tabIndex >= 0) {\n      target = this.dialog_;\n    }\n    if (!target) {\n      target = findFocusableElementWithin(this.dialog_);\n    }\n    safeBlur(document.activeElement);\n    target && target.focus();\n  },\n\n  /**\n   * Sets the zIndex for the backdrop and dialog.\n   *\n   * @param {number} dialogZ\n   * @param {number} backdropZ\n   */\n  updateZIndex: function(dialogZ, backdropZ) {\n    if (dialogZ < backdropZ) {\n      throw new Error('dialogZ should never be < backdropZ');\n    }\n    this.dialog_.style.zIndex = dialogZ;\n    this.backdrop_.style.zIndex = backdropZ;\n  },\n\n  /**\n   * Shows the dialog. If the dialog is already open, this does nothing.\n   */\n  show: function() {\n    if (!this.dialog_.open) {\n      this.setOpen(true);\n      this.focus_();\n    }\n  },\n\n  /**\n   * Show this dialog modally.\n   */\n  showModal: function() {\n    if (this.dialog_.hasAttribute('open')) {\n      throw new Error('Failed to execute \\'showModal\\' on dialog: The element is already open, and therefore cannot be opened modally.');\n    }\n    if (!isConnected(this.dialog_)) {\n      throw new Error('Failed to execute \\'showModal\\' on dialog: The element is not in a Document.');\n    }\n    if (!dialogPolyfill.dm.pushDialog(this)) {\n      throw new Error('Failed to execute \\'showModal\\' on dialog: There are too many open modal dialogs.');\n    }\n\n    if (createsStackingContext(this.dialog_.parentElement)) {\n      console.warn('A dialog is being shown inside a stacking context. ' +\n          'This may cause it to be unusable. For more information, see this link: ' +\n          'https://github.com/GoogleChrome/dialog-polyfill/#stacking-context');\n    }\n\n    this.setOpen(true);\n    this.openAsModal_ = true;\n\n    // Optionally center vertically, relative to the current viewport.\n    if (dialogPolyfill.needsCentering(this.dialog_)) {\n      dialogPolyfill.reposition(this.dialog_);\n      this.replacedStyleTop_ = true;\n    } else {\n      this.replacedStyleTop_ = false;\n    }\n\n    // Insert backdrop.\n    this.dialog_.parentNode.insertBefore(this.backdrop_, this.dialog_.nextSibling);\n\n    // Focus on whatever inside the dialog.\n    this.focus_();\n  },\n\n  /**\n   * Closes this HTMLDialogElement. This is optional vs clearing the open\n   * attribute, however this fires a 'close' event.\n   *\n   * @param {string=} opt_returnValue to use as the returnValue\n   */\n  close: function(opt_returnValue) {\n    if (!this.dialog_.hasAttribute('open')) {\n      throw new Error('Failed to execute \\'close\\' on dialog: The element does not have an \\'open\\' attribute, and therefore cannot be closed.');\n    }\n    this.setOpen(false);\n\n    // Leave returnValue untouched in case it was set directly on the element\n    if (opt_returnValue !== undefined) {\n      this.dialog_.returnValue = opt_returnValue;\n    }\n\n    // Triggering \"close\" event for any attached listeners on the <dialog>.\n    var closeEvent = new supportCustomEvent('close', {\n      bubbles: false,\n      cancelable: false\n    });\n    safeDispatchEvent(this.dialog_, closeEvent);\n  }\n\n});\n\nvar dialogPolyfill = {};\n\ndialogPolyfill.reposition = function(element) {\n  var scrollTop = document.body.scrollTop || document.documentElement.scrollTop;\n  var topValue = scrollTop + (window.innerHeight - element.offsetHeight) / 2;\n  element.style.top = Math.max(scrollTop, topValue) + 'px';\n};\n\ndialogPolyfill.isInlinePositionSetByStylesheet = function(element) {\n  for (var i = 0; i < document.styleSheets.length; ++i) {\n    var styleSheet = document.styleSheets[i];\n    var cssRules = null;\n    // Some browsers throw on cssRules.\n    try {\n      cssRules = styleSheet.cssRules;\n    } catch (e) {}\n    if (!cssRules) { continue; }\n    for (var j = 0; j < cssRules.length; ++j) {\n      var rule = cssRules[j];\n      var selectedNodes = null;\n      // Ignore errors on invalid selector texts.\n      try {\n        selectedNodes = document.querySelectorAll(rule.selectorText);\n      } catch(e) {}\n      if (!selectedNodes || !inNodeList(selectedNodes, element)) {\n        continue;\n      }\n      var cssTop = rule.style.getPropertyValue('top');\n      var cssBottom = rule.style.getPropertyValue('bottom');\n      if ((cssTop && cssTop !== 'auto') || (cssBottom && cssBottom !== 'auto')) {\n        return true;\n      }\n    }\n  }\n  return false;\n};\n\ndialogPolyfill.needsCentering = function(dialog) {\n  var computedStyle = window.getComputedStyle(dialog);\n  if (computedStyle.position !== 'absolute') {\n    return false;\n  }\n\n  // We must determine whether the top/bottom specified value is non-auto.  In\n  // WebKit/Blink, checking computedStyle.top == 'auto' is sufficient, but\n  // Firefox returns the used value. So we do this crazy thing instead: check\n  // the inline style and then go through CSS rules.\n  if ((dialog.style.top !== 'auto' && dialog.style.top !== '') ||\n      (dialog.style.bottom !== 'auto' && dialog.style.bottom !== '')) {\n    return false;\n  }\n  return !dialogPolyfill.isInlinePositionSetByStylesheet(dialog);\n};\n\n/**\n * @param {!Element} element to force upgrade\n */\ndialogPolyfill.forceRegisterDialog = function(element) {\n  if (window.HTMLDialogElement || element.showModal) {\n    console.warn('This browser already supports <dialog>, the polyfill ' +\n        'may not work correctly', element);\n  }\n  if (element.localName !== 'dialog') {\n    throw new Error('Failed to register dialog: The element is not a dialog.');\n  }\n  new dialogPolyfillInfo(/** @type {!HTMLDialogElement} */ (element));\n};\n\n/**\n * @param {!Element} element to upgrade, if necessary\n */\ndialogPolyfill.registerDialog = function(element) {\n  if (!element.showModal) {\n    dialogPolyfill.forceRegisterDialog(element);\n  }\n};\n\n/**\n * @constructor\n */\ndialogPolyfill.DialogManager = function() {\n  /** @type {!Array<!dialogPolyfillInfo>} */\n  this.pendingDialogStack = [];\n\n  var checkDOM = this.checkDOM_.bind(this);\n\n  // The overlay is used to simulate how a modal dialog blocks the document.\n  // The blocking dialog is positioned on top of the overlay, and the rest of\n  // the dialogs on the pending dialog stack are positioned below it. In the\n  // actual implementation, the modal dialog stacking is controlled by the\n  // top layer, where z-index has no effect.\n  this.overlay = document.createElement('div');\n  this.overlay.className = '_dialog_overlay';\n  this.overlay.addEventListener('click', function(e) {\n    this.forwardTab_ = undefined;\n    e.stopPropagation();\n    checkDOM([]);  // sanity-check DOM\n  }.bind(this));\n\n  this.handleKey_ = this.handleKey_.bind(this);\n  this.handleFocus_ = this.handleFocus_.bind(this);\n\n  this.zIndexLow_ = 100000;\n  this.zIndexHigh_ = 100000 + 150;\n\n  this.forwardTab_ = undefined;\n\n  if ('MutationObserver' in window) {\n    this.mo_ = new MutationObserver(function(records) {\n      var removed = [];\n      records.forEach(function(rec) {\n        for (var i = 0, c; c = rec.removedNodes[i]; ++i) {\n          if (!(c instanceof Element)) {\n            continue;\n          } else if (c.localName === 'dialog') {\n            removed.push(c);\n          }\n          removed = removed.concat(c.querySelectorAll('dialog'));\n        }\n      });\n      removed.length && checkDOM(removed);\n    });\n  }\n};\n\n/**\n * Called on the first modal dialog being shown. Adds the overlay and related\n * handlers.\n */\ndialogPolyfill.DialogManager.prototype.blockDocument = function() {\n  document.documentElement.addEventListener('focus', this.handleFocus_, true);\n  document.addEventListener('keydown', this.handleKey_);\n  this.mo_ && this.mo_.observe(document, {childList: true, subtree: true});\n};\n\n/**\n * Called on the first modal dialog being removed, i.e., when no more modal\n * dialogs are visible.\n */\ndialogPolyfill.DialogManager.prototype.unblockDocument = function() {\n  document.documentElement.removeEventListener('focus', this.handleFocus_, true);\n  document.removeEventListener('keydown', this.handleKey_);\n  this.mo_ && this.mo_.disconnect();\n};\n\n/**\n * Updates the stacking of all known dialogs.\n */\ndialogPolyfill.DialogManager.prototype.updateStacking = function() {\n  var zIndex = this.zIndexHigh_;\n\n  for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n    dpi.updateZIndex(--zIndex, --zIndex);\n    if (i === 0) {\n      this.overlay.style.zIndex = --zIndex;\n    }\n  }\n\n  // Make the overlay a sibling of the dialog itself.\n  var last = this.pendingDialogStack[0];\n  if (last) {\n    var p = last.dialog.parentNode || document.body;\n    p.appendChild(this.overlay);\n  } else if (this.overlay.parentNode) {\n    this.overlay.parentNode.removeChild(this.overlay);\n  }\n};\n\n/**\n * @param {Element} candidate to check if contained or is the top-most modal dialog\n * @return {boolean} whether candidate is contained in top dialog\n */\ndialogPolyfill.DialogManager.prototype.containedByTopDialog_ = function(candidate) {\n  while (candidate = findNearestDialog(candidate)) {\n    for (var i = 0, dpi; dpi = this.pendingDialogStack[i]; ++i) {\n      if (dpi.dialog === candidate) {\n        return i === 0;  // only valid if top-most\n      }\n    }\n    candidate = candidate.parentElement;\n  }\n  return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleFocus_ = function(event) {\n  var target = event.composedPath ? event.composedPath()[0] : event.target;\n\n  if (this.containedByTopDialog_(target)) { return; }\n\n  if (document.activeElement === document.documentElement) { return; }\n\n  event.preventDefault();\n  event.stopPropagation();\n  safeBlur(/** @type {Element} */ (target));\n\n  if (this.forwardTab_ === undefined) { return; }  // move focus only from a tab key\n\n  var dpi = this.pendingDialogStack[0];\n  var dialog = dpi.dialog;\n  var position = dialog.compareDocumentPosition(target);\n  if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n    if (this.forwardTab_) {\n      // forward\n      dpi.focus_();\n    } else if (target !== document.documentElement) {\n      // backwards if we're not already focused on <html>\n      document.documentElement.focus();\n    }\n  }\n\n  return false;\n};\n\ndialogPolyfill.DialogManager.prototype.handleKey_ = function(event) {\n  this.forwardTab_ = undefined;\n  if (event.keyCode === 27) {\n    event.preventDefault();\n    event.stopPropagation();\n    var cancelEvent = new supportCustomEvent('cancel', {\n      bubbles: false,\n      cancelable: true\n    });\n    var dpi = this.pendingDialogStack[0];\n    if (dpi && safeDispatchEvent(dpi.dialog, cancelEvent)) {\n      dpi.dialog.close();\n    }\n  } else if (event.keyCode === 9) {\n    this.forwardTab_ = !event.shiftKey;\n  }\n};\n\n/**\n * Finds and downgrades any known modal dialogs that are no longer displayed. Dialogs that are\n * removed and immediately readded don't stay modal, they become normal.\n *\n * @param {!Array<!HTMLDialogElement>} removed that have definitely been removed\n */\ndialogPolyfill.DialogManager.prototype.checkDOM_ = function(removed) {\n  // This operates on a clone because it may cause it to change. Each change also calls\n  // updateStacking, which only actually needs to happen once. But who removes many modal dialogs\n  // at a time?!\n  var clone = this.pendingDialogStack.slice();\n  clone.forEach(function(dpi) {\n    if (removed.indexOf(dpi.dialog) !== -1) {\n      dpi.downgradeModal();\n    } else {\n      dpi.maybeHideModal();\n    }\n  });\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n * @return {boolean} whether the dialog was allowed\n */\ndialogPolyfill.DialogManager.prototype.pushDialog = function(dpi) {\n  var allowed = (this.zIndexHigh_ - this.zIndexLow_) / 2 - 1;\n  if (this.pendingDialogStack.length >= allowed) {\n    return false;\n  }\n  if (this.pendingDialogStack.unshift(dpi) === 1) {\n    this.blockDocument();\n  }\n  this.updateStacking();\n  return true;\n};\n\n/**\n * @param {!dialogPolyfillInfo} dpi\n */\ndialogPolyfill.DialogManager.prototype.removeDialog = function(dpi) {\n  var index = this.pendingDialogStack.indexOf(dpi);\n  if (index === -1) { return; }\n\n  this.pendingDialogStack.splice(index, 1);\n  if (this.pendingDialogStack.length === 0) {\n    this.unblockDocument();\n  }\n  this.updateStacking();\n};\n\ndialogPolyfill.dm = new dialogPolyfill.DialogManager();\ndialogPolyfill.formSubmitter = null;\ndialogPolyfill.imagemapUseValue = null;\n\n/**\n * Installs global handlers, such as click listers and native method overrides. These are needed\n * even if a no dialog is registered, as they deal with <form method=\"dialog\">.\n */\nif (window.HTMLDialogElement === undefined) {\n\n  /**\n   * If HTMLFormElement translates method=\"DIALOG\" into 'get', then replace the descriptor with\n   * one that returns the correct value.\n   */\n  var testForm = document.createElement('form');\n  testForm.setAttribute('method', 'dialog');\n  if (testForm.method !== 'dialog') {\n    var methodDescriptor = Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'method');\n    if (methodDescriptor) {\n      // nb. Some older iOS and older PhantomJS fail to return the descriptor. Don't do anything\n      // and don't bother to update the element.\n      var realGet = methodDescriptor.get;\n      methodDescriptor.get = function() {\n        if (isFormMethodDialog(this)) {\n          return 'dialog';\n        }\n        return realGet.call(this);\n      };\n      var realSet = methodDescriptor.set;\n      /** @this {HTMLElement} */\n      methodDescriptor.set = function(v) {\n        if (typeof v === 'string' && v.toLowerCase() === 'dialog') {\n          return this.setAttribute('method', v);\n        }\n        return realSet.call(this, v);\n      };\n      Object.defineProperty(HTMLFormElement.prototype, 'method', methodDescriptor);\n    }\n  }\n\n  /**\n   * Global 'click' handler, to capture the <input type=\"submit\"> or <button> element which has\n   * submitted a <form method=\"dialog\">. Needed as Safari and others don't report this inside\n   * document.activeElement.\n   */\n  document.addEventListener('click', function(ev) {\n    dialogPolyfill.formSubmitter = null;\n    dialogPolyfill.imagemapUseValue = null;\n    if (ev.defaultPrevented) { return; }  // e.g. a submit which prevents default submission\n\n    var target = /** @type {Element} */ (ev.target);\n    if ('composedPath' in ev) {\n      var path = ev.composedPath();\n      target = path.shift() || target;\n    }\n    if (!target || !isFormMethodDialog(target.form)) { return; }\n\n    var valid = (target.type === 'submit' && ['button', 'input'].indexOf(target.localName) > -1);\n    if (!valid) {\n      if (!(target.localName === 'input' && target.type === 'image')) { return; }\n      // this is a <input type=\"image\">, which can submit forms\n      dialogPolyfill.imagemapUseValue = ev.offsetX + ',' + ev.offsetY;\n    }\n\n    var dialog = findNearestDialog(target);\n    if (!dialog) { return; }\n\n    dialogPolyfill.formSubmitter = target;\n\n  }, false);\n\n  /**\n   * Global 'submit' handler. This handles submits of `method=\"dialog\"` which are invalid, i.e.,\n   * outside a dialog. They get prevented.\n   */\n  document.addEventListener('submit', function(ev) {\n    var form = ev.target;\n    var dialog = findNearestDialog(form);\n    if (dialog) {\n      return;  // ignore, handle there\n    }\n\n    var submitter = findFormSubmitter(ev);\n    var formmethod = submitter && submitter.getAttribute('formmethod') || form.getAttribute('method');\n    if (formmethod === 'dialog') {\n      ev.preventDefault();\n    }\n  });\n\n  /**\n   * Replace the native HTMLFormElement.submit() method, as it won't fire the\n   * submit event and give us a chance to respond.\n   */\n  var nativeFormSubmit = HTMLFormElement.prototype.submit;\n  var replacementFormSubmit = function () {\n    if (!isFormMethodDialog(this)) {\n      return nativeFormSubmit.call(this);\n    }\n    var dialog = findNearestDialog(this);\n    dialog && dialog.close();\n  };\n  HTMLFormElement.prototype.submit = replacementFormSubmit;\n}\n\nexport default dialogPolyfill;\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-BeSVHdId.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as i,h as n,d as s,t as a}from"./p-RmbDDbWd.js";import{j as o,l,D as r,E as c,i as h,m as d,g as u}from"./p-DdetsoIY.js";import{d as m}from"./p-BolVsvfr.js";import{d as b}from"./p-CbXEdwLi.js";const p=()=>`:host{outline:none}:host>.container{display:flex;box-sizing:border-box;flex-direction:column;justify-content:center;background-color:var(--background-color-list-element, var(--color-surface01));font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none}:host([size="small"])>.container{min-height:calc(var(--space-unit) * 4);padding:calc(var(--space-unit) / 2) 0}:host([size="medium"])>.container{min-height:calc(var(--space-unit) * 5);padding:var(--space-unit) 0}:host([size="medium"])>.tree-element-container{padding-top:0;padding-bottom:0}:host([size="large"])>.container{min-height:calc(var(--space-unit) * 7);padding:calc(var(--space-unit) * 2) 0}:host([size="x-large"])>.container{min-height:calc(var(--space-unit) * 9);padding:calc(var(--space-unit) * 3) 0}:host([expandable])>.container,:host([clickable])>.container{cursor:pointer}:host([expandable]:hover)>.container,:host([clickable]:hover)>.container{background-color:var(--background-hover-color-list-element, var(--color-background))}:host([expandable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container{position:relative;z-index:1;box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([clickable]:active)>.container{background-color:var(--background-active-color-list-element, var(--color-background))}:host([align-button="left"][expandable])>.container>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded{display:block}.z-list-content-container{display:flex;align-items:center}:host .z-tree-list-divider{position:absolute;z-index:100;left:0}:host([disabled])>.container{color:var(--color-form-disabled03);cursor:default}`;const f=e(class e extends t{accessibleFocusHandler(e){if(this.listElementId===e.detail){const t=this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);t.focus()}}constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.accessibleFocus=i(this,"accessibleFocus",7);this.ariaDescendantFocus=i(this,"ariaDescendantFocus",7);this.clickItem=i(this,"clickItem",7);this.alignButton=o.LEFT;this.clickable=false;this.dividerColor="color-surface03";this.dividerType=l.NONE;this.dividerSize=r.SMALL;this.expandable=false;this.expandableStyle=c.ACCORDION;this.size=h.MEDIUM;this.color="none";this.disabled=false;this.listElementPosition="0";this.listType=d.NONE;this.htmlTabindex=0;this.showInnerContent=false;this.htmlRole="listitem";this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}};this.handleClick=this.handleClick.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this)}handleClick(){if(this.disabled){return}this.clickItem.emit(this.listElementId);if(!this.expandable){return}this.showInnerContent=!this.showInnerContent}handleKeyDown(e){const t=e.code===u.ENTER;switch(e.code){case u.ARROW_DOWN:e.preventDefault();this.accessibleFocus.emit(this.listElementId+1);break;case u.ARROW_UP:e.preventDefault();this.accessibleFocus.emit(this.listElementId-1);break;case u.ENTER:e.preventDefault();this.clickItem.emit(this.listElementId);break}if(!this.expandable||!t){return}this.showInnerContent=!this.showInnerContent}onRoleChange(e){this.htmlRole=e}renderExpandableButton(){if(!this.expandable){return null}return n("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close})}renderExpandedContent(){if(!this.expandable){return null}return n("div",{class:{"z-list-element-inner-container":true,expanded:this.showInnerContent}},n("slot",{name:"inner-content"}))}renderContent(){if(this.listType===d.NONE){return n("slot",null)}if(this.listType===d.ORDERED){return n("div",{class:"z-list-content-container"},n("div",null,this.listElementPosition,". "),n("slot",null))}if(this.listType===d.UNORDERED){return n("div",{class:"z-list-content-container"},n("span",null,"• "),n("slot",null))}}render(){return n(s,{key:"08ed403eb2e275906b9cce38cd09d8ad26683efc","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onFocus:()=>this.ariaDescendantFocus.emit(this.listElementId),onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.hasTreeItems?undefined:this.htmlTabindex,role:this.hasTreeItems?"none":this.htmlRole},n("div",{key:"64c3b6826652d98b557f32098ab87b3eccabed93",class:this.hasTreeItems?"tree-element-container":"container",style:!this.disabled&&{color:`var(--${this.color})`},tabindex:"-1",id:`z-list-element-id-${this.listElementId}`,part:"list-item-container"},n("div",{key:"222187f25d69dd2fb6128ce6a0c5c81dd6a05b31",class:"z-list-element-container"},this.renderExpandableButton(),this.renderContent()),this.renderExpandedContent()),this.dividerType===l.ELEMENT&&n("z-divider",{key:"1ff298c5fc086f1e303194b69de2324e5448508f",class:{"z-tree-list-divider":this.hasTreeItems},color:this.dividerColor,size:this.dividerSize}))}get host(){return this}static get watchers(){return{role:[{onRoleChange:1}]}}static get style(){return p()}},[257,"z-list-element",{alignButton:[513,"align-button"],clickable:[516],dividerColor:[1,"divider-color"],dividerType:[1,"divider-type"],dividerSize:[1,"divider-size"],expandable:[516],expandableStyle:[1,"expandable-style"],listElementId:[514,"list-element-id"],size:[513],color:[513],disabled:[516],listElementPosition:[513,"list-element-position"],listType:[513,"list-type"],hasTreeItems:[4,"has-tree-items"],htmlTabindex:[2,"html-tabindex"],showInnerContent:[32],htmlRole:[32]},[[4,"accessibleFocus","accessibleFocusHandler"]],{role:[{onRoleChange:1}]}]);function v(){if(typeof customElements==="undefined"){return}const e=["z-list-element","z-divider","z-icon"];e.forEach((e=>{switch(e){case"z-list-element":if(!customElements.get(a(e))){customElements.define(a(e),f)}break;case"z-divider":if(!customElements.get(a(e))){m()}break;case"z-icon":if(!customElements.get(a(e))){b()}break}}))}export{f as Z,v as d};
+//# sourceMappingURL=p-BeSVHdId.js.map

package/dist/components/{index9.js.map → p-BeSVHdId.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZListElement","__stencil_proxyCustomElement","HTMLElement","accessibleFocusHandler","e","this","listElementId","detail","toFocus","host","shadowRoot","getElementById","focus","constructor","registerHost","alignButton","ExpandableListButtonAlign","LEFT","clickable","dividerColor","dividerType","ListDividerType","NONE","dividerSize","DividerSize","SMALL","expandable","expandableStyle","ExpandableListStyle","ACCORDION","size","ListSize","MEDIUM","color","disabled","listElementPosition","listType","ListType","htmlTabindex","showInnerContent","htmlRole","openElementConfig","accordion","open","close","menu","handleClick","bind","handleKeyDown","clickItem","emit","event","expandByKey","code","KeyboardCode","ENTER","ARROW_DOWN","preventDefault","accessibleFocus","ARROW_UP","onRoleChange","newValue","renderExpandableButton","h","name","renderExpandedContent","class","expanded","renderContent","ORDERED","UNORDERED","render","Host","key","onClick","onFocus","ariaDescendantFocus","onKeyDown","tabIndex","hasTreeItems","undefined","role","style","tabindex","id","part","ELEMENT"],"sources":["src/components/list/z-list-element/styles.css?tag=z-list-element&encapsulation=shadow","src/components/list/z-list-element/index.tsx"],"sourcesContent":[":host {\n  outline: none;\n}\n\n:host > .container {\n  --background-color-list-element: ;\n  --background-hover-color-list-element: ;\n  --background-active-color-list-element: ;\n\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  justify-content: center;\n  background-color: var(--background-color-list-element, var(--color-surface01));\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  outline: none;\n}\n\n/* z-list-element size */\n\n:host([size=\"small\"]) > .container {\n  min-height: calc(var(--space-unit) * 4);\n  padding: calc(var(--space-unit) / 2) 0;\n}\n\n:host([size=\"medium\"]) > .container {\n  min-height: calc(var(--space-unit) * 5);\n  padding: var(--space-unit) 0;\n}\n\n:host([size=\"medium\"]) > .tree-element-container {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n:host([size=\"large\"]) > .container {\n  min-height: calc(var(--space-unit) * 7);\n  padding: calc(var(--space-unit) * 2) 0;\n}\n\n:host([size=\"x-large\"]) > .container {\n  min-height: calc(var(--space-unit) * 9);\n  padding: calc(var(--space-unit) * 3) 0;\n}\n\n/* ----------------- */\n\n:host([expandable]) > .container,\n:host([clickable]) > .container {\n  cursor: pointer;\n}\n\n:host([expandable]:hover) > .container,\n:host([clickable]:hover) > .container {\n  background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\n:host([expandable]:focus:focus-visible) > .container,\n:host([clickable]:focus:focus-visible) > .container {\n  position: relative;\n  z-index: 1;\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([expandable]:active) > .container,\n:host([clickable]:active) > .container {\n  background-color: var(--background-active-color-list-element, var(--color-background));\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-left: var(--space-unit);\n}\n\n:host > .container > .z-list-element-inner-container {\n  display: none;\n}\n\n:host > .container > .z-list-element-inner-container.expanded {\n  display: block;\n}\n\n.z-list-content-container {\n  display: flex;\n  align-items: center;\n}\n\n:host .z-tree-list-divider {\n  position: absolute;\n  z-index: 100;\n  left: 0;\n}\n\n:host([disabled]) > .container {\n  color: var(--color-form-disabled03);\n  cursor: default;\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  DividerSize,\n  ExpandableListButtonAlign,\n  ExpandableListStyle,\n  KeyboardCode,\n  ListDividerType,\n  ListSize,\n  ListType,\n} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list-element\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZListElement implements ComponentInterface {\n  @Element() host: HTMLZListElementElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"accessibleFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  accessibleFocus: EventEmitter<number>;\n\n  /** set parent aria-activedescendant on focus event, returns filterid */\n  @Event({\n    eventName: \"ariaDescendantFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  ariaDescendantFocus: EventEmitter<number>;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickItem\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickItem: EventEmitter;\n\n  @Listen(\"accessibleFocus\", {target: \"document\"})\n  accessibleFocusHandler(e: CustomEvent): void {\n    if (this.listElementId === e.detail) {\n      const toFocus = this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);\n      toFocus.focus();\n    }\n  }\n\n  /**\n   * [optional] Align expandable button left or right.\n   */\n  @Prop({reflect: true})\n  alignButton?: ExpandableListButtonAlign = ExpandableListButtonAlign.LEFT;\n\n  /**\n   * [optional] Sets element clickable.\n   */\n  @Prop({reflect: true})\n  clickable?: boolean = false;\n\n  /**\n   * [optional] Sets the divider color.\n   */\n  @Prop()\n  dividerColor?: string = \"color-surface03\";\n\n  /**\n   * [optional] Sets the position where to insert the divider.\n   */\n  @Prop()\n  dividerType?: ListDividerType = ListDividerType.NONE;\n\n  /**\n   * [optional] Sets the divider size.\n   */\n  @Prop()\n  dividerSize?: DividerSize = DividerSize.SMALL;\n\n  /**\n   * [optional] Sets element as expandable.\n   */\n  @Prop({reflect: true})\n  expandable?: boolean = false;\n\n  /**\n   * [optional] Sets expandable style to element.\n   */\n  @Prop()\n  expandableStyle?: ExpandableListStyle = ExpandableListStyle.ACCORDION;\n\n  /**\n   * [optional] List element id.\n   */\n  @Prop({reflect: true})\n  listElementId?: number;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Sets text color of the element.\n   */\n  @Prop({reflect: true})\n  color?: string = \"none\";\n\n  /**\n   * [optional] Sets disabled style of the element.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * [optional] position of the list element inside the list or the group\n   */\n  @Prop({reflect: true})\n  listElementPosition?: string = \"0\";\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  /**\n   * [optional] Sets element as tree item.\n   */\n  @Prop()\n  hasTreeItems?: boolean;\n\n  /** set tabindex to Host tag (optional). Defaults to 0. */\n  @Prop()\n  htmlTabindex?: number | null = 0;\n\n  @State()\n  showInnerContent = false;\n\n  @State()\n  htmlRole = \"listitem\";\n\n  private openElementConfig = {\n    accordion: {\n      open: \"minus-circled\",\n      close: \"plus-circled\",\n    },\n    menu: {\n      open: \"chevron-up\",\n      close: \"chevron-down\",\n    },\n  };\n\n  /**\n   * Constructor.\n   */\n  constructor() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  /**\n   * Handler for click on element. If element is expandable, change state.\n   */\n  private handleClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.clickItem.emit(this.listElementId);\n    if (!this.expandable) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  private handleKeyDown(event): void {\n    const expandByKey = event.code === KeyboardCode.ENTER;\n    switch (event.code) {\n      case KeyboardCode.ARROW_DOWN:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId + 1);\n        break;\n      case KeyboardCode.ARROW_UP:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId - 1);\n        break;\n      case KeyboardCode.ENTER:\n        event.preventDefault();\n        this.clickItem.emit(this.listElementId);\n        break;\n      default:\n        break;\n    }\n\n    if (!this.expandable || !expandByKey) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  @Watch(\"role\", {immediate: true})\n  onRoleChange(newValue: string): void {\n    this.htmlRole = newValue;\n  }\n\n  /**\n   * Renders button to expand element.\n   */\n  private renderExpandableButton(): HTMLZIconElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <z-icon\n        name={\n          this.showInnerContent\n            ? this.openElementConfig[this.expandableStyle].open\n            : this.openElementConfig[this.expandableStyle].close\n        }\n      />\n    );\n  }\n\n  /**\n   * Renders expanded content if element is expandable.\n   */\n  private renderExpandedContent(): HTMLDivElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <div\n        class={{\n          \"z-list-element-inner-container\": true,\n          \"expanded\": this.showInnerContent,\n        }}\n      >\n        <slot name=\"inner-content\" />\n      </div>\n    );\n  }\n\n  /**\n   * Renders content of the z-list-element\n   */\n  private renderContent(): HTMLDivElement {\n    if (this.listType === ListType.NONE) {\n      return <slot />;\n    }\n\n    if (this.listType === ListType.ORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <div>{this.listElementPosition}.&emsp;</div>\n          <slot />\n        </div>\n      );\n    }\n\n    if (this.listType === ListType.UNORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <span>&bull;&emsp;</span>\n          <slot />\n        </div>\n      );\n    }\n  }\n\n  render(): HTMLZListElementElement {\n    return (\n      <Host\n        aria-expanded={this.expandable ? this.showInnerContent : null}\n        onClick={this.handleClick}\n        onFocus={() => this.ariaDescendantFocus.emit(this.listElementId)}\n        onKeyDown={this.handleKeyDown}\n        clickable={this.clickable && !this.disabled}\n        tabIndex={this.hasTreeItems ? undefined : this.htmlTabindex}\n        role={this.hasTreeItems ? \"none\" : this.htmlRole}\n      >\n        <div\n          class={this.hasTreeItems ? \"tree-element-container\" : \"container\"}\n          style={!this.disabled && {color: `var(--${this.color})`}}\n          tabindex=\"-1\"\n          id={`z-list-element-id-${this.listElementId}`}\n          part=\"list-item-container\"\n        >\n          <div class=\"z-list-element-container\">\n            {this.renderExpandableButton()}\n            {this.renderContent()}\n          </div>\n          {this.renderExpandedContent()}\n        </div>\n        {this.dividerType === ListDividerType.ELEMENT && (\n          <z-divider\n            class={{\"z-tree-list-divider\": this.hasTreeItems}}\n            color={this.dividerColor}\n            size={this.dividerSize}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZListElement","__stencil_proxyCustomElement","HTMLElement","accessibleFocusHandler","e","this","listElementId","detail","toFocus","host","shadowRoot","getElementById","focus","constructor","registerHost","alignButton","ExpandableListButtonAlign","LEFT","clickable","dividerColor","dividerType","ListDividerType","NONE","dividerSize","DividerSize","SMALL","expandable","expandableStyle","ExpandableListStyle","ACCORDION","size","ListSize","MEDIUM","color","disabled","listElementPosition","listType","ListType","htmlTabindex","showInnerContent","htmlRole","openElementConfig","accordion","open","close","menu","handleClick","bind","handleKeyDown","clickItem","emit","event","expandByKey","code","KeyboardCode","ENTER","ARROW_DOWN","preventDefault","accessibleFocus","ARROW_UP","onRoleChange","newValue","renderExpandableButton","h","name","renderExpandedContent","class","expanded","renderContent","ORDERED","UNORDERED","render","Host","key","onClick","onFocus","ariaDescendantFocus","onKeyDown","tabIndex","hasTreeItems","undefined","role","style","tabindex","id","part","ELEMENT"],"sources":["src/components/list/z-list-element/styles.css?tag=z-list-element&encapsulation=shadow","src/components/list/z-list-element/index.tsx"],"sourcesContent":[":host {\n  outline: none;\n}\n\n:host > .container {\n  --background-color-list-element: ;\n  --background-hover-color-list-element: ;\n  --background-active-color-list-element: ;\n\n  display: flex;\n  box-sizing: border-box;\n  flex-direction: column;\n  justify-content: center;\n  background-color: var(--background-color-list-element, var(--color-surface01));\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  outline: none;\n}\n\n/* z-list-element size */\n\n:host([size=\"small\"]) > .container {\n  min-height: calc(var(--space-unit) * 4);\n  padding: calc(var(--space-unit) / 2) 0;\n}\n\n:host([size=\"medium\"]) > .container {\n  min-height: calc(var(--space-unit) * 5);\n  padding: var(--space-unit) 0;\n}\n\n:host([size=\"medium\"]) > .tree-element-container {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n:host([size=\"large\"]) > .container {\n  min-height: calc(var(--space-unit) * 7);\n  padding: calc(var(--space-unit) * 2) 0;\n}\n\n:host([size=\"x-large\"]) > .container {\n  min-height: calc(var(--space-unit) * 9);\n  padding: calc(var(--space-unit) * 3) 0;\n}\n\n/* ----------------- */\n\n:host([expandable]) > .container,\n:host([clickable]) > .container {\n  cursor: pointer;\n}\n\n:host([expandable]:hover) > .container,\n:host([clickable]:hover) > .container {\n  background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\n:host([expandable]:focus:focus-visible) > .container,\n:host([clickable]:focus:focus-visible) > .container {\n  position: relative;\n  z-index: 1;\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([expandable]:active) > .container,\n:host([clickable]:active) > .container {\n  background-color: var(--background-active-color-list-element, var(--color-background));\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container {\n  display: flex;\n  flex-direction: row-reverse;\n  justify-content: space-between;\n}\n\n:host([align-button=\"left\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host([align-button=\"right\"][expandable]) > .container > .z-list-element-container > z-icon {\n  margin-left: var(--space-unit);\n}\n\n:host > .container > .z-list-element-inner-container {\n  display: none;\n}\n\n:host > .container > .z-list-element-inner-container.expanded {\n  display: block;\n}\n\n.z-list-content-container {\n  display: flex;\n  align-items: center;\n}\n\n:host .z-tree-list-divider {\n  position: absolute;\n  z-index: 100;\n  left: 0;\n}\n\n:host([disabled]) > .container {\n  color: var(--color-form-disabled03);\n  cursor: default;\n}\n","import {\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  DividerSize,\n  ExpandableListButtonAlign,\n  ExpandableListStyle,\n  KeyboardCode,\n  ListDividerType,\n  ListSize,\n  ListType,\n} from \"../../../beans\";\n\n@Component({\n  tag: \"z-list-element\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZListElement implements ComponentInterface {\n  @Element() host: HTMLZListElementElement;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"accessibleFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  accessibleFocus: EventEmitter<number>;\n\n  /** set parent aria-activedescendant on focus event, returns filterid */\n  @Event({\n    eventName: \"ariaDescendantFocus\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  ariaDescendantFocus: EventEmitter<number>;\n\n  /** remove filter click event, returns filterid */\n  @Event({\n    eventName: \"clickItem\",\n    composed: true,\n    cancelable: true,\n    bubbles: true,\n  })\n  clickItem: EventEmitter;\n\n  @Listen(\"accessibleFocus\", {target: \"document\"})\n  accessibleFocusHandler(e: CustomEvent): void {\n    if (this.listElementId === e.detail) {\n      const toFocus = this.host.shadowRoot.getElementById(`z-list-element-id-${e.detail}`);\n      toFocus.focus();\n    }\n  }\n\n  /**\n   * [optional] Align expandable button left or right.\n   */\n  @Prop({reflect: true})\n  alignButton?: ExpandableListButtonAlign = ExpandableListButtonAlign.LEFT;\n\n  /**\n   * [optional] Sets element clickable.\n   */\n  @Prop({reflect: true})\n  clickable?: boolean = false;\n\n  /**\n   * [optional] Sets the divider color.\n   */\n  @Prop()\n  dividerColor?: string = \"color-surface03\";\n\n  /**\n   * [optional] Sets the position where to insert the divider.\n   */\n  @Prop()\n  dividerType?: ListDividerType = ListDividerType.NONE;\n\n  /**\n   * [optional] Sets the divider size.\n   */\n  @Prop()\n  dividerSize?: DividerSize = DividerSize.SMALL;\n\n  /**\n   * [optional] Sets element as expandable.\n   */\n  @Prop({reflect: true})\n  expandable?: boolean = false;\n\n  /**\n   * [optional] Sets expandable style to element.\n   */\n  @Prop()\n  expandableStyle?: ExpandableListStyle = ExpandableListStyle.ACCORDION;\n\n  /**\n   * [optional] List element id.\n   */\n  @Prop({reflect: true})\n  listElementId?: number;\n\n  /**\n   * [optional] Sets size of inside elements.\n   */\n  @Prop({reflect: true})\n  size?: ListSize = ListSize.MEDIUM;\n\n  /**\n   * [optional] Sets text color of the element.\n   */\n  @Prop({reflect: true})\n  color?: string = \"none\";\n\n  /**\n   * [optional] Sets disabled style of the element.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * [optional] position of the list element inside the list or the group\n   */\n  @Prop({reflect: true})\n  listElementPosition?: string = \"0\";\n\n  /**\n   * [optional] type of the list marker for each element\n   */\n  @Prop({reflect: true})\n  listType?: ListType = ListType.NONE;\n\n  /**\n   * [optional] Sets element as tree item.\n   */\n  @Prop()\n  hasTreeItems?: boolean;\n\n  /** set tabindex to Host tag (optional). Defaults to 0. */\n  @Prop()\n  htmlTabindex?: number | null = 0;\n\n  @State()\n  showInnerContent = false;\n\n  @State()\n  htmlRole = \"listitem\";\n\n  private openElementConfig = {\n    accordion: {\n      open: \"minus-circled\",\n      close: \"plus-circled\",\n    },\n    menu: {\n      open: \"chevron-up\",\n      close: \"chevron-down\",\n    },\n  };\n\n  /**\n   * Constructor.\n   */\n  constructor() {\n    this.handleClick = this.handleClick.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n  }\n\n  /**\n   * Handler for click on element. If element is expandable, change state.\n   */\n  private handleClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.clickItem.emit(this.listElementId);\n    if (!this.expandable) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  private handleKeyDown(event): void {\n    const expandByKey = event.code === KeyboardCode.ENTER;\n    switch (event.code) {\n      case KeyboardCode.ARROW_DOWN:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId + 1);\n        break;\n      case KeyboardCode.ARROW_UP:\n        event.preventDefault();\n        this.accessibleFocus.emit(this.listElementId - 1);\n        break;\n      case KeyboardCode.ENTER:\n        event.preventDefault();\n        this.clickItem.emit(this.listElementId);\n        break;\n      default:\n        break;\n    }\n\n    if (!this.expandable || !expandByKey) {\n      return;\n    }\n    this.showInnerContent = !this.showInnerContent;\n  }\n\n  @Watch(\"role\", {immediate: true})\n  onRoleChange(newValue: string): void {\n    this.htmlRole = newValue;\n  }\n\n  /**\n   * Renders button to expand element.\n   */\n  private renderExpandableButton(): HTMLZIconElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <z-icon\n        name={\n          this.showInnerContent\n            ? this.openElementConfig[this.expandableStyle].open\n            : this.openElementConfig[this.expandableStyle].close\n        }\n      />\n    );\n  }\n\n  /**\n   * Renders expanded content if element is expandable.\n   */\n  private renderExpandedContent(): HTMLDivElement {\n    if (!this.expandable) {\n      return null;\n    }\n\n    return (\n      <div\n        class={{\n          \"z-list-element-inner-container\": true,\n          \"expanded\": this.showInnerContent,\n        }}\n      >\n        <slot name=\"inner-content\" />\n      </div>\n    );\n  }\n\n  /**\n   * Renders content of the z-list-element\n   */\n  private renderContent(): HTMLDivElement {\n    if (this.listType === ListType.NONE) {\n      return <slot />;\n    }\n\n    if (this.listType === ListType.ORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <div>{this.listElementPosition}.&emsp;</div>\n          <slot />\n        </div>\n      );\n    }\n\n    if (this.listType === ListType.UNORDERED) {\n      return (\n        <div class=\"z-list-content-container\">\n          <span>&bull;&emsp;</span>\n          <slot />\n        </div>\n      );\n    }\n  }\n\n  render(): HTMLZListElementElement {\n    return (\n      <Host\n        aria-expanded={this.expandable ? this.showInnerContent : null}\n        onClick={this.handleClick}\n        onFocus={() => this.ariaDescendantFocus.emit(this.listElementId)}\n        onKeyDown={this.handleKeyDown}\n        clickable={this.clickable && !this.disabled}\n        tabIndex={this.hasTreeItems ? undefined : this.htmlTabindex}\n        role={this.hasTreeItems ? \"none\" : this.htmlRole}\n      >\n        <div\n          class={this.hasTreeItems ? \"tree-element-container\" : \"container\"}\n          style={!this.disabled && {color: `var(--${this.color})`}}\n          tabindex=\"-1\"\n          id={`z-list-element-id-${this.listElementId}`}\n          part=\"list-item-container\"\n        >\n          <div class=\"z-list-element-container\">\n            {this.renderExpandableButton()}\n            {this.renderContent()}\n          </div>\n          {this.renderExpandedContent()}\n        </div>\n        {this.dividerType === ListDividerType.ELEMENT && (\n          <z-divider\n            class={{\"z-tree-list-divider\": this.hasTreeItems}}\n            color={this.dividerColor}\n            size={this.dividerSize}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-Bj8MyegH.js

@@ -0,0 +1,2 @@
+import{p as i,H as c,c as e,h as r,t as o}from"./p-RmbDDbWd.js";import{x as a,y as s}from"./p-DdetsoIY.js";import{d as t}from"./p-CbXEdwLi.js";const n=()=>`.sc-z-chip-h,.sc-z-chip-h *.sc-z-chip{box-sizing:border-box}.sc-z-chip-h{display:block}.sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-primary01);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);gap:var(--space-unit);line-height:1}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{position:relative;display:flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;border-radius:50%;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip{border-color:transparent;background-color:var(--color-primary01);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-inverse-icon);border-radius:50%;content:"";opacity:0;pointer-events:none;transition:opacity 0.2s}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover::before{opacity:0.16}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-inverse-icon);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip{border-color:transparent;background-color:var(--color-primary02);color:var(--color-default-text)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip .interactive-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01);background-color:transparent}.sc-z-chip-h>.z-chip-container.filled[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container.soft[aria-disabled].sc-z-chip{border-color:transparent;background-color:var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{padding:0 calc(var(--space-unit) * 1.5);font-size:12px;gap:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{width:20px;height:20px}}`;const h=i(class i extends c{constructor(i){super();if(i!==false){this.__registerHost()}this.interactiveIconClick=e(this,"interactiveIconClick",7);this.type=a.DEFAULT;this.variant=s.OUTLINE;this.disabled=false}render(){return r("div",{key:"3e676e161c546ddde7eb5afe15a5882d3032287f",class:{"z-chip-container":true,"z-chip-interactive":!!this.interactiveIcon,[this.type]:true,[this.variant]:true},"aria-disabled":this.disabled?"true":undefined},this.icon&&r("z-icon",{key:"24dfafb93da0a96cb8465bece55ce8e70ce0e944",name:this.icon}),r("slot",{key:"a943ecedf45eeeb3fae20139afa32161c6fbe8dd"}),this.interactiveIcon&&r("button",{key:"314ffaecd11c98170e7d555623ef1247159ff9b8",type:"button",onClick:()=>this.interactiveIconClick.emit(),"aria-label":this.htmlAriaLabel||undefined,disabled:this.disabled},r("z-icon",{key:"12e3aca5aa550ea1398ff56fab0f50157c9cc50c",class:"interactive-icon",name:this.interactiveIcon})))}get el(){return this}static get style(){return n()}},[262,"z-chip",{icon:[1],type:[513],variant:[513],interactiveIcon:[513,"interactive-icon"],disabled:[516],htmlAriaLabel:[1,"html-aria-label"]}]);function p(){if(typeof customElements==="undefined"){return}const i=["z-chip","z-icon"];i.forEach((i=>{switch(i){case"z-chip":if(!customElements.get(o(i))){customElements.define(o(i),h)}break;case"z-icon":if(!customElements.get(o(i))){t()}break}}))}export{h as Z,p as d};
+//# sourceMappingURL=p-Bj8MyegH.js.map

package/dist/components/{index18.js.map → p-Bj8MyegH.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZChip","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","type","ZChipType","DEFAULT","variant","ZChipVariant","OUTLINE","disabled","render","h","key","class","interactiveIcon","undefined","icon","name","onClick","interactiveIconClick","emit","htmlAriaLabel"],"sources":["src/components/z-chip/styles.css?tag=z-chip&encapsulation=scoped","src/components/z-chip/index.tsx"],"sourcesContent":[":host,\n:host * {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host > .z-chip-container {\n  display: inline-flex;\n  min-height: 28px;\n  align-items: center;\n  padding: 0 calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: 14px;\n  color: var(--color-primary01);\n  fill: var(--color-default-icon);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  gap: var(--space-unit);\n  line-height: 1;\n}\n\n:host > .z-chip-container > button {\n  position: relative;\n  display: flex;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n:host > .z-chip-container .interactive-icon {\n  fill: var(--color-primary01);\n}\n\n:host > .z-chip-container:not([aria-disabled]) button:hover .interactive-icon {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\n/* Variants */\n:host > .z-chip-container.filled {\n  border-color: transparent;\n  background-color: var(--color-primary01);\n  color: var(--color-text-inverse);\n  fill: var(--color-inverse-icon);\n}\n\n:host > .z-chip-container.filled .interactive-icon {\n  fill: var(--color-inverse-icon);\n}\n\n:host > .z-chip-container.filled:not([aria-disabled]) button::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-inverse-icon);\n  border-radius: 50%;\n  content: \"\";\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s;\n}\n\n:host > .z-chip-container.filled:not([aria-disabled]) button:hover::before {\n  opacity: 0.16;\n}\n\n:host > .z-chip-container.filled:not([aria-disabled]) button:hover .interactive-icon {\n  color: var(--color-inverse-icon);\n  fill: var(--color-inverse-icon);\n}\n\n:host > .z-chip-container.soft {\n  border-color: transparent;\n  background-color: var(--color-primary02);\n  color: var(--color-default-text);\n}\n\n:host > .z-chip-container.soft .interactive-icon {\n  fill: var(--color-primary01);\n}\n\n/* Disabled state */\n:host > .z-chip-container[aria-disabled],\n:host > .z-chip-container[aria-disabled] .interactive-icon {\n  color: var(--color-disabled03);\n  cursor: auto;\n  fill: var(--color-disabled03);\n}\n\n:host > .z-chip-container[aria-disabled] {\n  border: var(--border-size-small) solid var(--color-disabled01);\n  background-color: transparent;\n}\n\n:host > .z-chip-container.filled[aria-disabled],\n:host > .z-chip-container.soft[aria-disabled] {\n  border-color: transparent;\n  background-color: var(--color-disabled01);\n}\n\n:host > .z-chip-container > button:focus:focus-visible {\n  border-radius: 100%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > .z-chip-container > z-icon,\n:host > .z-chip-container .interactive-icon {\n  --z-icon-width: 22px;\n  --z-icon-height: 22px;\n}\n\n/* :host type */\n:host > .z-chip-container.default {\n  min-height: 44px;\n  border-radius: 22px;\n}\n\n:host > .z-chip-container.medium {\n  min-height: 40px;\n  border-radius: 22px;\n}\n\n:host > .z-chip-container.small {\n  min-height: 36px;\n  border-radius: 22px;\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .z-chip-container {\n    padding: 0 calc(var(--space-unit) * 1.5);\n    font-size: 12px;\n    gap: calc(var(--space-unit) / 2);\n  }\n\n  /* :host type */\n  :host > .z-chip-container.default {\n    min-height: 32px;\n    border-radius: 16px;\n  }\n\n  :host > .z-chip-container.medium {\n    min-height: 28px;\n    border-radius: 16px;\n  }\n\n  :host > .z-chip-container.small {\n    min-height: 24px;\n    border-radius: 16px;\n  }\n\n  :host > .z-chip-container > z-icon,\n  :host > .z-chip-container .interactive-icon {\n    --z-icon-width: 14px;\n    --z-icon-height: 14px;\n  }\n\n  :host > .z-chip-container > button {\n    width: 20px;\n    height: 20px;\n  }\n}\n","import {Component, ComponentInterface, Element, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {ZChipType, ZChipVariant} from \"../../beans\";\n\n@Component({\n  tag: \"z-chip\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZChip implements ComponentInterface {\n  @Element() el: HTMLZChipElement;\n\n  /** Non interactive icon */\n  @Prop()\n  icon?: string;\n\n  /** z-chip size type, can be default, medium or small */\n  @Prop({reflect: true})\n  type?: ZChipType = ZChipType.DEFAULT;\n\n  /** z-chip variant type, can be outline, filled or soft */\n  @Prop({reflect: true})\n  variant?: ZChipVariant = ZChipVariant.OUTLINE;\n\n  /** z-chip interactive icon */\n  @Prop({reflect: true})\n  interactiveIcon?: string;\n\n  /** set z-chip as disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** `aria-label` for the icon button */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** click on interactive icon */\n  @Event()\n  interactiveIconClick: EventEmitter;\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={{\n          \"z-chip-container\": true,\n          \"z-chip-interactive\": !!this.interactiveIcon,\n          [this.type]: true,\n          [this.variant]: true,\n        }}\n        aria-disabled={this.disabled ? \"true\" : undefined}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <slot />\n        {this.interactiveIcon && (\n          <button\n            type=\"button\"\n            onClick={() => this.interactiveIconClick.emit()}\n            aria-label={this.htmlAriaLabel || undefined}\n            disabled={this.disabled}\n          >\n            <z-icon\n              class=\"interactive-icon\"\n              name={this.interactiveIcon}\n            />\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"qMAAA,MAAMA,EAAY,IAAM,yzH,MCSXC,EAAKC,EAAA,MAAAD,UAAAE,EANlB,WAAAC,CAAAC,G,uGAeEC,KAAAC,KAAmBC,EAAUC,QAI7BH,KAAAI,QAAyBC,EAAaC,QAQtCN,KAAAO,SAAqB,KAuCtB,CA7BC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,mBAAoB,KACpB,uBAAwBX,KAAKY,gBAC7B,CAACZ,KAAKC,MAAO,KACb,CAACD,KAAKI,SAAU,MACjB,gBACcJ,KAAKO,SAAW,OAASM,WAEvCb,KAAKc,MAAQL,EAAA,UAAAC,IAAA,2CAAQK,KAAMf,KAAKc,OACjCL,EAAA,QAAAC,IAAA,6CACCV,KAAKY,iBACJH,EAAA,UAAAC,IAAA,2CACET,KAAK,SACLe,QAAS,IAAMhB,KAAKiB,qBAAqBC,OAAM,aACnClB,KAAKmB,eAAiBN,UAClCN,SAAUP,KAAKO,UAEfE,EAAA,UAAAC,IAAA,2CACEC,MAAM,mBACNI,KAAMf,KAAKY,mB","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZChip","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","type","ZChipType","DEFAULT","variant","ZChipVariant","OUTLINE","disabled","render","h","key","class","interactiveIcon","undefined","icon","name","onClick","interactiveIconClick","emit","htmlAriaLabel"],"sources":["src/components/z-chip/styles.css?tag=z-chip&encapsulation=scoped","src/components/z-chip/index.tsx"],"sourcesContent":[":host,\n:host * {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host > .z-chip-container {\n  display: inline-flex;\n  min-height: 28px;\n  align-items: center;\n  padding: 0 calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: 14px;\n  color: var(--color-primary01);\n  fill: var(--color-default-icon);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  gap: var(--space-unit);\n  line-height: 1;\n}\n\n:host > .z-chip-container > button {\n  position: relative;\n  display: flex;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n:host > .z-chip-container .interactive-icon {\n  fill: var(--color-primary01);\n}\n\n:host > .z-chip-container:not([aria-disabled]) button:hover .interactive-icon {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\n/* Variants */\n:host > .z-chip-container.filled {\n  border-color: transparent;\n  background-color: var(--color-primary01);\n  color: var(--color-text-inverse);\n  fill: var(--color-inverse-icon);\n}\n\n:host > .z-chip-container.filled .interactive-icon {\n  fill: var(--color-inverse-icon);\n}\n\n:host > .z-chip-container.filled:not([aria-disabled]) button::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--color-inverse-icon);\n  border-radius: 50%;\n  content: \"\";\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.2s;\n}\n\n:host > .z-chip-container.filled:not([aria-disabled]) button:hover::before {\n  opacity: 0.16;\n}\n\n:host > .z-chip-container.filled:not([aria-disabled]) button:hover .interactive-icon {\n  color: var(--color-inverse-icon);\n  fill: var(--color-inverse-icon);\n}\n\n:host > .z-chip-container.soft {\n  border-color: transparent;\n  background-color: var(--color-primary02);\n  color: var(--color-default-text);\n}\n\n:host > .z-chip-container.soft .interactive-icon {\n  fill: var(--color-primary01);\n}\n\n/* Disabled state */\n:host > .z-chip-container[aria-disabled],\n:host > .z-chip-container[aria-disabled] .interactive-icon {\n  color: var(--color-disabled03);\n  cursor: auto;\n  fill: var(--color-disabled03);\n}\n\n:host > .z-chip-container[aria-disabled] {\n  border: var(--border-size-small) solid var(--color-disabled01);\n  background-color: transparent;\n}\n\n:host > .z-chip-container.filled[aria-disabled],\n:host > .z-chip-container.soft[aria-disabled] {\n  border-color: transparent;\n  background-color: var(--color-disabled01);\n}\n\n:host > .z-chip-container > button:focus:focus-visible {\n  border-radius: 100%;\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > .z-chip-container > z-icon,\n:host > .z-chip-container .interactive-icon {\n  --z-icon-width: 22px;\n  --z-icon-height: 22px;\n}\n\n/* :host type */\n:host > .z-chip-container.default {\n  min-height: 44px;\n  border-radius: 22px;\n}\n\n:host > .z-chip-container.medium {\n  min-height: 40px;\n  border-radius: 22px;\n}\n\n:host > .z-chip-container.small {\n  min-height: 36px;\n  border-radius: 22px;\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host > .z-chip-container {\n    padding: 0 calc(var(--space-unit) * 1.5);\n    font-size: 12px;\n    gap: calc(var(--space-unit) / 2);\n  }\n\n  /* :host type */\n  :host > .z-chip-container.default {\n    min-height: 32px;\n    border-radius: 16px;\n  }\n\n  :host > .z-chip-container.medium {\n    min-height: 28px;\n    border-radius: 16px;\n  }\n\n  :host > .z-chip-container.small {\n    min-height: 24px;\n    border-radius: 16px;\n  }\n\n  :host > .z-chip-container > z-icon,\n  :host > .z-chip-container .interactive-icon {\n    --z-icon-width: 14px;\n    --z-icon-height: 14px;\n  }\n\n  :host > .z-chip-container > button {\n    width: 20px;\n    height: 20px;\n  }\n}\n","import {Component, ComponentInterface, Element, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {ZChipType, ZChipVariant} from \"../../beans\";\n\n@Component({\n  tag: \"z-chip\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZChip implements ComponentInterface {\n  @Element() el: HTMLZChipElement;\n\n  /** Non interactive icon */\n  @Prop()\n  icon?: string;\n\n  /** z-chip size type, can be default, medium or small */\n  @Prop({reflect: true})\n  type?: ZChipType = ZChipType.DEFAULT;\n\n  /** z-chip variant type, can be outline, filled or soft */\n  @Prop({reflect: true})\n  variant?: ZChipVariant = ZChipVariant.OUTLINE;\n\n  /** z-chip interactive icon */\n  @Prop({reflect: true})\n  interactiveIcon?: string;\n\n  /** set z-chip as disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** `aria-label` for the icon button */\n  @Prop()\n  htmlAriaLabel?: string;\n\n  /** click on interactive icon */\n  @Event()\n  interactiveIconClick: EventEmitter;\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={{\n          \"z-chip-container\": true,\n          \"z-chip-interactive\": !!this.interactiveIcon,\n          [this.type]: true,\n          [this.variant]: true,\n        }}\n        aria-disabled={this.disabled ? \"true\" : undefined}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <slot />\n        {this.interactiveIcon && (\n          <button\n            type=\"button\"\n            onClick={() => this.interactiveIconClick.emit()}\n            aria-label={this.htmlAriaLabel || undefined}\n            disabled={this.disabled}\n          >\n            <z-icon\n              class=\"interactive-icon\"\n              name={this.interactiveIcon}\n            />\n          </button>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"+IAAA,MAAMA,EAAY,IAAM,yzH,MCSXC,EAAKC,EAAA,MAAAD,UAAAE,EANlB,WAAAC,CAAAC,G,uGAeEC,KAAAC,KAAmBC,EAAUC,QAI7BH,KAAAI,QAAyBC,EAAaC,QAQtCN,KAAAO,SAAqB,KAuCtB,CA7BC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAO,CACL,mBAAoB,KACpB,uBAAwBX,KAAKY,gBAC7B,CAACZ,KAAKC,MAAO,KACb,CAACD,KAAKI,SAAU,MACjB,gBACcJ,KAAKO,SAAW,OAASM,WAEvCb,KAAKc,MAAQL,EAAA,UAAAC,IAAA,2CAAQK,KAAMf,KAAKc,OACjCL,EAAA,QAAAC,IAAA,6CACCV,KAAKY,iBACJH,EAAA,UAAAC,IAAA,2CACET,KAAK,SACLe,QAAS,IAAMhB,KAAKiB,qBAAqBC,OAAM,aACnClB,KAAKmB,eAAiBN,UAClCN,SAAUP,KAAKO,UAEfE,EAAA,UAAAC,IAAA,2CACEC,MAAM,mBACNI,KAAMf,KAAKY,mB","ignoreList":[]}

package/dist/components/p-BoiZb7m1.js

@@ -0,0 +1,2 @@
+import{p as t,H as a,h as e,d as i,t as s}from"./p-RmbDDbWd.js";import{d as r}from"./p-CbXEdwLi.js";const c=()=>`.sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.has-text.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag{margin-right:var(--space-unit)}.has-text.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}`;const n=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return e(i,{key:"656a936ce4073db7a7895cac9f07e1ba6b9b5c2f",class:{expandable:this.expandable&&!!this.icon,"has-text":!!this.host.textContent.trim()}},this.icon&&e("z-icon",{key:"df213cce44c020028985d53064c3d0cd1ba645e9",name:this.icon}),e("div",{key:"2fa92332ae99d54527d7ab347e66f4424d241cf3"},e("slot",{key:"c52c05d031edbe81a9547c72479dae5c8d924a60"})))}get host(){return this}static get style(){return c()}},[262,"z-tag",{icon:[1],expandable:[4]}]);function o(){if(typeof customElements==="undefined"){return}const t=["z-tag","z-icon"];t.forEach((t=>{switch(t){case"z-tag":if(!customElements.get(s(t))){customElements.define(s(t),n)}break;case"z-icon":if(!customElements.get(s(t))){r()}break}}))}export{n as Z,o as d};
+//# sourceMappingURL=p-BoiZb7m1.js.map

package/dist/components/{index13.js.map → p-BoiZb7m1.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZTag","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","class","expandable","this","icon","host","textContent","trim","name"],"sources":["src/components/z-tag/styles.css?tag=z-tag&encapsulation=scoped","src/components/z-tag/index.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --z-tag-text-color: text and icon color using tokens.\n   * @prop --z-tag-bg: background color of the z-tag.\n   */\n\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n\n  display: flex;\n  width: fit-content;\n  max-width: inherit;\n  height: fit-content;\n  max-height: inherit;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) / 2);\n  background-color: var(--z-tag-bg, var(--color-hover-primary));\n  border-radius: var(--border-radius);\n  color: var(--z-tag-text-color, var(--color-text-inverse));\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 14px;\n  text-transform: uppercase;\n}\n\n:host > z-icon {\n  margin-right: 0;\n  transition: margin-right 0.3s ease-out;\n}\n\n:host(.has-text):not(.expandable) > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host(.has-text).expandable:hover > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host(.expandable) > div {\n  overflow: hidden;\n  max-width: 0;\n  max-height: 0;\n}\n\n:host(.expandable:hover) > div {\n  max-width: 100%;\n  max-height: 100%;\n}\n","import {Component, ComponentInterface, Element, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * Ztag component.\n * @slot - The text of the z-tag.\n */\n@Component({\n  tag: \"z-tag\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTag implements ComponentInterface {\n  @Element() host: HTMLZTagElement;\n\n  /** [optional] Tag icon */\n  @Prop()\n  icon?: string;\n\n  /** [optional] Hide the text and show it on hover*/\n  @Prop()\n  expandable?: boolean;\n\n  render(): HTMLZTagElement {\n    return (\n      <Host\n        class={{\n          \"expandable\": this.expandable && !!this.icon,\n          \"has-text\": !!this.host.textContent.trim(),\n        }}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <div>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uJAAA,MAAMA,EAAY,IAAM,k6B,MCYXC,EAAIC,EAAA,MAAAD,UAAAE,E,4DAWf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,WAAcC,KAAKD,cAAgBC,KAAKC,KACxC,aAAcD,KAAKE,KAAKC,YAAYC,SAGrCJ,KAAKC,MAAQN,EAAA,UAAAE,IAAA,2CAAQQ,KAAML,KAAKC,OACjCN,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZTag","__stencil_proxyCustomElement","HTMLElement","render","h","Host","key","class","expandable","this","icon","host","textContent","trim","name"],"sources":["src/components/z-tag/styles.css?tag=z-tag&encapsulation=scoped","src/components/z-tag/index.tsx"],"sourcesContent":[":host {\n  /**\n   * @prop --z-tag-text-color: text and icon color using tokens.\n   * @prop --z-tag-bg: background color of the z-tag.\n   */\n\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n\n  display: flex;\n  width: fit-content;\n  max-width: inherit;\n  height: fit-content;\n  max-height: inherit;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) / 2);\n  background-color: var(--z-tag-bg, var(--color-hover-primary));\n  border-radius: var(--border-radius);\n  color: var(--z-tag-text-color, var(--color-text-inverse));\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-1);\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 14px;\n  text-transform: uppercase;\n}\n\n:host > z-icon {\n  margin-right: 0;\n  transition: margin-right 0.3s ease-out;\n}\n\n:host(.has-text):not(.expandable) > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host(.has-text).expandable:hover > z-icon {\n  margin-right: var(--space-unit);\n}\n\n:host(.expandable) > div {\n  overflow: hidden;\n  max-width: 0;\n  max-height: 0;\n}\n\n:host(.expandable:hover) > div {\n  max-width: 100%;\n  max-height: 100%;\n}\n","import {Component, ComponentInterface, Element, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * Ztag component.\n * @slot - The text of the z-tag.\n */\n@Component({\n  tag: \"z-tag\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTag implements ComponentInterface {\n  @Element() host: HTMLZTagElement;\n\n  /** [optional] Tag icon */\n  @Prop()\n  icon?: string;\n\n  /** [optional] Hide the text and show it on hover*/\n  @Prop()\n  expandable?: boolean;\n\n  render(): HTMLZTagElement {\n    return (\n      <Host\n        class={{\n          \"expandable\": this.expandable && !!this.icon,\n          \"has-text\": !!this.host.textContent.trim(),\n        }}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <div>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,IAAM,k6B,MCYXC,EAAIC,EAAA,MAAAD,UAAAE,E,4DAWf,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,WAAcC,KAAKD,cAAgBC,KAAKC,KACxC,aAAcD,KAAKE,KAAKC,YAAYC,SAGrCJ,KAAKC,MAAQN,EAAA,UAAAE,IAAA,2CAAQQ,KAAML,KAAKC,OACjCN,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/p-BolVsvfr.js

@@ -0,0 +1,2 @@
+import{p as i,H as d,h as e,d as r,t as s}from"./p-RmbDDbWd.js";import{D as t,h as a}from"./p-DdetsoIY.js";const v=()=>`.sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}`;const o=i(class i extends d{constructor(i){super();if(i!==false){this.__registerHost()}this.size=t.SMALL;this.color="gray200";this.orientation=a.HORIZONTAL}render(){return e(r,{key:"372389b3d857bf0c3cc5ad9191224bc1b0c94580",class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}static get style(){return v()}},[2,"z-divider",{size:[1],color:[1],orientation:[1]}]);function c(){if(typeof customElements==="undefined"){return}const i=["z-divider"];i.forEach((i=>{switch(i){case"z-divider":if(!customElements.get(s(i))){customElements.define(s(i),o)}break}}))}export{o as Z,c as d};
+//# sourceMappingURL=p-BolVsvfr.js.map

package/dist/components/{index5.js.map → p-BolVsvfr.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZDivider","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","DividerSize","SMALL","color","orientation","DividerOrientation","HORIZONTAL","render","h","Host","key","class","style","backgroundColor"],"sources":["src/components/z-divider/styles.css?tag=z-divider&encapsulation=scoped","src/components/z-divider/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: 0;\n  margin: 0;\n}\n\n:host.divider-horizontal {\n  width: 100%;\n}\n\n:host.divider-vertical {\n  height: 100%;\n}\n\n:host.divider-small.divider-horizontal {\n  height: var(--border-size-small);\n}\n\n:host.divider-medium.divider-horizontal {\n  height: var(--border-size-medium);\n}\n\n:host.divider-large.divider-horizontal {\n  height: var(--border-size-large);\n}\n\n:host.divider-small.divider-vertical {\n  width: var(--border-size-small);\n}\n\n:host.divider-medium.divider-vertical {\n  width: var(--border-size-medium);\n}\n\n:host.divider-large.divider-vertical {\n  width: var(--border-size-large);\n}\n","import {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\nimport {DividerOrientation, DividerSize} from \"../../beans\";\n@Component({\n  tag: \"z-divider\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZDivider implements ComponentInterface {\n  /** [optional] Divider size */\n  @Prop()\n  size?: DividerSize = DividerSize.SMALL;\n\n  /** [optional] Divider color */\n  @Prop()\n  color?: string = \"gray200\";\n\n  /** [optional] Divider orintation */\n  @Prop()\n  orientation?: DividerOrientation = DividerOrientation.HORIZONTAL;\n\n  render(): HTMLZDividerElement {\n    return (\n      <Host\n        class={`divider-${this.size} divider-${this.orientation}`}\n        style={{backgroundColor: `var(--${this.color})`}}\n      />\n    );\n  }\n}\n"],"mappings":"8JAAA,MAAMA,EAAY,IAAM,gnB,MCQXC,EAAQC,EAAA,MAAAD,UAAAE,EANrB,WAAAC,CAAAC,G,4CASEC,KAAAC,KAAqBC,EAAYC,MAIjCH,KAAAI,MAAiB,UAIjBJ,KAAAK,YAAmCC,EAAmBC,UAUvD,CARC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,WAAWZ,KAAKC,gBAAgBD,KAAKK,cAC5CQ,MAAO,CAACC,gBAAiB,SAASd,KAAKI,W","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZDivider","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","size","DividerSize","SMALL","color","orientation","DividerOrientation","HORIZONTAL","render","h","Host","key","class","style","backgroundColor"],"sources":["src/components/z-divider/styles.css?tag=z-divider&encapsulation=scoped","src/components/z-divider/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  padding: 0;\n  margin: 0;\n}\n\n:host.divider-horizontal {\n  width: 100%;\n}\n\n:host.divider-vertical {\n  height: 100%;\n}\n\n:host.divider-small.divider-horizontal {\n  height: var(--border-size-small);\n}\n\n:host.divider-medium.divider-horizontal {\n  height: var(--border-size-medium);\n}\n\n:host.divider-large.divider-horizontal {\n  height: var(--border-size-large);\n}\n\n:host.divider-small.divider-vertical {\n  width: var(--border-size-small);\n}\n\n:host.divider-medium.divider-vertical {\n  width: var(--border-size-medium);\n}\n\n:host.divider-large.divider-vertical {\n  width: var(--border-size-large);\n}\n","import {Component, ComponentInterface, Host, Prop, h} from \"@stencil/core\";\nimport {DividerOrientation, DividerSize} from \"../../beans\";\n@Component({\n  tag: \"z-divider\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZDivider implements ComponentInterface {\n  /** [optional] Divider size */\n  @Prop()\n  size?: DividerSize = DividerSize.SMALL;\n\n  /** [optional] Divider color */\n  @Prop()\n  color?: string = \"gray200\";\n\n  /** [optional] Divider orintation */\n  @Prop()\n  orientation?: DividerOrientation = DividerOrientation.HORIZONTAL;\n\n  render(): HTMLZDividerElement {\n    return (\n      <Host\n        class={`divider-${this.size} divider-${this.orientation}`}\n        style={{backgroundColor: `var(--${this.color})`}}\n      />\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAY,IAAM,gnB,MCQXC,EAAQC,EAAA,MAAAD,UAAAE,EANrB,WAAAC,CAAAC,G,4CASEC,KAAAC,KAAqBC,EAAYC,MAIjCH,KAAAI,MAAiB,UAIjBJ,KAAAK,YAAmCC,EAAmBC,UAUvD,CARC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,WAAWZ,KAAKC,gBAAgBD,KAAKK,cAC5CQ,MAAO,CAACC,gBAAiB,SAASd,KAAKI,W","ignoreList":[]}

package/dist/components/p-Bt1M0wUw.js

@@ -0,0 +1,7 @@
+import{g as t}from"./p-B85MJLTf.js";var i={exports:{}};
+/*! Hammer.JS - v2.0.7 - 2016-04-22
+ * http://hammerjs.github.io/
+ *
+ * Copyright (c) 2016 Jorik Tangelder;
+ * Licensed under the MIT license */var r;function n(){if(r)return i.exports;r=1;(function(t){(function(i,r,n,e){var s=["","webkit","Moz","MS","ms","o"];var u=r.createElement("div");var h="function";var o=Math.round;var a=Math.abs;var f=Date.now;function c(t,i,r){return setTimeout(g(t,r),i)}function v(t,i,r){if(Array.isArray(t)){l(t,r[i],r);return true}return false}function l(t,i,r){var n;if(!t){return}if(t.forEach){t.forEach(i,r)}else if(t.length!==e){n=0;while(n<t.length){i.call(r,t[n],n,t);n++}}else{for(n in t){t.hasOwnProperty(n)&&i.call(r,t[n],n,t)}}}function p(t,r,n){var e="DEPRECATED METHOD: "+r+"\n"+n+" AT \n";return function(){var r=new Error("get-stack-trace");var n=r&&r.stack?r.stack.replace(/^[^\(]+?[\n$]/gm,"").replace(/^\s+at\s+/gm,"").replace(/^Object.<anonymous>\s*\(/gm,"{anonymous}()@"):"Unknown Stack Trace";var s=i.console&&(i.console.warn||i.console.log);if(s){s.call(i.console,e,n)}return t.apply(this,arguments)}}var d;if(typeof Object.assign!=="function"){d=function t(i){if(i===e||i===null){throw new TypeError("Cannot convert undefined or null to object")}var r=Object(i);for(var n=1;n<arguments.length;n++){var s=arguments[n];if(s!==e&&s!==null){for(var u in s){if(s.hasOwnProperty(u)){r[u]=s[u]}}}}return r}}else{d=Object.assign}var T=p((function t(i,r,n){var s=Object.keys(r);var u=0;while(u<s.length){if(!n||n&&i[s[u]]===e){i[s[u]]=r[s[u]]}u++}return i}),"extend","Use `assign`.");var m=p((function t(i,r){return T(i,r,true)}),"merge","Use `assign`.");function E(t,i,r){var n=i.prototype,e;e=t.prototype=Object.create(n);e.constructor=t;e._super=n;if(r){d(e,r)}}function g(t,i){return function r(){return t.apply(i,arguments)}}function w(t,i){if(typeof t==h){return t.apply(i?i[0]||e:e,i)}return t}function I(t,i){return t===e?i:t}function A(t,i,r){l(N(i),(function(i){t.addEventListener(i,r,false)}))}function y(t,i,r){l(N(i),(function(i){t.removeEventListener(i,r,false)}))}function M(t,i){while(t){if(t==i){return true}t=t.parentNode}return false}function D(t,i){return t.indexOf(i)>-1}function N(t){return t.trim().split(/\s+/g)}function O(t,i,r){if(t.indexOf&&!r){return t.indexOf(i)}else{var n=0;while(n<t.length){if(r&&t[n][r]==i||!r&&t[n]===i){return n}n++}return-1}}function R(t){return Array.prototype.slice.call(t,0)}function _(t,i,r){var n=[];var e=[];var s=0;while(s<t.length){var u=t[s][i];if(O(e,u)<0){n.push(t[s])}e[s]=u;s++}{{n=n.sort((function t(r,n){return r[i]>n[i]}))}}return n}function S(t,i){var r,n;var u=i[0].toUpperCase()+i.slice(1);var h=0;while(h<s.length){r=s[h];n=r?r+u:i;if(n in t){return n}h++}return e}var C=1;function P(){return C++}function b(t){var r=t.ownerDocument||t;return r.defaultView||r.parentWindow||i}var x=/mobile|tablet|ip(ad|hone|od)|android/i;var L="ontouchstart"in i;var z=S(i,"PointerEvent")!==e;var j=L&&x.test(navigator.userAgent);var U="touch";var F="pen";var H="mouse";var W="kinect";var k=25;var q=1;var G=2;var B=4;var X=8;var Y=1;var Z=2;var V=4;var J=8;var $=16;var K=Z|V;var Q=J|$;var tt=K|Q;var it=["x","y"];var rt=["clientX","clientY"];function nt(t,i){var r=this;this.manager=t;this.callback=i;this.element=t.element;this.target=t.options.inputTarget;this.domHandler=function(i){if(w(t.options.enable,[t])){r.handler(i)}};this.init()}nt.prototype={handler:function(){},init:function(){this.evEl&&A(this.element,this.evEl,this.domHandler);this.evTarget&&A(this.target,this.evTarget,this.domHandler);this.evWin&&A(b(this.element),this.evWin,this.domHandler)},destroy:function(){this.evEl&&y(this.element,this.evEl,this.domHandler);this.evTarget&&y(this.target,this.evTarget,this.domHandler);this.evWin&&y(b(this.element),this.evWin,this.domHandler)}};function et(t){var i;var r=t.options.inputClass;if(r){i=r}else if(z){i=Dt}else if(j){i=bt}else if(!L){i=wt}else{i=jt}return new i(t,st)}function st(t,i,r){var n=r.pointers.length;var e=r.changedPointers.length;var s=i&q&&n-e===0;var u=i&(B|X)&&n-e===0;r.isFirst=!!s;r.isFinal=!!u;if(s){t.session={}}r.eventType=i;ut(t,r);t.emit("hammer.input",r);t.recognize(r);t.session.prevInput=r}function ut(t,i){var r=t.session;var n=i.pointers;var e=n.length;if(!r.firstInput){r.firstInput=at(i)}if(e>1&&!r.firstMultiple){r.firstMultiple=at(i)}else if(e===1){r.firstMultiple=false}var s=r.firstInput;var u=r.firstMultiple;var h=u?u.center:s.center;var o=i.center=ft(n);i.timeStamp=f();i.deltaTime=i.timeStamp-s.timeStamp;i.angle=pt(h,o);i.distance=lt(h,o);ht(r,i);i.offsetDirection=vt(i.deltaX,i.deltaY);var c=ct(i.deltaTime,i.deltaX,i.deltaY);i.overallVelocityX=c.x;i.overallVelocityY=c.y;i.overallVelocity=a(c.x)>a(c.y)?c.x:c.y;i.scale=u?Tt(u.pointers,n):1;i.rotation=u?dt(u.pointers,n):0;i.maxPointers=!r.prevInput?i.pointers.length:i.pointers.length>r.prevInput.maxPointers?i.pointers.length:r.prevInput.maxPointers;ot(r,i);var v=t.element;if(M(i.srcEvent.target,v)){v=i.srcEvent.target}i.target=v}function ht(t,i){var r=i.center;var n=t.offsetDelta||{};var e=t.prevDelta||{};var s=t.prevInput||{};if(i.eventType===q||s.eventType===B){e=t.prevDelta={x:s.deltaX||0,y:s.deltaY||0};n=t.offsetDelta={x:r.x,y:r.y}}i.deltaX=e.x+(r.x-n.x);i.deltaY=e.y+(r.y-n.y)}function ot(t,i){var r=t.lastInterval||i,n=i.timeStamp-r.timeStamp,s,u,h,o;if(i.eventType!=X&&(n>k||r.velocity===e)){var f=i.deltaX-r.deltaX;var c=i.deltaY-r.deltaY;var v=ct(n,f,c);u=v.x;h=v.y;s=a(v.x)>a(v.y)?v.x:v.y;o=vt(f,c);t.lastInterval=i}else{s=r.velocity;u=r.velocityX;h=r.velocityY;o=r.direction}i.velocity=s;i.velocityX=u;i.velocityY=h;i.direction=o}function at(t){var i=[];var r=0;while(r<t.pointers.length){i[r]={clientX:o(t.pointers[r].clientX),clientY:o(t.pointers[r].clientY)};r++}return{timeStamp:f(),pointers:i,center:ft(i),deltaX:t.deltaX,deltaY:t.deltaY}}function ft(t){var i=t.length;if(i===1){return{x:o(t[0].clientX),y:o(t[0].clientY)}}var r=0,n=0,e=0;while(e<i){r+=t[e].clientX;n+=t[e].clientY;e++}return{x:o(r/i),y:o(n/i)}}function ct(t,i,r){return{x:i/t||0,y:r/t||0}}function vt(t,i){if(t===i){return Y}if(a(t)>=a(i)){return t<0?Z:V}return i<0?J:$}function lt(t,i,r){if(!r){r=it}var n=i[r[0]]-t[r[0]],e=i[r[1]]-t[r[1]];return Math.sqrt(n*n+e*e)}function pt(t,i,r){if(!r){r=it}var n=i[r[0]]-t[r[0]],e=i[r[1]]-t[r[1]];return Math.atan2(e,n)*180/Math.PI}function dt(t,i){return pt(i[1],i[0],rt)+pt(t[1],t[0],rt)}function Tt(t,i){return lt(i[0],i[1],rt)/lt(t[0],t[1],rt)}var mt={mousedown:q,mousemove:G,mouseup:B};var Et="mousedown";var gt="mousemove mouseup";function wt(){this.evEl=Et;this.evWin=gt;this.pressed=false;nt.apply(this,arguments)}E(wt,nt,{handler:function t(i){var r=mt[i.type];if(r&q&&i.button===0){this.pressed=true}if(r&G&&i.which!==1){r=B}if(!this.pressed){return}if(r&B){this.pressed=false}this.callback(this.manager,r,{pointers:[i],changedPointers:[i],pointerType:H,srcEvent:i})}});var It={pointerdown:q,pointermove:G,pointerup:B,pointercancel:X,pointerout:X};var At={2:U,3:F,4:H,5:W};var yt="pointerdown";var Mt="pointermove pointerup pointercancel";if(i.MSPointerEvent&&!i.PointerEvent){yt="MSPointerDown";Mt="MSPointerMove MSPointerUp MSPointerCancel"}function Dt(){this.evEl=yt;this.evWin=Mt;nt.apply(this,arguments);this.store=this.manager.session.pointerEvents=[]}E(Dt,nt,{handler:function t(i){var r=this.store;var n=false;var e=i.type.toLowerCase().replace("ms","");var s=It[e];var u=At[i.pointerType]||i.pointerType;var h=u==U;var o=O(r,i.pointerId,"pointerId");if(s&q&&(i.button===0||h)){if(o<0){r.push(i);o=r.length-1}}else if(s&(B|X)){n=true}if(o<0){return}r[o]=i;this.callback(this.manager,s,{pointers:r,changedPointers:[i],pointerType:u,srcEvent:i});if(n){r.splice(o,1)}}});var Nt={touchstart:q,touchmove:G,touchend:B,touchcancel:X};var Ot="touchstart";var Rt="touchstart touchmove touchend touchcancel";function _t(){this.evTarget=Ot;this.evWin=Rt;this.started=false;nt.apply(this,arguments)}E(_t,nt,{handler:function t(i){var r=Nt[i.type];if(r===q){this.started=true}if(!this.started){return}var n=St.call(this,i,r);if(r&(B|X)&&n[0].length-n[1].length===0){this.started=false}this.callback(this.manager,r,{pointers:n[0],changedPointers:n[1],pointerType:U,srcEvent:i})}});function St(t,i){var r=R(t.touches);var n=R(t.changedTouches);if(i&(B|X)){r=_(r.concat(n),"identifier")}return[r,n]}var Ct={touchstart:q,touchmove:G,touchend:B,touchcancel:X};var Pt="touchstart touchmove touchend touchcancel";function bt(){this.evTarget=Pt;this.targetIds={};nt.apply(this,arguments)}E(bt,nt,{handler:function t(i){var r=Ct[i.type];var n=xt.call(this,i,r);if(!n){return}this.callback(this.manager,r,{pointers:n[0],changedPointers:n[1],pointerType:U,srcEvent:i})}});function xt(t,i){var r=R(t.touches);var n=this.targetIds;if(i&(q|G)&&r.length===1){n[r[0].identifier]=true;return[r,r]}var e,s,u=R(t.changedTouches),h=[],o=this.target;s=r.filter((function(t){return M(t.target,o)}));if(i===q){e=0;while(e<s.length){n[s[e].identifier]=true;e++}}e=0;while(e<u.length){if(n[u[e].identifier]){h.push(u[e])}if(i&(B|X)){delete n[u[e].identifier]}e++}if(!h.length){return}return[_(s.concat(h),"identifier"),h]}var Lt=2500;var zt=25;function jt(){nt.apply(this,arguments);var t=g(this.handler,this);this.touch=new bt(this.manager,t);this.mouse=new wt(this.manager,t);this.primaryTouch=null;this.lastTouches=[]}E(jt,nt,{handler:function t(i,r,n){var e=n.pointerType==U,s=n.pointerType==H;if(s&&n.sourceCapabilities&&n.sourceCapabilities.firesTouchEvents){return}if(e){Ut.call(this,r,n)}else if(s&&Ht.call(this,n)){return}this.callback(i,r,n)},destroy:function t(){this.touch.destroy();this.mouse.destroy()}});function Ut(t,i){if(t&q){this.primaryTouch=i.changedPointers[0].identifier;Ft.call(this,i)}else if(t&(B|X)){Ft.call(this,i)}}function Ft(t){var i=t.changedPointers[0];if(i.identifier===this.primaryTouch){var r={x:i.clientX,y:i.clientY};this.lastTouches.push(r);var n=this.lastTouches;var e=function(){var t=n.indexOf(r);if(t>-1){n.splice(t,1)}};setTimeout(e,Lt)}}function Ht(t){var i=t.srcEvent.clientX,r=t.srcEvent.clientY;for(var n=0;n<this.lastTouches.length;n++){var e=this.lastTouches[n];var s=Math.abs(i-e.x),u=Math.abs(r-e.y);if(s<=zt&&u<=zt){return true}}return false}var Wt=S(u.style,"touchAction");var kt=Wt!==e;var qt="compute";var Gt="auto";var Bt="manipulation";var Xt="none";var Yt="pan-x";var Zt="pan-y";var Vt=Kt();function Jt(t,i){this.manager=t;this.set(i)}Jt.prototype={set:function(t){if(t==qt){t=this.compute()}if(kt&&this.manager.element.style&&Vt[t]){this.manager.element.style[Wt]=t}this.actions=t.toLowerCase().trim()},update:function(){this.set(this.manager.options.touchAction)},compute:function(){var t=[];l(this.manager.recognizers,(function(i){if(w(i.options.enable,[i])){t=t.concat(i.getTouchAction())}}));return $t(t.join(" "))},preventDefaults:function(t){var i=t.srcEvent;var r=t.offsetDirection;if(this.manager.session.prevented){i.preventDefault();return}var n=this.actions;var e=D(n,Xt)&&!Vt[Xt];var s=D(n,Zt)&&!Vt[Zt];var u=D(n,Yt)&&!Vt[Yt];if(e){var h=t.pointers.length===1;var o=t.distance<2;var a=t.deltaTime<250;if(h&&o&&a){return}}if(u&&s){return}if(e||s&&r&K||u&&r&Q){return this.preventSrc(i)}},preventSrc:function(t){this.manager.session.prevented=true;t.preventDefault()}};function $t(t){if(D(t,Xt)){return Xt}var i=D(t,Yt);var r=D(t,Zt);if(i&&r){return Xt}if(i||r){return i?Yt:Zt}if(D(t,Bt)){return Bt}return Gt}function Kt(){if(!kt){return false}var t={};var r=i.CSS&&i.CSS.supports;["auto","manipulation","pan-y","pan-x","pan-x pan-y","none"].forEach((function(n){t[n]=r?i.CSS.supports("touch-action",n):true}));return t}var Qt=1;var ti=2;var ii=4;var ri=8;var ni=ri;var ei=16;var si=32;function ui(t){this.options=d({},this.defaults,t||{});this.id=P();this.manager=null;this.options.enable=I(this.options.enable,true);this.state=Qt;this.simultaneous={};this.requireFail=[]}ui.prototype={defaults:{},set:function(t){d(this.options,t);this.manager&&this.manager.touchAction.update();return this},recognizeWith:function(t){if(v(t,"recognizeWith",this)){return this}var i=this.simultaneous;t=ai(t,this);if(!i[t.id]){i[t.id]=t;t.recognizeWith(this)}return this},dropRecognizeWith:function(t){if(v(t,"dropRecognizeWith",this)){return this}t=ai(t,this);delete this.simultaneous[t.id];return this},requireFailure:function(t){if(v(t,"requireFailure",this)){return this}var i=this.requireFail;t=ai(t,this);if(O(i,t)===-1){i.push(t);t.requireFailure(this)}return this},dropRequireFailure:function(t){if(v(t,"dropRequireFailure",this)){return this}t=ai(t,this);var i=O(this.requireFail,t);if(i>-1){this.requireFail.splice(i,1)}return this},hasRequireFailures:function(){return this.requireFail.length>0},canRecognizeWith:function(t){return!!this.simultaneous[t.id]},emit:function(t){var i=this;var r=this.state;function n(r){i.manager.emit(r,t)}if(r<ri){n(i.options.event+hi(r))}n(i.options.event);if(t.additionalEvent){n(t.additionalEvent)}if(r>=ri){n(i.options.event+hi(r))}},tryEmit:function(t){if(this.canEmit()){return this.emit(t)}this.state=si},canEmit:function(){var t=0;while(t<this.requireFail.length){if(!(this.requireFail[t].state&(si|Qt))){return false}t++}return true},recognize:function(t){var i=d({},t);if(!w(this.options.enable,[this,i])){this.reset();this.state=si;return}if(this.state&(ni|ei|si)){this.state=Qt}this.state=this.process(i);if(this.state&(ti|ii|ri|ei)){this.tryEmit(i)}},process:function(t){},getTouchAction:function(){},reset:function(){}};function hi(t){if(t&ei){return"cancel"}else if(t&ri){return"end"}else if(t&ii){return"move"}else if(t&ti){return"start"}return""}function oi(t){if(t==$){return"down"}else if(t==J){return"up"}else if(t==Z){return"left"}else if(t==V){return"right"}return""}function ai(t,i){var r=i.manager;if(r){return r.get(t)}return t}function fi(){ui.apply(this,arguments)}E(fi,ui,{defaults:{pointers:1},attrTest:function(t){var i=this.options.pointers;return i===0||t.pointers.length===i},process:function(t){var i=this.state;var r=t.eventType;var n=i&(ti|ii);var e=this.attrTest(t);if(n&&(r&X||!e)){return i|ei}else if(n||e){if(r&B){return i|ri}else if(!(i&ti)){return ti}return i|ii}return si}});function ci(){fi.apply(this,arguments);this.pX=null;this.pY=null}E(ci,fi,{defaults:{event:"pan",threshold:10,pointers:1,direction:tt},getTouchAction:function(){var t=this.options.direction;var i=[];if(t&K){i.push(Zt)}if(t&Q){i.push(Yt)}return i},directionTest:function(t){var i=this.options;var r=true;var n=t.distance;var e=t.direction;var s=t.deltaX;var u=t.deltaY;if(!(e&i.direction)){if(i.direction&K){e=s===0?Y:s<0?Z:V;r=s!=this.pX;n=Math.abs(t.deltaX)}else{e=u===0?Y:u<0?J:$;r=u!=this.pY;n=Math.abs(t.deltaY)}}t.direction=e;return r&&n>i.threshold&&e&i.direction},attrTest:function(t){return fi.prototype.attrTest.call(this,t)&&(this.state&ti||!(this.state&ti)&&this.directionTest(t))},emit:function(t){this.pX=t.deltaX;this.pY=t.deltaY;var i=oi(t.direction);if(i){t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function vi(){fi.apply(this,arguments)}E(vi,fi,{defaults:{event:"pinch",threshold:0,pointers:2},getTouchAction:function(){return[Xt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.scale-1)>this.options.threshold||this.state&ti)},emit:function(t){if(t.scale!==1){var i=t.scale<1?"in":"out";t.additionalEvent=this.options.event+i}this._super.emit.call(this,t)}});function li(){ui.apply(this,arguments);this._timer=null;this._input=null}E(li,ui,{defaults:{event:"press",pointers:1,time:251,threshold:9},getTouchAction:function(){return[Gt]},process:function(t){var i=this.options;var r=t.pointers.length===i.pointers;var n=t.distance<i.threshold;var e=t.deltaTime>i.time;this._input=t;if(!n||!r||t.eventType&(B|X)&&!e){this.reset()}else if(t.eventType&q){this.reset();this._timer=c((function(){this.state=ni;this.tryEmit()}),i.time,this)}else if(t.eventType&B){return ni}return si},reset:function(){clearTimeout(this._timer)},emit:function(t){if(this.state!==ni){return}if(t&&t.eventType&B){this.manager.emit(this.options.event+"up",t)}else{this._input.timeStamp=f();this.manager.emit(this.options.event,this._input)}}});function pi(){fi.apply(this,arguments)}E(pi,fi,{defaults:{event:"rotate",threshold:0,pointers:2},getTouchAction:function(){return[Xt]},attrTest:function(t){return this._super.attrTest.call(this,t)&&(Math.abs(t.rotation)>this.options.threshold||this.state&ti)}});function di(){fi.apply(this,arguments)}E(di,fi,{defaults:{event:"swipe",threshold:10,velocity:.3,direction:K|Q,pointers:1},getTouchAction:function(){return ci.prototype.getTouchAction.call(this)},attrTest:function(t){var i=this.options.direction;var r;if(i&(K|Q)){r=t.overallVelocity}else if(i&K){r=t.overallVelocityX}else if(i&Q){r=t.overallVelocityY}return this._super.attrTest.call(this,t)&&i&t.offsetDirection&&t.distance>this.options.threshold&&t.maxPointers==this.options.pointers&&a(r)>this.options.velocity&&t.eventType&B},emit:function(t){var i=oi(t.offsetDirection);if(i){this.manager.emit(this.options.event+i,t)}this.manager.emit(this.options.event,t)}});function Ti(){ui.apply(this,arguments);this.pTime=false;this.pCenter=false;this._timer=null;this._input=null;this.count=0}E(Ti,ui,{defaults:{event:"tap",pointers:1,taps:1,interval:300,time:250,threshold:9,posThreshold:10},getTouchAction:function(){return[Bt]},process:function(t){var i=this.options;var r=t.pointers.length===i.pointers;var n=t.distance<i.threshold;var e=t.deltaTime<i.time;this.reset();if(t.eventType&q&&this.count===0){return this.failTimeout()}if(n&&e&&r){if(t.eventType!=B){return this.failTimeout()}var s=this.pTime?t.timeStamp-this.pTime<i.interval:true;var u=!this.pCenter||lt(this.pCenter,t.center)<i.posThreshold;this.pTime=t.timeStamp;this.pCenter=t.center;if(!u||!s){this.count=1}else{this.count+=1}this._input=t;var h=this.count%i.taps;if(h===0){if(!this.hasRequireFailures()){return ni}else{this._timer=c((function(){this.state=ni;this.tryEmit()}),i.interval,this);return ti}}}return si},failTimeout:function(){this._timer=c((function(){this.state=si}),this.options.interval,this);return si},reset:function(){clearTimeout(this._timer)},emit:function(){if(this.state==ni){this._input.tapCount=this.count;this.manager.emit(this.options.event,this._input)}}});function mi(t,i){i=i||{};i.recognizers=I(i.recognizers,mi.defaults.preset);return new wi(t,i)}mi.VERSION="2.0.7";mi.defaults={domEvents:false,touchAction:qt,enable:true,inputTarget:null,inputClass:null,preset:[[pi,{enable:false}],[vi,{enable:false},["rotate"]],[di,{direction:K}],[ci,{direction:K},["swipe"]],[Ti],[Ti,{event:"doubletap",taps:2},["tap"]],[li]],cssProps:{userSelect:"none",touchSelect:"none",touchCallout:"none",contentZooming:"none",userDrag:"none",tapHighlightColor:"rgba(0,0,0,0)"}};var Ei=1;var gi=2;function wi(t,i){this.options=d({},mi.defaults,i||{});this.options.inputTarget=this.options.inputTarget||t;this.handlers={};this.session={};this.recognizers=[];this.oldCssProps={};this.element=t;this.input=et(this);this.touchAction=new Jt(this,this.options.touchAction);Ii(this,true);l(this.options.recognizers,(function(t){var i=this.add(new t[0](t[1]));t[2]&&i.recognizeWith(t[2]);t[3]&&i.requireFailure(t[3])}),this)}wi.prototype={set:function(t){d(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?gi:Ei},recognize:function(t){var i=this.session;if(i.stopped){return}this.touchAction.preventDefaults(t);var r;var n=this.recognizers;var e=i.curRecognizer;if(!e||e&&e.state&ni){e=i.curRecognizer=null}var s=0;while(s<n.length){r=n[s];if(i.stopped!==gi&&(!e||r==e||r.canRecognizeWith(e))){r.recognize(t)}else{r.reset()}if(!e&&r.state&(ti|ii|ri)){e=i.curRecognizer=r}s++}},get:function(t){if(t instanceof ui){return t}var i=this.recognizers;for(var r=0;r<i.length;r++){if(i[r].options.event==t){return i[r]}}return null},add:function(t){if(v(t,"add",this)){return this}var i=this.get(t.options.event);if(i){this.remove(i)}this.recognizers.push(t);t.manager=this;this.touchAction.update();return t},remove:function(t){if(v(t,"remove",this)){return this}t=this.get(t);if(t){var i=this.recognizers;var r=O(i,t);if(r!==-1){i.splice(r,1);this.touchAction.update()}}return this},on:function(t,i){if(t===e){return}if(i===e){return}var r=this.handlers;l(N(t),(function(t){r[t]=r[t]||[];r[t].push(i)}));return this},off:function(t,i){if(t===e){return}var r=this.handlers;l(N(t),(function(t){if(!i){delete r[t]}else{r[t]&&r[t].splice(O(r[t],i),1)}}));return this},emit:function(t,i){if(this.options.domEvents){Ai(t,i)}var r=this.handlers[t]&&this.handlers[t].slice();if(!r||!r.length){return}i.type=t;i.preventDefault=function(){i.srcEvent.preventDefault()};var n=0;while(n<r.length){r[n](i);n++}},destroy:function(){this.element&&Ii(this,false);this.handlers={};this.session={};this.input.destroy();this.element=null}};function Ii(t,i){var r=t.element;if(!r.style){return}var n;l(t.options.cssProps,(function(e,s){n=S(r.style,s);if(i){t.oldCssProps[n]=r.style[n];r.style[n]=e}else{r.style[n]=t.oldCssProps[n]||""}}));if(!i){t.oldCssProps={}}}function Ai(t,i){var n=r.createEvent("Event");n.initEvent(t,true,true);n.gesture=i;i.target.dispatchEvent(n)}d(mi,{INPUT_START:q,INPUT_MOVE:G,INPUT_END:B,INPUT_CANCEL:X,STATE_POSSIBLE:Qt,STATE_BEGAN:ti,STATE_CHANGED:ii,STATE_ENDED:ri,STATE_RECOGNIZED:ni,STATE_CANCELLED:ei,STATE_FAILED:si,DIRECTION_NONE:Y,DIRECTION_LEFT:Z,DIRECTION_RIGHT:V,DIRECTION_UP:J,DIRECTION_DOWN:$,DIRECTION_HORIZONTAL:K,DIRECTION_VERTICAL:Q,DIRECTION_ALL:tt,Manager:wi,Input:nt,TouchAction:Jt,TouchInput:bt,MouseInput:wt,PointerEventInput:Dt,TouchMouseInput:jt,SingleTouchInput:_t,Recognizer:ui,AttrRecognizer:fi,Tap:Ti,Pan:ci,Swipe:di,Pinch:vi,Rotate:pi,Press:li,on:A,off:y,each:l,merge:m,extend:T,assign:d,inherit:E,bindFn:g,prefixed:S});var yi=typeof i!=="undefined"?i:typeof self!=="undefined"?self:{};yi.Hammer=mi;if(t.exports){t.exports=mi}else{i[n]=mi}})(window,document,"Hammer")})(i);return i.exports}var e=n();var s=t(e);var u=Object.freeze({__proto__:null,default:s});export{u as h};
+//# sourceMappingURL=p-Bt1M0wUw.js.map