@zanichelli/albe-web-components 17.0.4 → 17.0.5-RC2

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-c8ceadeb.js';
 
-const stylesCss = "button{display:flex;height:36px;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
+const stylesCss = "button{display:-ms-flexbox;display:flex;height:36px;-ms-flex-align:center;align-items:center;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--color-surface01);border-radius:var(--border-radius);-webkit-box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}button:active{border-color:var(--color-pressed-primary);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button:disabled{color:var(--color-disabled03);fill:var(--color-disabled03)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 200ms linear;transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
 const ZToggleButtonStyle0 = stylesCss;
 
 const ZToggleButton = class {

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

@@ -1 +1 @@
-{"file":"z-toggle-button.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,4iCAA4iC,CAAC;AAC/jC,4BAAe,SAAS;;MCMX,aAAa;;;;;0BAOD,KAAK;;sBAQT,KAAK;yBAIZ,EAAE;;IAMN,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO;SACR;QAED,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACpC;IAED,MAAM;QACJ,QACE,+DACE,QAAQ,EAAE,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,GAAG,EACtC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,MAAM;gBACrB,cAAc,EAAE,IAAI,CAAC,UAAU;aAChC,EACD,QAAQ,EAAE,IAAI,CAAC,UAAU,mBACV,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,gBACjC,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,IAErC,+DACE,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,cAAc,GAAG,YAAY,EACjD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,EACD,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;;;;","names":[],"sources":["src/components/z-toggle-button/styles.css?tag=z-toggle-button&encapsulation=shadow","src/components/z-toggle-button/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  height: 36px;\n  align-items: center;\n  padding-right: calc(var(--space-unit) * 2);\n  padding-left: 0;\n  border: var(--border-size-medium) solid;\n  border-color: transparent;\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  outline: none;\n  text-transform: uppercase;\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\nbutton:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nbutton:focus {\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active {\n  border-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n  fill: var(--color-pressed-primary);\n}\n\nbutton:disabled {\n  color: var(--color-disabled03);\n  fill: var(--color-disabled03);\n}\n\nz-icon {\n  display: inline-block;\n  margin: 0 var(--space-unit) 0 calc(var(--space-unit) * 2);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\nbutton.isopen {\n  top: -20px;\n}\n\nbutton.avoid-clicks {\n  pointer-events: none;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-toggle-button\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToggleButton {\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** avoidclick status flag */\n  @Prop()\n  avoidclick: boolean;\n\n  /** open by default (optional) */\n  @Prop({mutable: true})\n  opened?: boolean = false;\n\n  /**  aria-label for the button */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** emitted on toggle button click, returns isOpen */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    if (this.isdisabled) {\n      return;\n    }\n\n    this.opened = !this.opened;\n    this.toggleClick.emit(this.opened);\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        tabindex={this.avoidclick ? \"-1\" : \"0\"}\n        class={{\n          \"isopen\": this.opened,\n          \"avoid-clicks\": this.avoidclick,\n        }}\n        disabled={this.isdisabled}\n        aria-expanded={this.opened ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        onClick={() => this.emitToggleClick()}\n      >\n        <z-icon\n          name={this.opened ? \"chevron-down\" : \"chevron-up\"}\n          width={16}\n          height={16}\n        />\n        {this.label}\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-toggle-button.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,2xCAA2xC,CAAC;AAC9yC,4BAAe,SAAS;;MCMX,aAAa;;;;;0BAOD,KAAK;;sBAQT,KAAK;yBAIZ,EAAE;;IAMN,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO;SACR;QAED,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;QAC3B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACpC;IAED,MAAM;QACJ,QACE,+DACE,QAAQ,EAAE,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,GAAG,EACtC,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,MAAM;gBACrB,cAAc,EAAE,IAAI,CAAC,UAAU;aAChC,EACD,QAAQ,EAAE,IAAI,CAAC,UAAU,mBACV,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,gBACjC,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,IAErC,+DACE,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,cAAc,GAAG,YAAY,EACjD,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,GACV,EACD,IAAI,CAAC,KAAK,CACJ,EACT;KACH;;;;;;","names":[],"sources":["src/components/z-toggle-button/styles.css?tag=z-toggle-button&encapsulation=shadow","src/components/z-toggle-button/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  height: 36px;\n  align-items: center;\n  padding-right: calc(var(--space-unit) * 2);\n  padding-left: 0;\n  border: var(--border-size-medium) solid;\n  border-color: transparent;\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: 0 0 4px 0 rgb(0 0 0 / 20%);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  outline: none;\n  text-transform: uppercase;\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\nbutton:hover {\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nbutton:focus {\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active {\n  border-color: var(--color-pressed-primary);\n  box-shadow: var(--shadow-2);\n  color: var(--color-pressed-primary);\n  fill: var(--color-pressed-primary);\n}\n\nbutton:disabled {\n  color: var(--color-disabled03);\n  fill: var(--color-disabled03);\n}\n\nz-icon {\n  display: inline-block;\n  margin: 0 var(--space-unit) 0 calc(var(--space-unit) * 2);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\nbutton.isopen {\n  top: -20px;\n}\n\nbutton.avoid-clicks {\n  pointer-events: none;\n}\n","import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-toggle-button\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZToggleButton {\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** avoidclick status flag */\n  @Prop()\n  avoidclick: boolean;\n\n  /** open by default (optional) */\n  @Prop({mutable: true})\n  opened?: boolean = false;\n\n  /**  aria-label for the button */\n  @Prop()\n  ariaLabel = \"\";\n\n  /** emitted on toggle button click, returns isOpen */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    if (this.isdisabled) {\n      return;\n    }\n\n    this.opened = !this.opened;\n    this.toggleClick.emit(this.opened);\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        tabindex={this.avoidclick ? \"-1\" : \"0\"}\n        class={{\n          \"isopen\": this.opened,\n          \"avoid-clicks\": this.avoidclick,\n        }}\n        disabled={this.isdisabled}\n        aria-expanded={this.opened ? \"true\" : \"false\"}\n        aria-label={this.ariaLabel}\n        onClick={() => this.emitToggleClick()}\n      >\n        <z-icon\n          name={this.opened ? \"chevron-down\" : \"chevron-up\"}\n          width={16}\n          height={16}\n        />\n        {this.label}\n      </button>\n    );\n  }\n}\n"],"version":3}

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

@@ -3,7 +3,7 @@ import { k as LabelPosition } from './index-ee40e66b.js';
 import { r as randomId } from './utils-b924649f.js';
 import './breakpoints-d148bfde.js';
 
-const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
+const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{-ms-flex-direction:row-reverse;flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-default-text);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4);height:18px;-ms-flex-align:center;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;-webkit-box-shadow:var(--shadow-1);box-shadow:var(--shadow-1);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{-webkit-transform:translateX(calc(100% - 2px));transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
 const ZToggleSwitchStyle0 = stylesCss;
 
 const ZToggleSwitch = class {

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

@@ -1 +1 @@
-{"file":"z-toggle-switch.entry.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,25EAA25E,CAAC;AAC96E,4BAAe,SAAS;;MCSX,aAAa;;;;wBAGH,KAAK;6BAIT,aAAa,CAAC,IAAI;uBAIf,KAAK;sBAIhB,oBAAoB,QAAQ,EAAE,EAAE;;IAMjC,eAAe;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC;KACJ;IAEO,WAAW,CAAC,EAAE;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACrC,EACF,8DACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;gBAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,IAED,+DACE,8DAAQ,CACH,EACP,6DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,IAED,6DAAM,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,OAAO,KACX,+DACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,WAAW,GACR,CACX,CACI,CACF,CACD,CACH,EACP;KACH;;;;;;","names":[],"sources":["src/components/z-toggle-switch/styles.css?tag=z-toggle-switch&encapsulation=scoped","src/components/z-toggle-switch/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: inline-flex;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\nlabel {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n}\n\nlabel.disabled {\n  cursor: default;\n}\n\nlabel.right {\n  flex-direction: row-reverse;\n}\n\nlabel > span:first-child {\n  color: var(--color-default-text);\n  letter-spacing: 0;\n}\n\nlabel.left > span:first-child {\n  margin-right: var(--space-unit);\n}\n\nlabel.right > span:first-child {\n  margin-left: var(--space-unit);\n}\n\nlabel > span.container {\n  position: relative;\n  top: 1px;\n  left: 1px;\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: 18px;\n  align-items: center;\n  background-color: var(--gray500);\n  border-radius: var(--space-unit);\n  color: var(--gray500);\n  cursor: pointer;\n}\n\nlabel > span.container.disabled,\nlabel > span.container.checked.disabled {\n  background-color: var(--color-disabled01);\n  cursor: default;\n}\n\nlabel > span.container.checked.disabled > span.circle > z-icon {\n  fill: var(--color-disabled01);\n}\n\nlabel > span.container.checked {\n  background-color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\ninput:focus:focus-visible + label > span.container:not(.disabled) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\ninput:focus:focus-visible + label > span.container.disabled {\n  outline: none;\n}\n\nlabel > span.container:not(.disabled):hover {\n  background-color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nlabel > span.container > span.circle {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  display: flex;\n  width: calc(var(--space-unit) * 2);\n  height: calc(var(--space-unit) * 2);\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  background-color: var(--color-white);\n  border-radius: 7px;\n  box-shadow: var(--shadow-1);\n  transition: transform 0.3s ease;\n}\n\nlabel > span.container.checked > span.circle {\n  transform: translateX(calc(100% - 2px));\n}\n\ninput[type=\"checkbox\"] {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n","import {Component, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {LabelPosition} from \"../../beans\";\nimport {randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-toggle-switch\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZToggleSwitch {\n  /** Disabled flag */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** Label position */\n  @Prop({reflect: true})\n  labelPosition? = LabelPosition.LEFT;\n\n  /** Checked state */\n  @Prop({mutable: true})\n  checked?: boolean = false;\n\n  /** HTML id attribute to set to the internal checkbox */\n  @Prop()\n  htmlid = `toggle-switch-id-${randomId()}`;\n\n  /** Toggle click event */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    this.toggleClick.emit({\n      id: this.htmlid,\n      checked: this.checked,\n    });\n  }\n\n  private handleClick(ev): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.checked = ev.target.checked;\n    this.emitToggleClick();\n  }\n\n  render(): HTMLZToggleSwitchElement {\n    return (\n      <Host>\n        <input\n          id={this.htmlid}\n          type=\"checkbox\"\n          checked={this.checked}\n          disabled={this.disabled}\n          onChange={this.handleClick.bind(this)}\n        />\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            [this.labelPosition]: true,\n            disabled: this.disabled,\n          }}\n        >\n          <span>\n            <slot />\n          </span>\n          <span\n            class={{\n              container: true,\n              disabled: this.disabled,\n              checked: this.checked,\n            }}\n          >\n            <span class=\"circle\">\n              {this.checked && (\n                <z-icon\n                  width={12}\n                  height={12}\n                  name=\"checkmark\"\n                ></z-icon>\n              )}\n            </span>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-toggle-switch.entry.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,k5FAAk5F,CAAC;AACr6F,4BAAe,SAAS;;MCSX,aAAa;;;;wBAGH,KAAK;6BAIT,aAAa,CAAC,IAAI;uBAIf,KAAK;sBAIhB,oBAAoB,QAAQ,EAAE,EAAE;;IAMjC,eAAe;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;YACpB,EAAE,EAAE,IAAI,CAAC,MAAM;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;SACtB,CAAC,CAAC;KACJ;IAEO,WAAW,CAAC,EAAE;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DACE,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GACrC,EACF,8DACE,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI;gBAC1B,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,IAED,+DACE,8DAAQ,CACH,EACP,6DACE,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;gBACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO;aACtB,IAED,6DAAM,KAAK,EAAC,QAAQ,IACjB,IAAI,CAAC,OAAO,KACX,+DACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,WAAW,GACR,CACX,CACI,CACF,CACD,CACH,EACP;KACH;;;;;;","names":[],"sources":["src/components/z-toggle-switch/styles.css?tag=z-toggle-switch&encapsulation=scoped","src/components/z-toggle-switch/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: inline-flex;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\nlabel {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n}\n\nlabel.disabled {\n  cursor: default;\n}\n\nlabel.right {\n  flex-direction: row-reverse;\n}\n\nlabel > span:first-child {\n  color: var(--color-default-text);\n  letter-spacing: 0;\n}\n\nlabel.left > span:first-child {\n  margin-right: var(--space-unit);\n}\n\nlabel.right > span:first-child {\n  margin-left: var(--space-unit);\n}\n\nlabel > span.container {\n  position: relative;\n  top: 1px;\n  left: 1px;\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: 18px;\n  align-items: center;\n  background-color: var(--gray500);\n  border-radius: var(--space-unit);\n  color: var(--gray500);\n  cursor: pointer;\n}\n\nlabel > span.container.disabled,\nlabel > span.container.checked.disabled {\n  background-color: var(--color-disabled01);\n  cursor: default;\n}\n\nlabel > span.container.checked.disabled > span.circle > z-icon {\n  fill: var(--color-disabled01);\n}\n\nlabel > span.container.checked {\n  background-color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\ninput:focus:focus-visible + label > span.container:not(.disabled) {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\ninput:focus:focus-visible + label > span.container.disabled {\n  outline: none;\n}\n\nlabel > span.container:not(.disabled):hover {\n  background-color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nlabel > span.container > span.circle {\n  position: absolute;\n  top: 1px;\n  left: 1px;\n  display: flex;\n  width: calc(var(--space-unit) * 2);\n  height: calc(var(--space-unit) * 2);\n  align-items: center;\n  justify-content: center;\n  margin: 0;\n  background-color: var(--color-white);\n  border-radius: 7px;\n  box-shadow: var(--shadow-1);\n  transition: transform 0.3s ease;\n}\n\nlabel > span.container.checked > span.circle {\n  transform: translateX(calc(100% - 2px));\n}\n\ninput[type=\"checkbox\"] {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n","import {Component, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {LabelPosition} from \"../../beans\";\nimport {randomId} from \"../../utils/utils\";\n\n@Component({\n  tag: \"z-toggle-switch\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZToggleSwitch {\n  /** Disabled flag */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** Label position */\n  @Prop({reflect: true})\n  labelPosition? = LabelPosition.LEFT;\n\n  /** Checked state */\n  @Prop({mutable: true})\n  checked?: boolean = false;\n\n  /** HTML id attribute to set to the internal checkbox */\n  @Prop()\n  htmlid = `toggle-switch-id-${randomId()}`;\n\n  /** Toggle click event */\n  @Event()\n  toggleClick: EventEmitter;\n\n  private emitToggleClick(): void {\n    this.toggleClick.emit({\n      id: this.htmlid,\n      checked: this.checked,\n    });\n  }\n\n  private handleClick(ev): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.checked = ev.target.checked;\n    this.emitToggleClick();\n  }\n\n  render(): HTMLZToggleSwitchElement {\n    return (\n      <Host>\n        <input\n          id={this.htmlid}\n          type=\"checkbox\"\n          checked={this.checked}\n          disabled={this.disabled}\n          onChange={this.handleClick.bind(this)}\n        />\n        <label\n          htmlFor={this.htmlid}\n          class={{\n            [this.labelPosition]: true,\n            disabled: this.disabled,\n          }}\n        >\n          <span>\n            <slot />\n          </span>\n          <span\n            class={{\n              container: true,\n              disabled: this.disabled,\n              checked: this.checked,\n            }}\n          >\n            <span class=\"circle\">\n              {this.checked && (\n                <z-icon\n                  width={12}\n                  height={12}\n                  name=\"checkmark\"\n                ></z-icon>\n              )}\n            </span>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,9 +1,9 @@
-export { Z as z_tr } from './index-092fc7cc.js';
+export { Z as z_tr } from './index-821e1d1c.js';
 import './index-c8ceadeb.js';
 import './utils-b924649f.js';
 import './index-ee40e66b.js';
 import './breakpoints-d148bfde.js';
-import './index-735d4f23.js';
-import './index-90f624c1.js';
+import './index-fd99721b.js';
+import './index-2a6f56f8.js';
 
 //# sourceMappingURL=z-tr.entry.js.map

package/dist/esm/z-visually-hidden.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-c8ceadeb.js';
 
-const stylesCss = ":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}";
+const stylesCss = ":host{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:0 -1px -1px 0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}";
 const ZVisuallyHiddenStyle0 = stylesCss;
 
 const ZVisuallyHidden = class {

package/dist/esm/z-visually-hidden.entry.js.map

@@ -1 +1 @@
-{"file":"z-visually-hidden.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,kKAAkK,CAAC;AACrL,8BAAe,SAAS;;MCMX,eAAe;;;;IAC1B,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;","names":[],"sources":["src/components/z-visually-hidden/styles.css?tag=z-visually-hidden&encapsulation=shadow","src/components/z-visually-hidden/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: 0 -1px -1px 0;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-visually-hidden\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZVisuallyHidden {\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"version":3}
+{"file":"z-visually-hidden.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,+LAA+L,CAAC;AAClN,8BAAe,SAAS;;MCMX,eAAe;;;;IAC1B,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;","names":[],"sources":["src/components/z-visually-hidden/styles.css?tag=z-visually-hidden&encapsulation=shadow","src/components/z-visually-hidden/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  overflow: hidden;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  border: 0;\n  margin: 0 -1px -1px 0;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n","import {Component, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-visually-hidden\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZVisuallyHidden {\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"version":3}

package/dist/esm-es5/app-globals-0f993ce5.js

@@ -0,0 +1,2 @@
+var globalScripts=function(){};export{globalScripts as g};
+//# sourceMappingURL=app-globals-0f993ce5.js.map

package/dist/esm-es5/app-globals-0f993ce5.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,IAACA,cAAgB,WAAM,S","ignoreList":[]}

package/dist/esm-es5/breakpoints-d148bfde.js

@@ -0,0 +1,2 @@
+var Breakpoints;(function(B){B[B["MOBILE"]=767]="MOBILE";B[B["TABLET"]=1151]="TABLET";B[B["DESKTOP"]=1365]="DESKTOP"})(Breakpoints||(Breakpoints={}));export{Breakpoints as B};
+//# sourceMappingURL=breakpoints-d148bfde.js.map

package/dist/esm-es5/breakpoints-d148bfde.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Breakpoints"],"sources":["src/constants/breakpoints.ts"],"sourcesContent":["/** Breakpoints for responsive design. The values are the max width of the screen for each breakpoint. */\nexport enum Breakpoints {\n  MOBILE = 767,\n  TABLET = 1151,\n  DESKTOP = 1365,\n}\n"],"mappings":"IACYA,aAAZ,SAAYA,GACVA,IAAA,wBACAA,IAAA,yBACAA,IAAA,0BACD,EAJD,CAAYA,0BAAW,Y","ignoreList":[]}

package/dist/esm-es5/index-08bf4c13.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,a as Host}from"./index-c8ceadeb.js";var stylesCss=":host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}";var ZTbodyStyle0=stylesCss;var ZTbody=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"b704110bd5823c470d18953bc24db09da7c66e8a",role:"rowgroup"},h("slot",{key:"d71e881ccc992ac2a8e97efa8617d33c63ae1003"}))};return e}();ZTbody.style=ZTbodyStyle0;export{ZTbody as Z};
+//# sourceMappingURL=index-08bf4c13.js.map

package/dist/esm-es5/index-08bf4c13.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTbodyStyle0","ZTbody","prototype","render","h","Host","key","role"],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,2EAClB,IAAAC,aAAeD,U,ICUFE,OAAM,W,uCACjBA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C,WAJW,G","ignoreList":[]}

package/dist/esm-es5/index-2a6f56f8.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{P as PopoverPosition,S as SortDirection,B as ButtonVariant,e as ControlSize}from"./index-ee40e66b.js";var stylesCss=':host{position:relative;display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-align:center;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{-webkit-box-sizing:border-box;box-sizing:border-box}:host([sticky]){position:-webkit-sticky;position:sticky;z-index:1;top:0;left:0;-webkit-box-shadow:8px 0 16px -8px var(--shadow-color-base);box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:-ms-flexbox;display:flex;width:100%;height:100%;-ms-flex-align:center;align-items:center}:host([show-menu]) .cell--content{-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-background);font-weight:var(--font-sb)}.cell--content{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2))}:host([show-sorting]) .cell--content{-webkit-column-gap:var(--space-unit);-moz-column-gap:var(--space-unit);column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}:host([sorted]) .z-th--sort-button::after,.z-th--sort-button:focus:focus-visible::after{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}';var ZThStyle0=stylesCss;var ZTh=function(){function t(t){registerInstance(this,t);this.sort=createEvent(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=PopoverPosition.AUTO;this.isMenuOpen=false}Object.defineProperty(t.prototype,"ariaSortDirection",{get:function(){if(!this.sortDirection){return null}return this.sortDirection===SortDirection.ASC?"ascending":"descending"},enumerable:false,configurable:true});t.prototype.handleSort=function(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===SortDirection.ASC?SortDirection.DESC:SortDirection.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})};t.prototype.updateColspan=function(){if(this.colspan){this.host.style.gridColumn="span ".concat(this.colspan)}else{this.host.style.removeProperty("grid-column")}};t.prototype.componentWillLoad=function(){this.updateColspan()};t.prototype.render=function(){var t=this;return h(Host,{key:"29d00b9cca980ef969f1e5437497fb8d3813fcc0",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},h("div",{key:"e1aa40618413575fedcc7e627280669e064054f8",class:"cell--content"},h("slot",{key:"842da5d5c6c500e8706203ed07a0dd243d26b42c"}),this.showSorting&&h("button",{key:"ef2473dc91e989eb398a667c8a73bb7579082258",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},h("z-icon",{key:"17c11e9ada49d94c13173380fafeaff4deae1ec9",name:this.sortDirection===SortDirection.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&h("div",{key:"db09ba4db62162a09966b0554d80bcc4f1e254a8",class:"cell--menu-container"},h("z-button",{key:"fb3027cdca8658a2616a5612b02641f8a5dafeb0",variant:ButtonVariant.TERTIARY,icon:"contextual-menu",size:ControlSize.X_SMALL,ref:function(e){return t.menuTrigger=e},onClick:function(){return t.popoverEl.open=!t.popoverEl.open}}),h("z-popover",{key:"25c3d7bd294a9384e606220930073e530db7c0ae",ref:function(e){return t.popoverEl=e},bindTo:this.menuTrigger,onOpenChange:function(e){return t.isMenuOpen=e.detail.open},position:this.popoverPosition},h("slot",{key:"95be7b90aee8feb2904a982fe59355e461df9c46",name:"contextual-menu"})))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{colspan:["updateColspan"]}},enumerable:false,configurable:true});return t}();ZTh.style=ZThStyle0;export{ZTh as Z};
+//# sourceMappingURL=index-2a6f56f8.js.map

package/dist/esm-es5/index-2a6f56f8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZThStyle0","ZTh","PopoverPosition","AUTO","Object","defineProperty","prototype","this","sortDirection","SortDirection","ASC","handleSort","sorted","DESC","sort","emit","updateColspan","colspan","host","style","gridColumn","concat","removeProperty","componentWillLoad","render","_this","h","Host","key","role","isMenuOpen","ariaSortDirection","sortable","showSorting","class","type","onClick","bind","name","width","height","showMenu","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","popoverEl","open","bindTo","onOpenChange","event","detail","position","popoverPosition"],"sources":["src/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","src/components/table/cells/z-th/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n\n:host {\n  z-index: 1;\n  padding: 0;\n  background-color: var(--color-background);\n  font-weight: var(--font-sb);\n}\n\n.cell--content {\n  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));\n}\n\n:host([show-sorting]) .cell--content {\n  column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  outline: none;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n  :host([show-sorting=\"hover\"]) .z-th--sort-button {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n  :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n  :host([show-sorting=\"always\"]) .z-th--sort-button,\n  :host([sorted]) .z-th--sort-button {\n    opacity: 1;\n    pointer-events: all;\n  }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  width: calc(100% - 12px);\n  height: calc(100% - 10px);\n  background-color: transparent;\n  content: \"\";\n}\n\n:host([sorted]) .z-th--sort-button::after,\n.z-th--sort-button:focus:focus-visible::after {\n  box-shadow: var(--shadow-focus-primary);\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\n@Component({\n  tag: \"z-th\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTh {\n  @Element() host: HTMLZThElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Enables the sorting button.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the sort button.\n   */\n  @Prop({reflect: true})\n  showSorting: VisibilityCondition = null;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Current sorting direction.\n   */\n  @Prop({mutable: true})\n  sortDirection?: SortDirection;\n\n  /**\n   * Sorted state of the column.\n   */\n  @Prop({reflect: true, mutable: true})\n  sorted: boolean | null = false;\n\n  /**\n   * Set popover position.\n   */\n  @Prop()\n  popoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  /**\n   * Sort event fired when the user clicks on the sort button.\n   * The sorting logic must be implemented by the app.\n   * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n   */\n  @Event()\n  private sort: EventEmitter;\n\n  private menuTrigger: HTMLElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n   */\n  private get ariaSortDirection(): string {\n    if (!this.sortDirection) {\n      return null;\n    }\n\n    return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n  }\n\n  /**\n   * Handle the click on the sort button.\n   * @fires sort\n   */\n  private handleSort(): void {\n    if (!this.sortDirection) {\n      this.sorted = false;\n\n      return;\n    }\n\n    this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n    this.sorted = true;\n\n    this.sort.emit({sortDirection: this.sortDirection});\n  }\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZThElement {\n    return (\n      <Host\n        role=\"columnheader\"\n        menu-open={this.isMenuOpen}\n        aria-sort={this.ariaSortDirection}\n        sortable={this.showSorting}\n      >\n        <div class=\"cell--content\">\n          <slot></slot>\n          {this.showSorting && (\n            <button\n              class=\"z-th--sort-button\"\n              type=\"button\"\n              onClick={this.handleSort.bind(this)}\n            >\n              <z-icon\n                name={this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n                width={14}\n                height={14}\n              />\n            </button>\n          )}\n          {this.showMenu && (\n            <div class=\"cell--menu-container\">\n              <z-button\n                variant={ButtonVariant.TERTIARY}\n                icon=\"contextual-menu\"\n                size={ControlSize.X_SMALL}\n                ref={(el) => (this.menuTrigger = el as HTMLElement)}\n                onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n              />\n              <z-popover\n                ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n                bindTo={this.menuTrigger}\n                onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n                position={this.popoverPosition}\n              >\n                <slot name=\"contextual-menu\"></slot>\n              </z-popover>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iNAAA,IAAMA,UAAY,kkFAClB,IAAAC,UAAeD,U,ICYFE,IAAG,W,iHAekB,K,iBAQG,K,YAM1B,M,yCAYgB,M,qBAMPC,gBAAgBC,K,gBAMrB,K,CAiBbC,OAAAC,eAAYJ,EAAAK,UAAA,oBAAiB,C,IAA7B,WACE,IAAKC,KAAKC,cAAe,CACvB,OAAO,I,CAGT,OAAOD,KAAKC,gBAAkBC,cAAcC,IAAM,YAAc,Y,uCAO1DT,EAAAK,UAAAK,WAAA,WACN,IAAKJ,KAAKC,cAAe,CACvBD,KAAKK,OAAS,MAEd,M,CAGFL,KAAKC,cAAgBD,KAAKC,gBAAkBC,cAAcC,IAAMD,cAAcI,KAAOJ,cAAcC,IACnGH,KAAKK,OAAS,KAEdL,KAAKO,KAAKC,KAAK,CAACP,cAAeD,KAAKC,e,EAI5BP,EAAAK,UAAAU,cAAA,WACR,GAAIT,KAAKU,QAAS,CAChBV,KAAKW,KAAKC,MAAMC,WAAa,QAAAC,OAAQd,KAAKU,Q,KACrC,CACLV,KAAKW,KAAKC,MAAMG,eAAe,c,GAInCrB,EAAAK,UAAAiB,kBAAA,WACEhB,KAAKS,e,EAGPf,EAAAK,UAAAkB,OAAA,eAAAC,EAAAlB,KACE,OACEmB,EAACC,KAAI,CAAAC,IAAA,2CACHC,KAAK,eAAc,YACRtB,KAAKuB,WAAU,YACfvB,KAAKwB,kBAChBC,SAAUzB,KAAK0B,aAEfP,EAAA,OAAAE,IAAA,2CAAKM,MAAM,iBACTR,EAAA,QAAAE,IAAA,6CACCrB,KAAK0B,aACJP,EAAA,UAAAE,IAAA,2CACEM,MAAM,oBACNC,KAAK,SACLC,QAAS7B,KAAKI,WAAW0B,KAAK9B,OAE9BmB,EAAA,UAAAE,IAAA,2CACEU,KAAM/B,KAAKC,gBAAkBC,cAAcI,KAAO,kBAAoB,oBACtE0B,MAAO,GACPC,OAAQ,MAIbjC,KAAKkC,UACJf,EAAA,OAAAE,IAAA,2CAAKM,MAAM,wBACTR,EAAA,YAAAE,IAAA,2CACEc,QAASC,cAAcC,SACvBC,KAAK,kBACLC,KAAMC,YAAYC,QAClBC,IAAK,SAACC,GAAE,OAAMzB,EAAK0B,YAAcD,CAAzB,EACRd,QAAS,kBAAOX,EAAK2B,UAAUC,MAAQ5B,EAAK2B,UAAUC,IAA7C,IAEX3B,EAAA,aAAAE,IAAA,2CACEqB,IAAK,SAACC,GAAE,OAAMzB,EAAK2B,UAAYF,CAAvB,EACRI,OAAQ/C,KAAK4C,YACbI,aAAc,SAACC,GAAK,OAAM/B,EAAKK,WAAa0B,EAAMC,OAAOJ,IAArC,EACpBK,SAAUnD,KAAKoD,iBAEfjC,EAAA,QAAAE,IAAA,2CAAMU,KAAK,uB,6PAlJX,G","ignoreList":[]}

package/dist/esm-es5/index-2d88cd2a.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,a as Host}from"./index-c8ceadeb.js";var stylesCss=":host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid var(--color-surface03);border-bottom:1px solid var(--color-surface03)}:host([sticky]){position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background-color:var(--color-surface01)}";var ZTfootStyle0=stylesCss;var ZTfoot=function(){function o(o){registerInstance(this,o);this.sticky=false}o.prototype.render=function(){return h(Host,{key:"86efe92f23250e482ef7e9c0b646d28f294214c6",role:"rowgroup"},h("slot",{key:"07ff4d3ad791419325d865160a229b228d9f0626"}))};return o}();ZTfoot.style=ZTfootStyle0;export{ZTfoot as Z};
+//# sourceMappingURL=index-2d88cd2a.js.map

package/dist/esm-es5/index-2d88cd2a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTfootStyle0","ZTfoot","prototype","render","h","Host","key","role"],"sources":["src/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","src/components/table/z-tfoot/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\n@Component({\n  tag: \"z-tfoot\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTfoot {\n  /**\n   * If true, the footer will be stuck to the bottom of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): void {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,yRAClB,IAAAC,aAAeD,U,ICUFE,OAAM,W,mDAKR,K,CAETA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C,WAVW,G","ignoreList":[]}

package/dist/esm-es5/index-72c3946c.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,a as Host}from"./index-c8ceadeb.js";var stylesCss=":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-background\n  );display:block;-webkit-box-sizing:border-box;box-sizing:border-box}:host([sticky]){position:-webkit-sticky;position:sticky;z-index:2;top:0;-webkit-box-shadow:0 2px 4px -2px var(--shadow-color-base);box-shadow:0 2px 4px -2px var(--shadow-color-base)}";var ZTheadStyle0=stylesCss;var ZThead=function(){function e(e){registerInstance(this,e);this.sticky=false}e.prototype.render=function(){return h(Host,{key:"ef0a3c17f7163b6bdb0d43d21cb1ac6607f53e7c",role:"rowgroup"},h("slot",{key:"80b4a406f26e0c637972e663d99707431d39e9a4"}))};return e}();ZThead.style=ZTheadStyle0;export{ZThead as Z};
+//# sourceMappingURL=index-72c3946c.js.map

package/dist/esm-es5/index-72c3946c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTheadStyle0","ZThead","prototype","render","h","Host","key","role"],"sources":["src/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","src/components/table/z-thead/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-bottom-border-size: var(\n    --border-size-medium\n  ); /* Needed to handle the border of the expand button cell */\n\n  --z-table--cells-background: var(\n    --color-background\n  ); /* Needed to handle the background-color of the expand button cell */\n\n  display: block;\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 2;\n  top: 0;\n  box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\n@Component({\n  tag: \"z-thead\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZThead {\n  /**\n   * If true, the header will be stuck to the top of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): HTMLZTheadElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,uYAClB,IAAAC,aAAeD,U,ICUFE,OAAM,W,mDAKR,K,CAETA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C,WAVW,G","ignoreList":[]}

package/dist/esm-es5/index-821e1d1c.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{r as randomId}from"./utils-b924649f.js";import"./index-fd99721b.js";import"./index-2a6f56f8.js";var stylesCss=":host{--columns:1;display:grid;-webkit-box-sizing:border-box;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{-webkit-box-sizing:border-box;box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;-webkit-box-shadow:0 4px 4px -2px var(--shadow-color-base);box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}.z-tr--expand-button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;margin:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";var ZTrStyle0=stylesCss;var ZTr=function(){function e(e){registerInstance(this,e);this.expand=createEvent(this,"expand",7);this.expandable=false;this.expanded=false;this.expandableContentId=undefined}e.prototype.updateColumns=function(){var e=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){e.pop()}var t=e.map((function(e){return e.colspan||1})).reduce((function(e,t){return e+t}),0);this.host.style.setProperty("--columns","".concat(t));if(this.expandable){var n=e.pop();n.id=n.id||"z-tr-expandable-content-".concat(randomId());this.expandableContentId=n.id}};e.prototype.onRowClick=function(e){var t=e.target.closest(".prevent-expand");if(!this.expandable||t){return}this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})};e.prototype.componentWillLoad=function(){this.updateColumns()};e.prototype.render=function(){return h(Host,{key:"467c0a01f3c28851b85d47bd178e6555cbb3f57f",role:"row",onClick:this.onRowClick.bind(this),expanded:this.expanded},h("div",{key:"ff2c7ecbc7775ee60951a3df3e7ecf67a6d77362",class:"z-tr--expand-button-container"},this.expandable&&h("button",{key:"fe1297aafa51d66acd09794bf47333079bc90604","aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},h("z-icon",{key:"517ffd66223d3ca7dc093aaa730455a02e6a61fd",name:this.expanded?"minus-circled":"plus-circled"}))),h("slot",{key:"cead9ff3b1da3cf20982bdc87413414925264c40",onSlotchange:this.updateColumns.bind(this)}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{expandable:["updateColumns"]}},enumerable:false,configurable:true});return e}();ZTr.style=ZTrStyle0;export{ZTr as Z};
+//# sourceMappingURL=index-821e1d1c.js.map

package/dist/esm-es5/index-821e1d1c.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTrStyle0","ZTr","prototype","updateColumns","cells","Array","from","this","host","querySelectorAll","expandable","pop","columns","map","cell","colspan","reduce","a","b","style","setProperty","concat","expandableContent","id","randomId","expandableContentId","onRowClick","event","preventExpand","target","closest","expanded","expand","emit","componentWillLoad","render","h","Host","key","role","onClick","bind","class","type","name","onSlotchange"],"sources":["src/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","src/components/table/z-tr/index.tsx"],"sourcesContent":[":host {\n  /* number of columns of the row. will be set in component's ts code */\n  --columns: 1;\n\n  display: grid;\n  box-sizing: border-box;\n  grid-auto-flow: column;\n  grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted(*) {\n  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(*:not(:last-child)) {\n  border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n  --show-expandable-button: visible;\n\n  cursor: pointer;\n}\n\n:host([expandable]) ::slotted(*) {\n  grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n  border-right: none;\n}\n\n:host([expandable]) ::slotted(*:last-child) {\n  border-left: 0;\n  grid-column: 1 / span calc(var(--columns) + 1);\n  grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(*:last-child) {\n  display: none;\n}\n\n:host([expanded]) {\n  margin-bottom: 4px; /* prevents shadow to be cut by the next element */\n  box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted(*) {\n  background-color: var(--color-background);\n}\n\n.z-tr--expand-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: auto;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n  visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\n@Component({\n  tag: \"z-tr\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTr {\n  @Element() host: HTMLZTrElement;\n\n  /**\n   * Whether the row is expandable.\n   * Use a `z-td` as the last cell of the row for the additional content.\n   * It will show a button to expand/collapse the row.\n   * The last cell will be hidden until the button or row is clicked.\n   *\n   * If some element inside the expandable row contains the `prevent-expand` css class,\n   * the row will not expand by clicking that element.\n   */\n  @Prop({reflect: true})\n  expandable = false;\n\n  /**\n   * Whether the row is currently expanded.\n   */\n  @State()\n  expanded = false;\n\n  /**\n   * HTML Id of the expandable content.\n   * It is used to link the button to the content through the `aria-controls` attribute.\n   */\n  @State()\n  expandableContentId: string;\n\n  /** Row has been expanded */\n  @Event()\n  expand: EventEmitter;\n\n  @Watch(\"expandable\")\n  @Listen(\"colspanchange\")\n  protected updateColumns(): void {\n    const cells = Array.from(this.host.querySelectorAll<HTMLZTdElement | HTMLZThElement>(\"z-td, z-th\"));\n    if (this.expandable) {\n      cells.pop();\n    }\n\n    const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n    this.host.style.setProperty(\"--columns\", `${columns}`);\n\n    if (this.expandable) {\n      const expandableContent = cells.pop();\n      expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n      this.expandableContentId = expandableContent.id;\n    }\n  }\n\n  /**\n   * Handle click on row.\n   * Skip expansion if the click is on a element with `prevent-expand` css class.\n   */\n  private onRowClick(event: MouseEvent): void {\n    const preventExpand = (event.target as HTMLElement).closest(\".prevent-expand\");\n    if (!this.expandable || preventExpand) {\n      return;\n    }\n\n    this.expanded = !this.expanded;\n    this.expand.emit({expanded: this.expanded});\n  }\n\n  componentWillLoad(): void {\n    this.updateColumns();\n  }\n\n  render(): HTMLZTrElement {\n    return (\n      <Host\n        role=\"row\"\n        onClick={this.onRowClick.bind(this)}\n        expanded={this.expanded}\n      >\n        <div class=\"z-tr--expand-button-container\">\n          {this.expandable && (\n            <button\n              aria-expanded={this.expanded ? \"true\" : \"false\"}\n              aria-label={this.expanded ? \"Comprimi riga\" : \"Espandi riga\"}\n              aria-controls={this.expandableContentId}\n              type=\"button\"\n            >\n              <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"}></z-icon>\n            </button>\n          )}\n        </div>\n        <slot onSlotchange={this.updateColumns.bind(this)}></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2MAAA,IAAMA,UAAY,s4DAClB,IAAAC,UAAeD,U,ICeFE,IAAG,W,gGAaD,M,cAMF,M,mCAeDA,EAAAC,UAAAC,cAAA,WACR,IAAMC,EAAQC,MAAMC,KAAKC,KAAKC,KAAKC,iBAAkD,eACrF,GAAIF,KAAKG,WAAY,CACnBN,EAAMO,K,CAGR,IAAMC,EAAUR,EAAMS,KAAI,SAACC,GAAS,OAAAA,EAAKC,SAAW,CAAhB,IAAmBC,QAAO,SAACC,EAAGC,GAAM,OAAAD,EAAIC,CAAJ,GAAO,GAC/EX,KAAKC,KAAKW,MAAMC,YAAY,YAAa,GAAAC,OAAGT,IAE5C,GAAIL,KAAKG,WAAY,CACnB,IAAMY,EAAoBlB,EAAMO,MAChCW,EAAkBC,GAAKD,EAAkBC,IAAM,2BAAAF,OAA2BG,YAC1EjB,KAAKkB,oBAAsBH,EAAkBC,E,GAQzCtB,EAAAC,UAAAwB,WAAA,SAAWC,GACjB,IAAMC,EAAiBD,EAAME,OAAuBC,QAAQ,mBAC5D,IAAKvB,KAAKG,YAAckB,EAAe,CACrC,M,CAGFrB,KAAKwB,UAAYxB,KAAKwB,SACtBxB,KAAKyB,OAAOC,KAAK,CAACF,SAAUxB,KAAKwB,U,EAGnC9B,EAAAC,UAAAgC,kBAAA,WACE3B,KAAKJ,e,EAGPF,EAAAC,UAAAiC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CACHC,KAAK,MACLC,QAASjC,KAAKmB,WAAWe,KAAKlC,MAC9BwB,SAAUxB,KAAKwB,UAEfK,EAAA,OAAAE,IAAA,2CAAKI,MAAM,iCACRnC,KAAKG,YACJ0B,EAAA,UAAAE,IAAA,2DACiB/B,KAAKwB,SAAW,OAAS,QAAO,aACnCxB,KAAKwB,SAAW,gBAAkB,eAAc,gBAC7CxB,KAAKkB,oBACpBkB,KAAK,UAELP,EAAA,UAAAE,IAAA,2CAAQM,KAAMrC,KAAKwB,SAAW,gBAAkB,mBAItDK,EAAA,QAAAE,IAAA,2CAAMO,aAActC,KAAKJ,cAAcsC,KAAKlC,Q,gQAvFpC,G","ignoreList":[]}

package/dist/esm-es5/index-c8ceadeb.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))e[t]=r[t]};return e(r,t)};return function(r,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++){r=arguments[t];for(var o in r)if(Object.prototype.hasOwnProperty.call(r,o))e[o]=r[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function o(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n["throw"](e))}catch(e){a(e)}}function l(e){e.done?t(e.value):o(e.value).then(i,s)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(r){return l([e,r])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(t=0)),t)try{if(n=1,o&&(a=s[0]&2?o["return"]:s[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,s[1])).done)return a;if(o=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;o=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];o=0}finally{n=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var n=0,o=r.length,a;n<o;n++){if(a||!(n in r)){if(!a)a=Array.prototype.slice.call(r,0,n);a[n]=r[n]}}return e.concat(a||Array.prototype.slice.call(r))};var NAMESPACE="web-components-library";var BUILD={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:true,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:true,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:true,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:true,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:true,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var __defProp=Object.defineProperty;var __export=function(e,r){for(var t in r)__defProp(e,t,{get:r[t],enumerable:true})};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,r){return hostRefs.set(r.t=e,r)};var registerHost=function(e,r){var t={o:0,$hostElement$:e,i:r,l:new Map};{t.u=new Promise((function(e){return t.v=e}))}{t.p=new Promise((function(e){return t.m=e}));e["s-p"]=[];e["s-rc"]=[]}return hostRefs.set(e,t)};var isMemberInElement=function(e,r){return r in e};var consoleError=function(e,r){return(0,console.error)(e,r)};var cmpModules=new Map;var loadModule=function(e,r,t){var n=e.h.replace(/-/g,"_");var o=e.S;if(!o){return void 0}var a=cmpModules.get(o);if(a){return a[n]}if(!t||!BUILD.hotModuleReplacement){var i=function(e){cmpModules.set(o,e);return e[n]};switch(o){case"z-app-header_12":return import("./z-app-header_12.entry.js").then(i,consoleError);case"z-accordion":return import("./z-accordion.entry.js").then(i,consoleError);case"z-anchor-navigation":return import("./z-anchor-navigation.entry.js").then(i,consoleError);case"z-app-header-deprecated":return import("./z-app-header-deprecated.entry.js").then(i,consoleError);case"z-aria-alert":return import("./z-aria-alert.entry.js").then(i,consoleError);case"z-avatar":return import("./z-avatar.entry.js").then(i,consoleError);case"z-book-card":return import("./z-book-card.entry.js").then(i,consoleError);case"z-book-card-app":return import("./z-book-card-app.entry.js").then(i,consoleError);case"z-book-card-deprecated":return import("./z-book-card-deprecated.entry.js").then(i,consoleError);case"z-breadcrumb":return import("./z-breadcrumb.entry.js").then(i,consoleError);case"z-button-sort":return import("./z-button-sort.entry.js").then(i,consoleError);case"z-card":return import("./z-card.entry.js").then(i,consoleError);case"z-carousel":return import("./z-carousel.entry.js").then(i,consoleError);case"z-combobox":return import("./z-combobox.entry.js").then(i,consoleError);case"z-cover-hero":return import("./z-cover-hero.entry.js").then(i,consoleError);case"z-date-picker":return import("./z-date-picker.entry.js").then(i,consoleError);case"z-file":return import("./z-file.entry.js").then(i,consoleError);case"z-file-upload":return import("./z-file-upload.entry.js").then(i,consoleError);case"z-info-box":return import("./z-info-box.entry.js").then(i,consoleError);case"z-logo":return import("./z-logo.entry.js").then(i,consoleError);case"z-menu":return import("./z-menu.entry.js").then(i,consoleError);case"z-menu-deprecated":return import("./z-menu-deprecated.entry.js").then(i,consoleError);case"z-menu-section":return import("./z-menu-section.entry.js").then(i,consoleError);case"z-menu-section-deprecated":return import("./z-menu-section-deprecated.entry.js").then(i,consoleError);case"z-myz-card-alert":return import("./z-myz-card-alert.entry.js").then(i,consoleError);case"z-myz-card-dictionary":return import("./z-myz-card-dictionary.entry.js").then(i,consoleError);case"z-myz-card-footer":return import("./z-myz-card-footer.entry.js").then(i,consoleError);case"z-myz-card-footer-sections":return import("./z-myz-card-footer-sections.entry.js").then(i,consoleError);case"z-myz-card-icon":return import("./z-myz-card-icon.entry.js").then(i,consoleError);case"z-myz-card-info":return import("./z-myz-card-info.entry.js").then(i,consoleError);case"z-myz-card-list":return import("./z-myz-card-list.entry.js").then(i,consoleError);case"z-myz-list":return import("./z-myz-list.entry.js").then(i,consoleError);case"z-navigation-tabs":return import("./z-navigation-tabs.entry.js").then(i,consoleError);case"z-notification":return import("./z-notification.entry.js").then(i,consoleError);case"z-otp":return import("./z-otp.entry.js").then(i,consoleError);case"z-pagination":return import("./z-pagination.entry.js").then(i,consoleError);case"z-panel-elem":return import("./z-panel-elem.entry.js").then(i,consoleError);case"z-range-picker":return import("./z-range-picker.entry.js").then(i,consoleError);case"z-section-title":return import("./z-section-title.entry.js").then(i,consoleError);case"z-select":return import("./z-select.entry.js").then(i,consoleError);case"z-skip-to-content":return import("./z-skip-to-content.entry.js").then(i,consoleError);case"z-slideshow":return import("./z-slideshow.entry.js").then(i,consoleError);case"z-stepper":return import("./z-stepper.entry.js").then(i,consoleError);case"z-stepper-item":return import("./z-stepper-item.entry.js").then(i,consoleError);case"z-table":return import("./z-table.entry.js").then(i,consoleError);case"z-tbody":return import("./z-tbody.entry.js").then(i,consoleError);case"z-td":return import("./z-td.entry.js").then(i,consoleError);case"z-tfoot":return import("./z-tfoot.entry.js").then(i,consoleError);case"z-th":return import("./z-th.entry.js").then(i,consoleError);case"z-thead":return import("./z-thead.entry.js").then(i,consoleError);case"z-toast-notification":return import("./z-toast-notification.entry.js").then(i,consoleError);case"z-toast-notification-list":return import("./z-toast-notification-list.entry.js").then(i,consoleError);case"z-toggle-button":return import("./z-toggle-button.entry.js").then(i,consoleError);case"z-toggle-switch":return import("./z-toggle-switch.entry.js").then(i,consoleError);case"z-tooltip":return import("./z-tooltip.entry.js").then(i,consoleError);case"z-tr":return import("./z-tr.entry.js").then(i,consoleError);case"z-visually-hidden":return import("./z-visually-hidden.entry.js").then(i,consoleError);case"z-alert":return import("./z-alert.entry.js").then(i,consoleError);case"z-chip":return import("./z-chip.entry.js").then(i,consoleError);case"z-dragdrop-area_2":return import("./z-dragdrop-area_2.entry.js").then(i,consoleError);case"z-ghost-loading":return import("./z-ghost-loading.entry.js").then(i,consoleError);case"z-info-reveal":return import("./z-info-reveal.entry.js").then(i,consoleError);case"z-myz-card_4":return import("./z-myz-card_4.entry.js").then(i,consoleError);case"z-myz-list-item":return import("./z-myz-list-item.entry.js").then(i,consoleError);case"z-popover":return import("./z-popover.entry.js").then(i,consoleError)}}return import("./".concat(o,".entry.js").concat("")).then((function(e){{cmpModules.set(o,e)}return e[n]}),consoleError)};var styles=new Map;var HYDRATED_CSS="{visibility:hidden}.hydrated{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var XLINK_NS="http://www.w3.org/1999/xlink";var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var H=win.HTMLElement||function(){function e(){}return e}();var plt={o:0,_:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,r,t,n){return e.addEventListener(r,t,n)},rel:function(e,r,t,n){return e.removeEventListener(r,t,n)},ce:function(e,r){return new CustomEvent(e,r)}};var supportsShadow=BUILD.shadowDom;var supportsListenerOptions=function(){var e=false;try{doc.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){e=true}}))}catch(e){}return e}();var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queuePending=false;var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,r){return function(t){e.push(t);if(!queuePending){queuePending=true;if(r&&plt.o&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var r=0;r<e.length;r++){try{e[r](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);var EMPTY_OBJ={};var SVG_NS="http://www.w3.org/2000/svg";var HTML_NS="http://www.w3.org/1999/xhtml";var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var r,t,n;return(n=(t=(r=e.head)==null?void 0:r.querySelector('meta[name="csp-nonce"]'))==null?void 0:t.getAttribute("content"))!=null?n:void 0}var result_exports={};__export(result_exports,{err:function(){return err},map:function(){return map},ok:function(){return ok},unwrap:function(){return unwrap},unwrapErr:function(){return unwrapErr}});var ok=function(e){return{isOk:true,isErr:false,value:e}};var err=function(e){return{isOk:false,isErr:true,value:e}};function map(e,r){if(e.isOk){var t=r(e.value);if(t instanceof Promise){return t.then((function(e){return ok(e)}))}else{return ok(t)}}if(e.isErr){var n=e.value;return err(n)}throw"should never get here"}var unwrap=function(e){if(e.isOk){return e.value}else{throw e.value}};var unwrapErr=function(e){if(e.isErr){return e.value}else{throw e.value}};var createTime=function(e,r){if(r===void 0){r=""}{return function(){return}}};var uniqueTime=function(e,r){{return function(){return}}};var h=function(e,r){var t=[];for(var n=2;n<arguments.length;n++){t[n-2]=arguments[n]}var o=null;var a=null;var i=null;var s=false;var l=false;var u=[];var c=function(r){for(var t=0;t<r.length;t++){o=r[t];if(Array.isArray(o)){c(o)}else if(o!=null&&typeof o!=="boolean"){if(s=typeof e!=="function"&&!isComplexType(o)){o=String(o)}if(s&&l){u[u.length-1].C+=o}else{u.push(s?newVNode(null,o):o)}l=s}}};c(t);if(r){if(r.key){a=r.key}if(r.name){i=r.name}{var f=r.className||r.class;if(f){r.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}if(typeof e==="function"){return e(r===null?{}:r,u,vdomFnUtils)}var v=newVNode(e,null);v.j=r;if(u.length>0){v.N=u}{v.k=a}{v.T=i}return v};var newVNode=function(e,r){var t={o:0,R:e,C:r,A:null,N:null};{t.j=null}{t.k=null}{t.T=null}return t};var Host={};var isHost=function(e){return e&&e.R===Host};var vdomFnUtils={forEach:function(e,r){return e.map(convertToPublic).forEach(r)},map:function(e,r){return e.map(convertToPublic).map(r).map(convertToPrivate)}};var convertToPublic=function(e){return{vattrs:e.j,vchildren:e.N,vkey:e.k,vname:e.T,vtag:e.R,vtext:e.C}};var convertToPrivate=function(e){if(typeof e.vtag==="function"){var r=__assign({},e.vattrs);if(e.vkey){r.key=e.vkey}if(e.vname){r.name=e.vname}return h.apply(void 0,__spreadArray([e.vtag,r],e.vchildren||[],false))}var t=newVNode(e.vtag,e.vtext);t.j=e.vattrs;t.N=e.vchildren;t.k=e.vkey;t.T=e.vname;return t};var parsePropertyValue=function(e,r){if(e!=null&&!isComplexType(e)){if(r&4){return e==="false"?false:e===""||!!e}if(r&2){return parseFloat(e)}if(r&1){return String(e)}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,r,t){var n=getElement(e);return{emit:function(e){return emitEvent(n,r,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:e})}}};var emitEvent=function(e,r,t){var n=plt.ce(r,t);e.dispatchEvent(n);return n};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,r,t){var n=styles.get(e);if(supportsConstructableStylesheets&&t){n=n||new CSSStyleSheet;if(typeof n==="string"){n=r}else{n.replaceSync(r)}}else{n=r}styles.set(e,n)};var addStyle=function(e,r,t){var n;var o=getScopeId(r);var a=styles.get(o);e=e.nodeType===11?e:doc;if(a){if(typeof a==="string"){e=e.head||e;var i=rootAppliedStyles.get(e);var s=void 0;if(!i){rootAppliedStyles.set(e,i=new Set)}if(!i.has(o)){{s=doc.createElement("style");s.innerHTML=a;var l=(n=plt.L)!=null?n:queryNonceMetaTagContent(doc);if(l!=null){s.setAttribute("nonce",l)}var u=!(r.o&1)||r.o&1&&e.nodeName!=="HEAD";if(u){e.insertBefore(s,e.querySelector("link"))}}if(r.o&4){s.innerHTML+=SLOT_FB_CSS}if(i){i.add(o)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[a],false)}}return o};var attachStyles=function(e){var r=e.i;var t=e.$hostElement$;var n=r.o;var o=createTime("attachStyles",r.h);var a=addStyle(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(n&10&&n&2){t["s-sc"]=a;t.classList.add(a+"-h");if(n&2){t.classList.add(a+"-s")}}o()};var getScopeId=function(e,r){return"sc-"+e.h};var setAccessor=function(e,r,t,n,o,a){if(t!==n){var i=isMemberInElement(e,r);var s=r.toLowerCase();if(r==="class"){var l=e.classList;var u=parseClassList(t);var c=parseClassList(n);l.remove.apply(l,u.filter((function(e){return e&&!c.includes(e)})));l.add.apply(l,c.filter((function(e){return e&&!u.includes(e)})))}else if(r==="style"){{for(var f in t){if(!n||n[f]==null){if(f.includes("-")){e.style.removeProperty(f)}else{e.style[f]=""}}}}for(var f in n){if(!t||n[f]!==t[f]){if(f.includes("-")){e.style.setProperty(f,n[f])}else{e.style[f]=n[f]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!i&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(isMemberInElement(win,s)){r=s.slice(2)}else{r=s[2]+r.slice(3)}if(t||n){var v=r.endsWith(CAPTURE_EVENT_SUFFIX);r=r.replace(CAPTURE_EVENT_REGEX,"");if(t){plt.rel(e,r,t,v)}if(n){plt.ael(e,r,n,v)}}}else{var d=isComplexType(n);if((i||d&&n!==null)&&!o){try{if(!e.tagName.includes("-")){var p=n==null?"":n;if(r==="list"){i=false}else if(t==null||e[r]!=p){e[r]=p}}else{e[r]=n}}catch(e){}}var m=false;{if(s!==(s=s.replace(/^xlink\:?/,""))){r=s;m=true}}if(n==null||n===false){if(n!==false||e.getAttribute(r)===""){if(m){e.removeAttributeNS(XLINK_NS,r)}else{e.removeAttribute(r)}}}else if((!i||a&4||o)&&!d){n=n===true?"":n;if(m){e.setAttributeNS(XLINK_NS,r,n)}else{e.setAttribute(r,n)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var CAPTURE_EVENT_SUFFIX="Capture";var CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$");var updateElement=function(e,r,t){var n=r.A.nodeType===11&&r.A.host?r.A.host:r.A;var o=e&&e.j||EMPTY_OBJ;var a=r.j||EMPTY_OBJ;{for(var i=0,s=sortedAttrNames(Object.keys(o));i<s.length;i++){var l=s[i];if(!(l in a)){setAccessor(n,l,o[l],void 0,t,r.o)}}}for(var u=0,c=sortedAttrNames(Object.keys(a));u<c.length;u++){var l=c[u];setAccessor(n,l,o[l],a[l],t,r.o)}};function sortedAttrNames(e){return e.includes("ref")?__spreadArray(__spreadArray([],e.filter((function(e){return e!=="ref"})),true),["ref"],false):e}var scopeId;var contentRef;var hostTagName;var useNativeShadowDom=false;var checkSlotFallbackVisibility=false;var checkSlotRelocate=false;var isSvgMode=false;var createElm=function(e,r,t,n){var o;var a=r.N[t];var i=0;var s;var l;var u;if(!useNativeShadowDom){checkSlotRelocate=true;if(a.R==="slot"){if(scopeId){n.classList.add(scopeId+"-s")}a.o|=a.N?2:1}}if(a.C!==null){s=a.A=doc.createTextNode(a.C)}else if(a.o&1){s=a.A=doc.createTextNode("")}else{if(!isSvgMode){isSvgMode=a.R==="svg"}s=a.A=doc.createElementNS(isSvgMode?SVG_NS:HTML_NS,!useNativeShadowDom&&BUILD.slotRelocation&&a.o&2?"slot-fb":a.R);if(isSvgMode&&a.R==="foreignObject"){isSvgMode=false}{updateElement(null,a,isSvgMode)}var c=s.getRootNode();var f=!c.querySelector("body");if(!f&&BUILD.scoped&&isDef(scopeId)&&s["s-si"]!==scopeId){s.classList.add(s["s-si"]=scopeId)}{updateElementScopeIds(s,n)}if(a.N){for(i=0;i<a.N.length;++i){l=createElm(e,a,i,s);if(l){s.appendChild(l)}}}{if(a.R==="svg"){isSvgMode=false}else if(s.tagName==="foreignObject"){isSvgMode=true}}}s["s-hn"]=hostTagName;{if(a.o&(2|1)){s["s-sr"]=true;s["s-cr"]=contentRef;s["s-sn"]=a.T||"";s["s-rf"]=(o=a.j)==null?void 0:o.ref;u=e&&e.N&&e.N[t];if(u&&u.R===a.R&&e.A){{relocateToHostRoot(e.A)}}}}return s};var relocateToHostRoot=function(e){plt.o|=1;var r=e.closest(hostTagName.toLowerCase());if(r!=null){var t=Array.from(r.childNodes).find((function(e){return e["s-cr"]}));var n=Array.from(e.childNodes);for(var o=0,a=t?n.reverse():n;o<a.length;o++){var i=a[o];if(i["s-sh"]!=null){insertBefore(r,i,t!=null?t:null);i["s-sh"]=void 0;checkSlotRelocate=true}}}plt.o&=~1};var putBackInOriginalLocation=function(e,r){plt.o|=1;var t=Array.from(e.childNodes);if(e["s-sr"]&&BUILD.experimentalSlotFixes){var n=e;while(n=n.nextSibling){if(n&&n["s-sn"]===e["s-sn"]&&n["s-sh"]===hostTagName){t.push(n)}}}for(var o=t.length-1;o>=0;o--){var a=t[o];if(a["s-hn"]!==hostTagName&&a["s-ol"]){insertBefore(parentReferenceNode(a),a,referenceNode(a));a["s-ol"].remove();a["s-ol"]=void 0;a["s-sh"]=void 0;checkSlotRelocate=true}if(r){putBackInOriginalLocation(a,r)}}plt.o&=~1};var addVnodes=function(e,r,t,n,o,a){var i=e["s-cr"]&&e["s-cr"].parentNode||e;var s;if(i.shadowRoot&&i.tagName===hostTagName){i=i.shadowRoot}for(;o<=a;++o){if(n[o]){s=createElm(null,t,o,e);if(s){n[o].A=s;insertBefore(i,s,referenceNode(r))}}}};var removeVnodes=function(e,r,t){for(var n=r;n<=t;++n){var o=e[n];if(o){var a=o.A;nullifyVNodeRefs(o);if(a){{checkSlotFallbackVisibility=true;if(a["s-ol"]){a["s-ol"].remove()}else{putBackInOriginalLocation(a,true)}}a.remove()}}}};var updateChildren=function(e,r,t,n,o){if(o===void 0){o=false}var a=0;var i=0;var s=0;var l=0;var u=r.length-1;var c=r[0];var f=r[u];var v=n.length-1;var d=n[0];var p=n[v];var m;var h;while(a<=u&&i<=v){if(c==null){c=r[++a]}else if(f==null){f=r[--u]}else if(d==null){d=n[++i]}else if(p==null){p=n[--v]}else if(isSameVnode(c,d,o)){patch(c,d,o);c=r[++a];d=n[++i]}else if(isSameVnode(f,p,o)){patch(f,p,o);f=r[--u];p=n[--v]}else if(isSameVnode(c,p,o)){if(c.R==="slot"||p.R==="slot"){putBackInOriginalLocation(c.A.parentNode,false)}patch(c,p,o);insertBefore(e,c.A,f.A.nextSibling);c=r[++a];p=n[--v]}else if(isSameVnode(f,d,o)){if(c.R==="slot"||p.R==="slot"){putBackInOriginalLocation(f.A.parentNode,false)}patch(f,d,o);insertBefore(e,f.A,c.A);f=r[--u];d=n[++i]}else{s=-1;{for(l=a;l<=u;++l){if(r[l]&&r[l].k!==null&&r[l].k===d.k){s=l;break}}}if(s>=0){h=r[s];if(h.R!==d.R){m=createElm(r&&r[i],t,s,e)}else{patch(h,d,o);r[s]=void 0;m=h.A}d=n[++i]}else{m=createElm(r&&r[i],t,i,e);d=n[++i]}if(m){{insertBefore(parentReferenceNode(c.A),m,referenceNode(c.A))}}}}if(a>u){addVnodes(e,n[v+1]==null?null:n[v+1].A,t,n,i,v)}else if(i>v){removeVnodes(r,a,u)}};var isSameVnode=function(e,r,t){if(t===void 0){t=false}if(e.R===r.R){if(e.R==="slot"){if("I"in e&&t&&e.A.nodeType!==8){return false}return e.T===r.T}if(!t){return e.k===r.k}return true}return false};var referenceNode=function(e){return e&&e["s-ol"]||e};var parentReferenceNode=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var patch=function(e,r,t){if(t===void 0){t=false}var n=r.A=e.A;var o=e.N;var a=r.N;var i=r.R;var s=r.C;var l;if(s===null){{isSvgMode=i==="svg"?true:i==="foreignObject"?false:isSvgMode}{if(i==="slot"&&!useNativeShadowDom){if(e.T!==r.T){r.A["s-sn"]=r.T||"";relocateToHostRoot(r.A.parentElement)}}else{updateElement(e,r,isSvgMode)}}if(o!==null&&a!==null){updateChildren(n,o,r,a,t)}else if(a!==null){if(e.C!==null){n.textContent=""}addVnodes(n,null,r,a,0,a.length-1)}else if(!t&&BUILD.updatable&&o!==null){removeVnodes(o,0,o.length-1)}if(isSvgMode&&i==="svg"){isSvgMode=false}}else if(l=n["s-cr"]){l.parentNode.textContent=s}else if(e.C!==s){n.data=s}};var updateFallbackSlotVisibility=function(e){var r=e.childNodes;for(var t=0,n=r;t<n.length;t++){var o=n[t];if(o.nodeType===1){if(o["s-sr"]){var a=o["s-sn"];o.hidden=false;for(var i=0,s=r;i<s.length;i++){var l=s[i];if(l!==o){if(l["s-hn"]!==o["s-hn"]||a!==""){if(l.nodeType===1&&(a===l.getAttribute("slot")||a===l["s-sn"])||l.nodeType===3&&a===l["s-sn"]){o.hidden=true;break}}else{if(l.nodeType===1||l.nodeType===3&&l.textContent.trim()!==""){o.hidden=true;break}}}}}updateFallbackSlotVisibility(o)}}};var relocateNodes=[];var markSlotContentForRelocation=function(e){var r;var t;var n;for(var o=0,a=e.childNodes;o<a.length;o++){var i=a[o];if(i["s-sr"]&&(r=i["s-cr"])&&r.parentNode){t=r.parentNode.childNodes;var s=i["s-sn"];var l=function(){r=t[n];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==i["s-hn"]&&(!r["s-sh"]||r["s-sh"]!==i["s-hn"])){if(isNodeLocatedInSlot(r,s)){var e=relocateNodes.find((function(e){return e.H===r}));checkSlotFallbackVisibility=true;r["s-sn"]=r["s-sn"]||s;if(e){e.H["s-sh"]=i["s-hn"];e.M=i}else{r["s-sh"]=i["s-hn"];relocateNodes.push({M:i,H:r})}if(r["s-sr"]){relocateNodes.map((function(t){if(isNodeLocatedInSlot(t.H,r["s-sn"])){e=relocateNodes.find((function(e){return e.H===r}));if(e&&!t.M){t.M=e.M}}}))}}else if(!relocateNodes.some((function(e){return e.H===r}))){relocateNodes.push({H:r})}}};for(n=t.length-1;n>=0;n--){l()}}if(i.nodeType===1){markSlotContentForRelocation(i)}}};var isNodeLocatedInSlot=function(e,r){if(e.nodeType===1){if(e.getAttribute("slot")===null&&r===""){return true}if(e.getAttribute("slot")===r){return true}return false}if(e["s-sn"]===r){return true}return r===""};var nullifyVNodeRefs=function(e){{e.j&&e.j.ref&&e.j.ref(null);e.N&&e.N.map(nullifyVNodeRefs)}};var insertBefore=function(e,r,t){var n=e==null?void 0:e.insertBefore(r,t);{updateElementScopeIds(r,e)}return n};var findScopeIds=function(e){var r=[];if(e){r.push.apply(r,__spreadArray(__spreadArray(__spreadArray([],e["s-scs"]||[],false),[e["s-si"],e["s-sc"]],false),findScopeIds(e.parentElement),false))}return r};var updateElementScopeIds=function(e,r,t){if(t===void 0){t=false}var n;if(e&&r&&e.nodeType===1){var o=new Set(findScopeIds(r).filter(Boolean));if(o.size){(n=e.classList)==null?void 0:n.add.apply(n,e["s-scs"]=__spreadArray([],o,true));if(e["s-ol"]||t){for(var a=0,i=Array.from(e.childNodes);a<i.length;a++){var s=i[a];updateElementScopeIds(s,e,true)}}}}};var renderVdom=function(e,r,t){if(t===void 0){t=false}var n,o,a,i;var s=e.$hostElement$;var l=e.i;var u=e.D||newVNode(null,null);var c=isHost(r)?r:h(null,null,r);hostTagName=s.tagName;if(l.O){c.j=c.j||{};l.O.map((function(e){var r=e[0],t=e[1];return c.j[t]=s[r]}))}if(t&&c.j){for(var f=0,v=Object.keys(c.j);f<v.length;f++){var d=v[f];if(s.hasAttribute(d)&&!["key","ref","style","class"].includes(d)){c.j[d]=s[d]}}}c.R=null;c.o|=4;e.D=c;c.A=u.A=s.shadowRoot||s;{scopeId=s["s-sc"]}useNativeShadowDom=(l.o&1)!==0;{contentRef=s["s-cr"];checkSlotFallbackVisibility=false}patch(u,c,t);{plt.o|=1;if(checkSlotRelocate){markSlotContentForRelocation(c.A);for(var p=0,m=relocateNodes;p<m.length;p++){var y=m[p];var g=y.H;if(!g["s-ol"]){var S=doc.createTextNode("");S["s-nr"]=g;insertBefore(g.parentNode,g["s-ol"]=S,g)}}for(var z=0,b=relocateNodes;z<b.length;z++){var y=b[z];var g=y.H;var E=y.M;if(E){var w=E.parentNode;var _=E.nextSibling;if(_&&_.nodeType===1){var S=(n=g["s-ol"])==null?void 0:n.previousSibling;while(S){var C=(o=S["s-nr"])!=null?o:null;if(C&&C["s-sn"]===g["s-sn"]&&w===C.parentNode){C=C.nextSibling;while(C===g||(C==null?void 0:C["s-sr"])){C=C==null?void 0:C.nextSibling}if(!C||!C["s-nr"]){_=C;break}}S=S.previousSibling}}if(!_&&w!==g.parentNode||g.nextSibling!==_){if(g!==_){insertBefore(w,g,_);if(g.nodeType===1){g.hidden=(a=g["s-ih"])!=null?a:false}}}g&&typeof E["s-rf"]==="function"&&E["s-rf"](g)}else{if(g.nodeType===1){if(t){g["s-ih"]=(i=g.hidden)!=null?i:false}g.hidden=true}}}}if(checkSlotFallbackVisibility){updateFallbackSlotVisibility(c.A)}plt.o&=~1;relocateNodes.length=0}contentRef=void 0};var attachToAncestor=function(e,r){if(r&&!e.V&&r["s-p"]){r["s-p"].push(new Promise((function(r){return e.V=r})))}};var scheduleUpdate=function(e,r){{e.o|=16}if(e.o&4){e.o|=512;return}attachToAncestor(e,e.P);var t=function(){return dispatchHooks(e,r)};return writeTask(t)};var dispatchHooks=function(e,r){var t=e.$hostElement$;var n=createTime("scheduleUpdate",e.i.h);var o=e.t;if(!o){throw new Error("Can't render component <".concat(t.tagName.toLowerCase()," /> with invalid Stencil runtime! Make sure this imported component is compiled with a `externalRuntime: true` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime"))}var a;if(r){{e.o|=256;if(e.F){e.F.map((function(e){var r=e[0],t=e[1];return safeCall(o,r,t)}));e.F=void 0}}{a=safeCall(o,"componentWillLoad")}}else{{a=safeCall(o,"componentWillUpdate")}}{a=enqueue(a,(function(){return safeCall(o,"componentWillRender")}))}n();return enqueue(a,(function(){return updateComponent(e,o,r)}))};var enqueue=function(e,r){return isPromisey(e)?e.then(r).catch((function(e){console.error(e);r()})):r()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,r,t){return __awaiter(void 0,void 0,void 0,(function(){var n,o,a,i,s,l,u;return __generator(this,(function(c){o=e.$hostElement$;a=createTime("update",e.i.h);i=o["s-rc"];if(t){attachStyles(e)}s=createTime("render",e.i.h);{callRender(e,r,o,t)}if(i){i.map((function(e){return e()}));o["s-rc"]=void 0}s();a();{l=(n=o["s-p"])!=null?n:[];u=function(){return postUpdateComponent(e)};if(l.length===0){u()}else{Promise.all(l).then(u);e.o|=4;l.length=0}}return[2]}))}))};var callRender=function(e,r,t,n){try{r=r.render();{e.o&=~16}{e.o|=2}{{{renderVdom(e,r,n)}}}}catch(r){consoleError(r,e.$hostElement$)}return null};var postUpdateComponent=function(e){var r=e.i.h;var t=e.$hostElement$;var n=createTime("postUpdate",r);var o=e.t;var a=e.P;{safeCall(o,"componentDidRender")}if(!(e.o&64)){e.o|=64;{addHydratedFlag(t)}{safeCall(o,"componentDidLoad")}n();{e.m(t);if(!a){appDidLoad()}}}else{{safeCall(o,"componentDidUpdate")}n()}{e.v(t)}{if(e.V){e.V();e.V=void 0}if(e.o&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.o&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,r,t){if(e&&e[r]){try{return e[r](t)}catch(e){consoleError(e)}}return void 0};var addHydratedFlag=function(e){var r;return e.classList.add((r=BUILD.hydratedSelectorName)!=null?r:"hydrated")};var getValue=function(e,r){return getHostRef(e).l.get(r)};var setValue=function(e,r,t,n){var o=getHostRef(e);if(!o){throw new Error("Couldn't find host element for \"".concat(n.h,'" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).'))}var a=o.$hostElement$;var i=o.l.get(r);var s=o.o;var l=o.t;t=parsePropertyValue(t,n.$[r][0]);var u=Number.isNaN(i)&&Number.isNaN(t);var c=t!==i&&!u;if((!(s&8)||i===void 0)&&c){o.l.set(r,t);if(l){if(n.B&&s&128){var f=n.B[r];if(f){f.map((function(e){try{l[e](t,i,r)}catch(e){consoleError(e,a)}}))}}if((s&(2|16))===2){scheduleUpdate(o,false)}}}};var proxyComponent=function(e,r,t){var n,o;var a=e.prototype;if(r.$||(r.B||e.watchers)){if(e.watchers&&!r.B){r.B=e.watchers}var i=Object.entries((n=r.$)!=null?n:{});i.map((function(e){var n=e[0],o=e[1][0];if(o&31||t&2&&o&32){Object.defineProperty(a,n,{get:function(){return getValue(this,n)},set:function(e){setValue(this,n,e,r)},configurable:true,enumerable:true})}else if(t&1&&o&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t;var o=getHostRef(this);return(t=o==null?void 0:o.u)==null?void 0:t.then((function(){var r;return(r=o.t)==null?void 0:r[n].apply(r,e)}))}})}}));if(t&1){var s=new Map;a.attributeChangedCallback=function(e,t,n){var o=this;plt.jmp((function(){var i;var l=s.get(e);if(o.hasOwnProperty(l)){n=o[l];delete o[l]}else if(a.hasOwnProperty(l)&&typeof o[l]==="number"&&o[l]==n){return}else if(l==null){var u=getHostRef(o);var c=u==null?void 0:u.o;if(c&&!(c&8)&&c&128&&n!==t){var f=u.t;var v=(i=r.B)==null?void 0:i[e];v==null?void 0:v.forEach((function(r){if(f[r]!=null){f[r].call(f,n,t,e)}}))}return}o[l]=n===null&&typeof o[l]==="boolean"?false:n}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((o=r.B)!=null?o:{}),true),i.filter((function(e){var r=e[0],t=e[1];return t[0]&15})).map((function(e){var t=e[0],n=e[1];var o;var a=n[1]||t;s.set(a,t);if(n[0]&512){(o=r.O)==null?void 0:o.push([t,a])}return a})),true)))}}return e};var initializeComponent=function(e,r,t,n){return __awaiter(void 0,void 0,void 0,(function(){var n,o,a,i,s,l,u,c,f,v,d;return __generator(this,(function(p){switch(p.label){case 0:if(!((r.o&32)===0))return[3,6];r.o|=32;o=t.S;if(!o)return[3,4];a=loadModule(t);if(!(a&&"then"in a))return[3,2];i=uniqueTime();return[4,a];case 1:n=p.sent();i();return[3,3];case 2:n=a;p.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.h,"#").concat(r.U,'" was not found'))}if(!n.isProxied){{t.B=n.watchers}proxyComponent(n,t,2);n.isProxied=true}s=createTime("createInstance",t.h);{r.o|=8}try{new n(r)}catch(e){consoleError(e)}{r.o&=~8}{r.o|=128}s();fireConnectedCallback(r.t);return[3,5];case 4:n=e.constructor;l=e.localName;customElements.whenDefined(l).then((function(){return r.o|=128}));p.label=5;case 5:if(n&&n.style){u=void 0;if(typeof n.style==="string"){u=n.style}c=getScopeId(t);if(!styles.has(c)){f=createTime("registerStyles",t.h);registerStyle(c,u,!!(t.o&1));f()}}p.label=6;case 6:v=r.P;d=function(){return scheduleUpdate(r,true)};if(v&&v["s-rc"]){v["s-rc"].push(d)}else{d()}return[2]}}))}))};var fireConnectedCallback=function(e){{safeCall(e,"connectedCallback")}};var connectedCallback=function(e){if((plt.o&1)===0){var r=getHostRef(e);var t=r.i;var n=createTime("connectedCallback",t.h);if(!(r.o&1)){r.o|=1;{if(t.o&(4|8)){setContentReference(e)}}{var o=e;while(o=o.parentNode||o.host){if(o["s-p"]){attachToAncestor(r,r.P=o);break}}}if(t.$){Object.entries(t.$).map((function(r){var t=r[0],n=r[1][0];if(n&31&&e.hasOwnProperty(t)){var o=e[t];delete e[t];e[t]=o}}))}{initializeComponent(e,r,t)}}else{addHostEventListeners(e,r,t.q);if(r==null?void 0:r.t){fireConnectedCallback(r.t)}else if(r==null?void 0:r.p){r.p.then((function(){return fireConnectedCallback(r.t)}))}}n()}};var setContentReference=function(e){var r=e["s-cr"]=doc.createComment("");r["s-cn"]=true;insertBefore(e,r,e.firstChild)};var disconnectInstance=function(e){{safeCall(e,"disconnectedCallback")}};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((plt.o&1)===0){r=getHostRef(e);{if(r.W){r.W.map((function(e){return e()}));r.W=void 0}}if(r==null?void 0:r.t){disconnectInstance(r.t)}else if(r==null?void 0:r.p){r.p.then((function(){return disconnectInstance(r.t)}))}}return[2]}))}))};var patchPseudoShadowDom=function(e,r){patchCloneNode(e);patchSlotAppendChild(e);patchSlotAppend(e);patchSlotPrepend(e);patchSlotInsertAdjacentElement(e);patchSlotInsertAdjacentHTML(e);patchSlotInsertAdjacentText(e);patchTextContent(e);patchChildSlotNodes(e,r);patchSlotRemoveChild(e)};var patchCloneNode=function(e){var r=e.cloneNode;e.cloneNode=function(e){var t=this;var n=t.shadowRoot&&supportsShadow;var o=r.call(t,n?e:false);if(!n&&e){var a=0;var i=void 0,s=void 0;var l=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];for(;a<t.childNodes.length;a++){i=t.childNodes[a]["s-nr"];s=l.every((function(e){return!t.childNodes[a][e]}));if(i){if(o.__appendChild){o.__appendChild(i.cloneNode(true))}else{o.appendChild(i.cloneNode(true))}}if(s){o.appendChild(t.childNodes[a].cloneNode(true))}}}return o}};var patchSlotAppendChild=function(e){e.__appendChild=e.appendChild;e.appendChild=function(e){var r=e["s-sn"]=getSlotName(e);var t=getHostSlotNode(this.childNodes,r,this.tagName);if(t){var n=getHostSlotChildNodes(t,r);var o=n[n.length-1];var a=insertBefore(o.parentNode,e,o.nextSibling);updateFallbackSlotVisibility(this);return a}return this.__appendChild(e)}};var patchSlotRemoveChild=function(e){e.__removeChild=e.removeChild;e.removeChild=function(e){if(e&&typeof e["s-sn"]!=="undefined"){var r=getHostSlotNode(this.childNodes,e["s-sn"],this.tagName);if(r){var t=getHostSlotChildNodes(r,e["s-sn"]);var n=t.find((function(r){return r===e}));if(n){n.remove();updateFallbackSlotVisibility(this);return}}}return this.__removeChild(e)}};var patchSlotPrepend=function(e){var r=e.prepend;e.prepend=function(){var e=this;var t=[];for(var n=0;n<arguments.length;n++){t[n]=arguments[n]}t.forEach((function(t){if(typeof t==="string"){t=e.ownerDocument.createTextNode(t)}var n=t["s-sn"]=getSlotName(t);var o=getHostSlotNode(e.childNodes,n,e.tagName);if(o){var a=document.createTextNode("");a["s-nr"]=t;o["s-cr"].parentNode.__appendChild(a);t["s-ol"]=a;var i=getHostSlotChildNodes(o,n);var s=i[0];return insertBefore(s.parentNode,t,s.nextSibling)}if(t.nodeType===1&&!!t.getAttribute("slot")){t.hidden=true}return r.call(e,t)}))}};var patchSlotAppend=function(e){e.append=function(){var e=this;var r=[];for(var t=0;t<arguments.length;t++){r[t]=arguments[t]}r.forEach((function(r){if(typeof r==="string"){r=e.ownerDocument.createTextNode(r)}e.appendChild(r)}))}};var patchSlotInsertAdjacentHTML=function(e){var r=e.insertAdjacentHTML;e.insertAdjacentHTML=function(e,t){if(e!=="afterbegin"&&e!=="beforeend"){return r.call(this,e,t)}var n=this.ownerDocument.createElement("_");var o;n.innerHTML=t;if(e==="afterbegin"){while(o=n.firstChild){this.prepend(o)}}else if(e==="beforeend"){while(o=n.firstChild){this.append(o)}}}};var patchSlotInsertAdjacentText=function(e){e.insertAdjacentText=function(e,r){this.insertAdjacentHTML(e,r)}};var patchSlotInsertAdjacentElement=function(e){var r=e.insertAdjacentElement;e.insertAdjacentElement=function(e,t){if(e!=="afterbegin"&&e!=="beforeend"){return r.call(this,e,t)}if(e==="afterbegin"){this.prepend(t);return t}else if(e==="beforeend"){this.append(t);return t}return t}};var patchTextContent=function(e){var r=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(e,"__textContent",r);{Object.defineProperty(e,"textContent",{get:function(){var e;var r=getHostSlotNode(this.childNodes,"",this.tagName);if(((e=r==null?void 0:r.nextSibling)==null?void 0:e.nodeType)===3){return r.nextSibling.textContent}else if(r){return r.textContent}else{return this.__textContent}},set:function(e){var r;var t=getHostSlotNode(this.childNodes,"",this.tagName);if(((r=t==null?void 0:t.nextSibling)==null?void 0:r.nodeType)===3){t.nextSibling.textContent=e}else if(t){t.textContent=e}else{this.__textContent=e;var n=this["s-cr"];if(n){insertBefore(this,n,this.firstChild)}}}})}};var patchChildSlotNodes=function(e,r){var t=function(e){__extends(r,e);function r(){return e!==null&&e.apply(this,arguments)||this}r.prototype.item=function(e){return this[e]};return r}(Array);if(r.o&8){var n=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){return e.nodeType===1}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});Object.defineProperty(e,"childNodes",{get:function(){var e=n.call(this);if((plt.o&1)===0&&getHostRef(this).o&2){var r=new t;for(var o=0;o<e.length;o++){var a=e[o]["s-nr"];if(a){r.push(a)}}return r}return t.from(e)}})}};var getSlotName=function(e){return e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||""};var getHostSlotNode=function(e,r,t){var n=0;var o;for(;n<e.length;n++){o=e[n];if(o["s-sr"]&&o["s-sn"]===r&&o["s-hn"]===t){return o}o=getHostSlotNode(o.childNodes,r,t);if(o){return o}}return null};var getHostSlotChildNodes=function(e,r){var t=[e];while((e=e.nextSibling)&&e["s-sn"]===r){t.push(e)}return t};var bootstrapLazy=function(e,r){if(r===void 0){r={}}var t;var n=createTime();var o=[];var a=r.exclude||[];var i=win.customElements;var s=doc.head;var l=s.querySelector("meta[charset]");var u=doc.createElement("style");var c=[];var f;var v=true;Object.assign(plt,r);plt._=new URL(r.resourcesUrl||"./",doc.baseURI).href;var d=false;e.map((function(e){e[1].map((function(r){var t;var n={o:r[0],h:r[1],$:r[2],q:r[3]};if(n.o&4){d=true}{n.$=r[2]}{n.q=r[3]}{n.O=[]}{n.B=(t=r[4])!=null?t:{}}var s=n.h;var l=function(e){__extends(r,e);function r(r){var t=e.call(this,r)||this;t.hasRegisteredEventListeners=false;r=t;registerHost(r,n);if(n.o&1){{if(!r.shadowRoot){{r.attachShadow({mode:"open"})}}else{if(r.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(n.h,"! Mode is set to ").concat(r.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return t}r.prototype.connectedCallback=function(){var e=this;var r=getHostRef(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;addHostEventListeners(this,r,n.q)}if(f){clearTimeout(f);f=null}if(v){c.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};r.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};r.prototype.componentOnReady=function(){return getHostRef(this).p};return r}(HTMLElement);{if(n.o&2){patchPseudoShadowDom(l.prototype,n)}}n.S=e[0];if(!a.includes(s)&&!i.get(s)){o.push(s);i.define(s,proxyComponent(l,n,1))}}))}));if(o.length>0){if(d){u.textContent+=SLOT_FB_CSS}{u.textContent+=o.sort()+HYDRATED_CSS}if(u.innerHTML.length){u.setAttribute("data-styles","");var p=(t=plt.L)!=null?t:queryNonceMetaTagContent(doc);if(p!=null){u.setAttribute("nonce",p)}s.insertBefore(u,l?l.nextSibling:s.firstChild)}}v=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return f=setTimeout(appDidLoad,30)}))}}n()};var Fragment=function(e,r){return r};var addHostEventListeners=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],o=t[1],a=t[2];var i=getHostListenerTarget(e,n);var s=hostListenerProxy(r,a);var l=hostListenerOpts(n);plt.ael(i,o,s,l);(r.W=r.W||[]).push((function(){return plt.rel(i,o,s,l)}))}))}};var hostListenerProxy=function(e,r){return function(t){var n;try{{if(e.o&256){(n=e.t)==null?void 0:n[r](t)}else{(e.F=e.F||[]).push([r,t])}}}catch(e){consoleError(e)}}};var getHostListenerTarget=function(e,r){if(r&4)return doc;if(r&8)return win;if(r&16)return doc.body;return e};var hostListenerOpts=function(e){return supportsListenerOptions?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0};var setNonce=function(e){return plt.L=e};export{Fragment as F,H,Host as a,bootstrapLazy as b,createEvent as c,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};
+//# sourceMappingURL=index-c8ceadeb.js.map