@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/www/build/p-7c5b1265.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMenuStyle0","ZMenu","toggle","this","hasContent","open","opened","emit","closed","handleClick","ev","floating","hostElement","contains","target","reflow","onOpenChanged","cancelAnimationFrame","raf","constructor","hostRef","bind","checkContent","onLabelSlotChange","onItemsChange","componentWillLoad","labelElement","assignedElements","dataset","text","textContent","live","content","style","left","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","Math","min","window","innerWidth","requestAnimationFrame","hasHeader","querySelectorAll","length","items","forEach","item","setAttribute","renderMenuLabel","h","class","onClick","onSlotchange","name","render","Host","key","ref","el","role"],"sources":["src/components/navigation/z-menu/styles.css?tag=z-menu&encapsulation=shadow","src/components/navigation/z-menu/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n:host {\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n\n  --z-menu-label-color: var(--color-text01);\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-text01);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  padding: 0;\n  border: 0;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  outline: none;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-within {\n  z-index: 1;\n  padding-right: calc(var(--space-unit) * 0.5);\n  padding-left: calc(var(--space-unit) * 0.5);\n  margin-right: calc(var(--space-unit) * -0.5);\n  margin-left: calc(var(--space-unit) * -0.5);\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.menu-label .menu-label-content {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n:host(:is([active], [open])) .menu-label-content,\n.menu-label:focus-within .menu-label-content {\n  font-weight: var(--font-bd);\n}\n\n:host(:is([active], [open])) .menu-label-content ::slotted(*),\n.menu-label:focus-within .menu-label-content ::slotted(*) {\n  letter-spacing: normal;\n}\n\n:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible) {\n  box-shadow: none !important;\n}\n\n/* border */\n:host(:is([active], [open], [vertical-context])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  content: \"\";\n  pointer-events: none;\n}\n\n:host([vertical-context]) .menu-label-content::after {\n  height: var(--border-size-small);\n  background-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label .menu-label-content::after,\n.menu-label .menu-label-content:hover::after,\n.menu-label:focus-within .menu-label-content::after {\n  height: var(--border-size-large);\n  background-color: var(--color-secondary01);\n}\n\n/* Prevents layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  letter-spacing: normal;\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.menu-label .menu-label-content ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color);\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-5);\n  font-weight: inherit;\n  letter-spacing: 0.36px; /* increasing the letter spacing of the regular text helps reduce the size difference between regular and bold text */\n  line-height: 1.2;\n  outline: none;\n}\n\n.menu-label .menu-label-content ::slotted(*),\n.menu-label .menu-label-content z-icon {\n  padding: var(--space-unit) 0;\n}\n\n.menu-label .menu-label-content z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: currentcolor;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);\n  box-shadow: var(--shadow-2);\n}\n\n:host(:not([floating])) .content {\n  width: 100%;\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  padding: var(--space-unit) 0 calc(var(--space-unit) * 2);\n}\n\n.header ::slotted(img[slot=\"header\"]) {\n  width: calc(var(--space-unit) * 11.25);\n  height: auto;\n  object-fit: contain;\n}\n\n.header ::slotted([slot=\"header\"]:not(:first-child)) {\n  margin: auto 0;\n  margin-left: calc(var(--space-unit) * 2.5);\n  font-size: var(--font-size-3);\n  font-weight: var(--font-sb);\n  line-height: 1.5;\n}\n\n.items {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  background: inherit;\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n.items > ::slotted([slot=\"item\"]:not(z-menu-section)) {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"]:active) {\n  border-color: var(--color-secondary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, h, Prop, State, Event, EventEmitter, Listen, Element, Watch, Host} from \"@stencil/core\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n  tag: \"z-menu\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenu {\n  @Element() hostElement: HTMLZMenuElement;\n\n  /** Flag to set the active status of the menu. */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  /**\n   * Flag to set the display mode of the list.\n   * If true, the list will be absolutely positioned under the menu label,\n   * stacked beneath it otherwise.\n   */\n  @Prop({reflect: true})\n  floating? = false;\n\n  /** The opening state of the menu. */\n  @Prop({mutable: true, reflect: true})\n  open = false;\n\n  /**\n   * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\n   * A small border is placed under it as a separator from other elements.\n   */\n  @Prop({reflect: true})\n  verticalContext = false;\n\n  @State()\n  hasHeader: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  private content: HTMLElement;\n\n  /** Animation frame request id. */\n  private raf: number;\n\n  /** The menu has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The menu has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    this.open ? this.opened.emit() : this.closed.emit();\n  }\n\n  /** Close the floating list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.floating || !this.open || this.hostElement.contains(ev.target as Element)) {\n      return;\n    }\n\n    this.reflow();\n    this.open = false;\n    this.closed.emit();\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (this.open) {\n      this.reflow(true);\n    } else {\n      cancelAnimationFrame(this.raf);\n    }\n  }\n\n  constructor() {\n    this.toggle = this.toggle.bind(this);\n    this.checkContent = this.checkContent.bind(this);\n    this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.textContent;\n  }\n\n  /**\n   * Correctly set position of the floating menu in order to prevent overflow.\n   * @param live Should run the method on every refresh frame.\n   */\n  private reflow(live = false): void {\n    if (this.content) {\n      const {style} = this.content;\n      const {left} = this.hostElement.getBoundingClientRect();\n      const widthPx = getComputedStyle(this.content).width;\n      const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n      const safeScrollbarSpace = 30;\n      style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n    }\n    if (live) {\n      this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n    }\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n    this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n  }\n\n  /**\n   * Set `menuitem` role to all menu items.\n   * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n   */\n  private onItemsChange(): void {\n    this.checkContent();\n    const items = this.hostElement.querySelectorAll<HTMLElement>(\"[slot=item]\");\n    items.forEach((item) => {\n      item.setAttribute(\"role\", \"menuitem\");\n      item.dataset.text = item.textContent;\n    });\n  }\n\n  private renderMenuLabel(): HTMLButtonElement | HTMLDivElement {\n    if (this.hasContent) {\n      return (\n        <button\n          class=\"menu-label\"\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n          onClick={this.toggle}\n        >\n          <div class=\"menu-label-content\">\n            <slot onSlotchange={this.onLabelSlotChange}></slot>\n            <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n          </div>\n        </button>\n      );\n    }\n\n    return (\n      <div class=\"menu-label\">\n        <div class=\"menu-label-content\">\n          <slot onSlotchange={this.onLabelSlotChange}></slot>\n        </div>\n      </div>\n    );\n  }\n\n  render(): HTMLZMenuElement {\n    return (\n      <Host>\n        {this.renderMenuLabel()}\n\n        {this.hasContent && (\n          <div\n            class=\"content\"\n            ref={(el) => (this.content = el)}\n          >\n            {this.hasHeader && (\n              <header class=\"header\">\n                <slot\n                  name=\"header\"\n                  onSlotchange={this.checkContent}\n                ></slot>\n              </header>\n            )}\n\n            <div\n              class=\"items\"\n              role=\"menu\"\n            >\n              <slot\n                name=\"item\"\n                onSlotchange={this.onItemsChange}\n              ></slot>\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/www/build/p-7d4cd2e8.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r}from"./p-10bb4f4b.js";import{o as a}from"./p-025f494e.js";const i=":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.add-alert{background:var(--color-success-inverse)}:host div.remove-alert{background:var(--color-warning-inverse)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";const s=i;const n=class{constructor(r){e(this,r);this.undoAction=t(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}emitUndoAction(){this.undoAction.emit({actionType:this.type})}handleSpaceKeyPress(e){if(e.keyCode==32||e.keyCode==13){e.preventDefault();this.emitUndoAction()}}handleActionButtonClick(e){e.preventDefault();this.emitUndoAction()}retrieveClass(){let e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e}getAlertType(){switch(this.type){case"add":return a.SUCCESS;case"remove":return a.WARNING;default:return null}}render(){return r("div",{key:"1b444689e78b349adce31ea4d4b318ae447acc05",class:"alert-external-wrapper "+this.retrieveClass()},r("z-alert",{key:"8774b645a0c306246db8afbed890b372ae8dcdff",type:this.getAlertType()},r("div",{key:"03df6396443cffd9b791a9b29b146f05f405a035",class:"relative-container"},r("z-icon",{key:"7d0a21e9cd2dbbde634440b3e36f2d892023cc81",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),r("span",{key:"a0bc80e8f7b28cebba25ad3f8a5f9bf3233a6930",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&r("span",{role:"button",tabindex:"0",class:"content-action",onClick:e=>{this.handleActionButtonClick(e)},onKeyPress:e=>{this.handleSpaceKeyPress(e)}},this.actiontext))))}};n.style=s;export{n as z_myz_card_alert};
-//# sourceMappingURL=p-7d4cd2e8.entry.js.map

package/www/build/p-7d4cd2e8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMyzCardAlertStyle0","ZMyzCardAlert","emitUndoAction","this","undoAction","emit","actionType","type","handleSpaceKeyPress","e","keyCode","preventDefault","handleActionButtonClick","retrieveClass","className","getAlertType","AlertType","SUCCESS","WARNING","render","h","key","class","name","iconname","width","height","contenttext","actiontext","trim","length","role","tabindex","onClick","onKeyPress"],"sources":["src/snowflakes/myz/card/z-myz-card-alert/styles.css?tag=z-myz-card-alert&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-alert/index.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  left: 0;\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > z-alert {\n  height: calc(var(--space-unit) * 6);\n}\n\n.relative-container {\n  position: relative;\n  display: grid;\n  align-items: center;\n  padding: 0;\n  grid-column-gap: var(--space-unit);\n  grid-template-columns: 18px auto 46px;\n  grid-template-rows: 1fr;\n  outline: none;\n}\n\n.relative-container::-moz-focus-inner {\n  border: 0;\n}\n\n.alert-external-wrapper.remove-alert {\n  border: var(--border-size-medium) solid var(--color-surface02);\n  border-top: none;\n}\n\n:host div.add-alert {\n  background: var(--color-success-inverse);\n}\n\n:host div.remove-alert {\n  background: var(--color-warning-inverse);\n}\n\n:host div > .content-text {\n  color: var(--color-surface05);\n  font-size: 14px;\n  letter-spacing: 0.16px;\n  line-height: 20px;\n}\n\n:host div > .content-action {\n  height: 20px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.32px;\n  line-height: 20px;\n}\n\n:host div > z-icon {\n  justify-self: center;\n}\n","import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\nimport {AlertType} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardAlert {\n  /** icon name */\n  @Prop()\n  iconname: string;\n\n  /** content text */\n  @Prop()\n  contenttext: string;\n\n  /** action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** alert variant type */\n  @Prop()\n  type: string;\n\n  /** undo action click/keyboard event, returns actionType */\n  @Event()\n  undoAction: EventEmitter;\n\n  private emitUndoAction(): void {\n    this.undoAction.emit({actionType: this.type});\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      this.emitUndoAction();\n    }\n  }\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.emitUndoAction();\n  }\n\n  private retrieveClass(): string {\n    let className = \"\";\n    switch (this.type) {\n      case \"add\":\n        className = \"add-alert\";\n        break;\n      case \"remove\":\n        className = \"remove-alert\";\n        break;\n      default:\n        className = \"\";\n        break;\n    }\n\n    return className;\n  }\n\n  private getAlertType(): AlertType {\n    switch (this.type) {\n      case \"add\":\n        return AlertType.SUCCESS;\n      case \"remove\":\n        return AlertType.WARNING;\n      default:\n        return null;\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={\"alert-external-wrapper \" + this.retrieveClass()}>\n        <z-alert type={this.getAlertType()}>\n          <div class=\"relative-container\">\n            <z-icon\n              name={this.iconname}\n              width={18}\n              height={18}\n              class={this.retrieveClass()}\n            ></z-icon>\n            <span class=\"content-text\">{this.contenttext}</span>\n            {this.actiontext && !!this.actiontext.trim().length && (\n              <span\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"content-action\"\n                onClick={(e: MouseEvent) => {\n                  this.handleActionButtonClick(e);\n                }}\n                onKeyPress={(e: KeyboardEvent) => {\n                  this.handleSpaceKeyPress(e);\n                }}\n              >\n                {this.actiontext}\n              </span>\n            )}\n          </div>\n        </z-alert>\n      </div>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAY,w7BAClB,MAAAC,EAAeD,E,MCOFE,EAAa,M,iKAqBhB,cAAAC,GACNC,KAAKC,WAAWC,KAAK,CAACC,WAAYH,KAAKI,M,CAGjC,mBAAAC,CAAoBC,GAC1B,GAAIA,EAAEC,SAAW,IAAMD,EAAEC,SAAW,GAAI,CACtCD,EAAEE,iBACFR,KAAKD,gB,EAID,uBAAAU,CAAwBH,GAC9BA,EAAEE,iBACFR,KAAKD,gB,CAGC,aAAAW,GACN,IAAIC,EAAY,GAChB,OAAQX,KAAKI,MACX,IAAK,MACHO,EAAY,YACZ,MACF,IAAK,SACHA,EAAY,eACZ,MACF,QACEA,EAAY,GACZ,MAGJ,OAAOA,C,CAGD,YAAAC,GACN,OAAQZ,KAAKI,MACX,IAAK,MACH,OAAOS,EAAUC,QACnB,IAAK,SACH,OAAOD,EAAUE,QACnB,QACE,OAAO,K,CAIb,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA4BnB,KAAKU,iBAC3CO,EAAA,WAAAC,IAAA,2CAASd,KAAMJ,KAAKY,gBAClBK,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACTF,EAAA,UAAAC,IAAA,2CACEE,KAAMpB,KAAKqB,SACXC,MAAO,GACPC,OAAQ,GACRJ,MAAOnB,KAAKU,kBAEdO,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAgBnB,KAAKwB,aAChCxB,KAAKyB,cAAgBzB,KAAKyB,WAAWC,OAAOC,QAC3CV,EAAA,QACEW,KAAK,SACLC,SAAS,IACTV,MAAM,iBACNW,QAAUxB,IACRN,KAAKS,wBAAwBH,EAAE,EAEjCyB,WAAazB,IACXN,KAAKK,oBAAoBC,EAAE,GAG5BN,KAAKyB,c"}

package/www/build/p-820c2503.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as s,a as i,g as a}from"./p-10bb4f4b.js";import{B as o,d as n,P as r}from"./p-025f494e.js";import{d as c}from"./p-955da62e.js";const d=':host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--font-family-sans);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';const l=d;const p=class{constructor(s){t(this,s);this.sort=e(this,"sort",7);this.columnId=undefined;this.padding="medium";this.sortable=undefined;this.showButton=undefined;this.defaultSortDirection="asc";this.sortDirection="none";this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){if(!this.sortable){return}this.sortDirection=(()=>{switch(this.sortDirection){case"asc":return"desc";case"desc":return"asc";case"none":return this.defaultSortDirection;default:return"none"}})();this.emitOnSort()}handleMenuClick(){this.popover.open=!this.popover.open}handleOutsideClick(t){const e=c(t.target);const s=e.find((t=>t.nodeName.toLowerCase()==="z-popover"));if(!s&&this.popover){this.popover.open=false}}handleClickHeaders(t){const e=t.target;const s=c(e).find((t=>t.nodeName.toLowerCase()==="z-table-header"));if(!this.sortable||!s){return}const i=s.attributes.getNamedItem("column-id").value;const a=e.parentNode.sortable||e.sortable;if(i!==this.columnId&&a){this.sortDirection="none"}}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return s(i,{key:"c67ac7a04f00b5252e3c988a46b80843dc911d2e",class:{sortable:this.sortable},onClick:()=>this.handleSort()},s("div",{key:"f569e12c8d7ae2bc30884f11bf1b2636cf66e8d9",class:"container"},s("slot",{key:"c524c4ec78be5a6aded8bd4e92018fe16147561f"}),this.sortable&&this.sortDirection!=="none"&&s("z-icon",{name:this.sortDirection==="asc"?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&s("div",{class:"popover-container"},s("z-button",{ref:t=>this.triggerButton=t,class:"contextual-popover-button",icon:"contextual-menu",variant:o.TERTIARY,size:n.X_SMALL,onClick:()=>this.handleMenuClick()}),s("z-popover",{ref:t=>this.popover=t,position:r.BOTTOM,center:true,bindTo:this.triggerButton},s("div",null,s("slot",{name:"contextual-menu"})))))}get host(){return a(this)}};p.style=l;export{p as Z};
-//# sourceMappingURL=p-820c2503.js.map

package/www/build/p-820c2503.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTableHeaderStyle0","ZTableHeader","constructor","hostRef","this","emitOnSort","bind","sort","emit","columnId","sortDirection","handleSort","sortable","defaultSortDirection","handleMenuClick","popover","open","handleOutsideClick","e","tree","getElementTree","target","parent","find","elem","nodeName","toLowerCase","handleClickHeaders","parentColumnId","attributes","getNamedItem","value","isSortable","parentNode","componentWillRender","host","setAttribute","render","h","Host","key","class","onClick","name","showButton","ref","el","triggerButton","icon","variant","ButtonVariant","TERTIARY","size","ButtonSize","X_SMALL","position","PopoverPosition","BOTTOM","center","bindTo"],"sources":["src/deprecated/z-table-deprecated/z-table-header/styles.css?tag=z-table-header&encapsulation=shadow","src/deprecated/z-table-deprecated/z-table-header/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: table-cell;\n  border-bottom: var(--border-size-medium) solid var(--gray200);\n  background-color: var(--gray50);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n  text-align: start;\n}\n\n.container {\n  display: flex;\n  align-items: flex-end;\n}\n\n:host(.sortable) {\n  cursor: pointer;\n}\n\n:host([padding=\"x-small\"]) {\n  padding: calc(var(--space-unit) * 0.5);\n}\n\n:host([padding=\"small\"]) {\n  padding: calc(var(--space-unit));\n}\n\n:host([padding=\"medium\"]) {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([padding=\"large\"]) {\n  padding: calc(var(--space-unit) * 2.5);\n}\n\n:host([padding=\"special\"]) {\n  padding: 0;\n}\n\n/*\nSorting arrow\n*/\n.arrow {\n  padding-left: var(--space-unit);\n  opacity: 1;\n}\n\n/*\nContextual menu\n*/\n.popover-container {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  display: none;\n}\n\n.popover-container z-popover {\n  --z-popover-theme--surface: var(--gray200);\n\n  position: relative;\n  z-index: 1;\n}\n\n.popover-container.visible {\n  display: block;\n}\n\n:host(:hover) .popover-container {\n  display: block;\n}\n","import {Component, Element, Event, EventEmitter, h, Host, Listen, Prop} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant, PopoverPosition} from \"../../../beans\";\nimport {getElementTree} from \"../../../utils/utils\";\n\n/**\n * @deprecated\n */\n@Component({\n  tag: \"z-table-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTableHeader {\n  @Element() host: HTMLZTableHeaderElement;\n\n  /** Column ID */\n  @Prop()\n  columnId: string;\n\n  /** Set padding size of cell, if special 0px padding will be set */\n  @Prop({reflect: true})\n  padding: \"x-small\" | \"small\" | \"medium\" | \"large\" | \"special\" = \"medium\";\n\n  /** [Optional] Make the header sortable */\n  @Prop()\n  sortable?: boolean;\n\n  /** [Optional] Show contextual menu button */\n  @Prop()\n  showButton?: boolean;\n\n  /** [Optional] Default sort order */\n  @Prop()\n  defaultSortDirection?: \"asc\" | \"desc\" | \"none\" = \"asc\";\n\n  /** Sort direction */\n  @Prop({mutable: true})\n  sortDirection: \"asc\" | \"desc\" | \"none\" = \"none\";\n\n  private popover?: HTMLZPopoverElement;\n\n  private triggerButton?: HTMLZButtonElement;\n\n  constructor() {\n    this.emitOnSort = this.emitOnSort.bind(this);\n  }\n\n  /** [Optional] callback for sorting */\n  @Event()\n  sort: EventEmitter;\n\n  private emitOnSort(): void {\n    this.sort.emit({\n      columnId: this.columnId,\n      sortDirection: this.sortDirection,\n    });\n  }\n\n  private handleSort(): void {\n    if (!this.sortable) {\n      return;\n    }\n\n    this.sortDirection = (() => {\n      switch (this.sortDirection) {\n        case \"asc\":\n          return \"desc\";\n        case \"desc\":\n          return \"asc\";\n        case \"none\":\n          return this.defaultSortDirection;\n        default:\n          return \"none\";\n      }\n    })();\n\n    this.emitOnSort();\n  }\n\n  private handleMenuClick(): void {\n    this.popover.open = !this.popover.open;\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleOutsideClick(e: MouseEvent): void {\n    const tree = getElementTree(e.target as Element);\n    const parent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-popover\");\n\n    if (!parent && this.popover) {\n      this.popover.open = false;\n    }\n  }\n\n  @Listen(\"click\", {target: \"body\", capture: true})\n  handleClickHeaders(e: MouseEvent): void {\n    const target = e.target as HTMLElement;\n    const parent = getElementTree(target).find((elem: Element) => elem.nodeName.toLowerCase() === \"z-table-header\");\n\n    if (!this.sortable || !parent) {\n      return;\n    }\n\n    const parentColumnId = parent.attributes.getNamedItem(\"column-id\").value;\n    const isSortable =\n      (target.parentNode as HTMLZTableHeaderElement).sortable || (target as HTMLZTableHeaderElement).sortable;\n\n    if (parentColumnId !== this.columnId && isSortable) {\n      this.sortDirection = \"none\";\n    }\n  }\n\n  componentWillRender(): void {\n    this.host.setAttribute(\"role\", \"columnheader\");\n  }\n\n  render(): HTMLZTableHeaderElement {\n    return (\n      <Host\n        class={{\n          sortable: this.sortable,\n        }}\n        onClick={() => this.handleSort()}\n      >\n        <div class=\"container\">\n          <slot />\n          {this.sortable && this.sortDirection !== \"none\" && (\n            <z-icon\n              name={this.sortDirection === \"asc\" ? \"arrow-up\" : \"arrow-down\"}\n              class=\"arrow\"\n            />\n          )}\n        </div>\n\n        {this.showButton && (\n          <div class=\"popover-container\">\n            <z-button\n              ref={(el) => (this.triggerButton = el as HTMLZButtonElement)}\n              class=\"contextual-popover-button\"\n              icon=\"contextual-menu\"\n              variant={ButtonVariant.TERTIARY}\n              size={ButtonSize.X_SMALL}\n              onClick={() => this.handleMenuClick()}\n            ></z-button>\n\n            <z-popover\n              ref={(el) => (this.popover = el as HTMLZPopoverElement)}\n              position={PopoverPosition.BOTTOM}\n              center={true}\n              bindTo={this.triggerButton as HTMLElement}\n            >\n              <div>\n                <slot name=\"contextual-menu\" />\n              </div>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sJAAA,MAAMA,EAAY,84BAClB,MAAAC,EAAeD,E,MCWFE,EAAY,MA+BvB,WAAAC,CAAAC,G,0EAtBgE,S,4EAYf,M,mBAIR,OAOvCC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,K,CAOjC,UAAAC,GACND,KAAKG,KAAKC,KAAK,CACbC,SAAUL,KAAKK,SACfC,cAAeN,KAAKM,e,CAIhB,UAAAC,GACN,IAAKP,KAAKQ,SAAU,CAClB,M,CAGFR,KAAKM,cAAgB,MACnB,OAAQN,KAAKM,eACX,IAAK,MACH,MAAO,OACT,IAAK,OACH,MAAO,MACT,IAAK,OACH,OAAON,KAAKS,qBACd,QACE,MAAO,OAEZ,EAXoB,GAarBT,KAAKC,Y,CAGC,eAAAS,GACNV,KAAKW,QAAQC,MAAQZ,KAAKW,QAAQC,I,CAIpC,kBAAAC,CAAmBC,GACjB,MAAMC,EAAOC,EAAeF,EAAEG,QAC9B,MAAMC,EAASH,EAAKI,MAAMC,GAAkBA,EAAKC,SAASC,gBAAkB,cAE5E,IAAKJ,GAAUlB,KAAKW,QAAS,CAC3BX,KAAKW,QAAQC,KAAO,K,EAKxB,kBAAAW,CAAmBT,GACjB,MAAMG,EAASH,EAAEG,OACjB,MAAMC,EAASF,EAAeC,GAAQE,MAAMC,GAAkBA,EAAKC,SAASC,gBAAkB,mBAE9F,IAAKtB,KAAKQ,WAAaU,EAAQ,CAC7B,M,CAGF,MAAMM,EAAiBN,EAAOO,WAAWC,aAAa,aAAaC,MACnE,MAAMC,EACHX,EAAOY,WAAuCrB,UAAaS,EAAmCT,SAEjG,GAAIgB,IAAmBxB,KAAKK,UAAYuB,EAAY,CAClD5B,KAAKM,cAAgB,M,EAIzB,mBAAAwB,GACE9B,KAAK+B,KAAKC,aAAa,OAAQ,e,CAGjC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL7B,SAAUR,KAAKQ,UAEjB8B,QAAS,IAAMtC,KAAKO,cAEpB2B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,6CACCpC,KAAKQ,UAAYR,KAAKM,gBAAkB,QACvC4B,EAAA,UACEK,KAAMvC,KAAKM,gBAAkB,MAAQ,WAAa,aAClD+B,MAAM,WAKXrC,KAAKwC,YACJN,EAAA,OAAKG,MAAM,qBACTH,EAAA,YACEO,IAAMC,GAAQ1C,KAAK2C,cAAgBD,EACnCL,MAAM,4BACNO,KAAK,kBACLC,QAASC,EAAcC,SACvBC,KAAMC,EAAWC,QACjBZ,QAAS,IAAMtC,KAAKU,oBAGtBwB,EAAA,aACEO,IAAMC,GAAQ1C,KAAKW,QAAU+B,EAC7BS,SAAUC,EAAgBC,OAC1BC,OAAQ,KACRC,OAAQvD,KAAK2C,eAEbT,EAAA,WACEA,EAAA,QAAMK,KAAK,uB"}

package/www/build/p-83657b33.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e}from"./p-10bb4f4b.js";const a=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";const r=a;const t=class{constructor(e){o(this,e)}render(){return e("div",{key:"62c6d04f17701a66638885f241c6cee08411eb45"},e("footer",{key:"935193a38295ec3b700b3c30a32aca8ed310b3ad"},e("div",{key:"8c7af9e6f32e4353942a7831dea7f9875455e868",class:"top"},e("slot",{key:"3a93460244816042d5a46a37909fe150b7dad333",name:"top"})),e("div",{key:"3bc02862cb0fcebbc1a763ba6f40e909cf39dbf1",class:"bottom"},e("slot",{key:"600288fe385b411013722ca70809a8f841236563",name:"bottom"}))))}};t.style=r;export{t as z_myz_card_footer_sections};
-//# sourceMappingURL=p-83657b33.entry.js.map

package/www/build/p-83657b33.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMyzCardFooterSectionsStyle0","ZMyzCardFooterSections","render","h","key","class","name"],"sources":["src/snowflakes/myz/card/z-myz-card-footer-sections/styles.css?tag=z-myz-card-footer-sections&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div > footer {\n  height: 128px;\n  box-sizing: border-box;\n  padding: var(--space-unit) calc(var(--space-unit) * 2) 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-size: 16px;\n  line-height: 24px;\n}\n\n:host > div > footer > div.top,\n:host > div > footer > div.bottom {\n  height: 60px;\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n  tag: \"z-myz-card-footer-sections\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooterSections {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <footer>\n          <div class=\"top\">\n            <slot name=\"top\" />\n          </div>\n          <div class=\"bottom\">\n            <slot name=\"bottom\" />\n          </div>\n        </footer>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,gbAClB,MAAAC,EAAeD,E,MCUFE,EAAsB,M,yBACjC,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,UAAAC,IAAA,4CACED,EAAA,OAAAC,IAAA,2CAAKC,MAAM,OACTF,EAAA,QAAAC,IAAA,2CAAME,KAAK,SAEbH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UACTF,EAAA,QAAAC,IAAA,2CAAME,KAAK,a"}

package/www/build/p-87c8b285.entry.js

@@ -1,2 +0,0 @@
-import{r,c as t,h as o}from"./p-10bb4f4b.js";import{t as i}from"./p-2c886e8b.js";const e="button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);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}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button.selected{border-color:var(--color-active-primary);background-color:var(--color-active-primary);color:var(--color-text-inverse);fill:var(--color-text-inverse)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}";const a=e;const s=class{constructor(o){r(this,o);this.buttonSortClick=t(this,"buttonSortClick",7);this.buttonid=undefined;this.label=undefined;this.desclabel=undefined;this.counter=undefined;this.sortlabelasc="A-Z";this.sortlabeldesc="Z-A";this.isselected=false;this.sortasc=true;this.allowTooltip=false}emitButtonSortClick(){if(!this.isselected){this.isselected=true}else{this.sortasc=!this.sortasc}this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){if(this.elementHasEllipsis()&&window.innerWidth>i){this.allowTooltip=true}}setButtonTitle(){return this.allowTooltip?`${this.sortasc?this.label:this.desclabel}`:""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return o("button",{key:"5876e75ffbf8c14eb2e5a9cf2fd30b50ec34dd50",title:this.setButtonTitle(),id:this.buttonid,class:this.isselected&&"selected",onClick:()=>this.emitButtonSortClick()},o("span",{key:"35932e480eaa525e80ddb8ffbe7d99d428a474ce",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),o("span",{key:"11c32835bfff43546c08699fea6118f183f373fa",class:"counter"},this.counter&&` (${this.counter})`),o("span",{key:"a722b2e5aa1a21252acdde0a71a34ff94189618d",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),o("z-icon",{key:"0dffff94ee662b6784eae03bd32a2dbb714eb39e",name:"caret-up-down",width:16,height:16}))}};s.style=a;export{s as z_button_sort};
-//# sourceMappingURL=p-87c8b285.entry.js.map

package/www/build/p-87c8b285.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZButtonSortStyle0","ZButtonSort","emitButtonSortClick","this","isselected","sortasc","buttonSortClick","emit","buttonid","sortAsc","componentDidLoad","elementHasEllipsis","window","innerWidth","tabletBreakpoint","allowTooltip","setButtonTitle","label","desclabel","ellipsis","offsetWidth","scrollWidth","render","h","key","title","id","class","onClick","ref","el","counter","sortlabelasc","sortlabeldesc","name","width","height"],"sources":["src/components/buttons/z-button-sort/styles.css?tag=z-button-sort&encapsulation=shadow","src/components/buttons/z-button-sort/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  max-width: 100%;\n  height: 36px;\n  align-items: center;\n  padding: 0 var(--space-unit);\n  border: var(--border-size-medium) solid var(--color-primary01);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\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}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\nbutton:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n  fill: var(--color-hover-primary);\n}\n\nbutton:focus {\n  border-color: var(--color-primary01);\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\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.selected {\n  border-color: var(--color-active-primary);\n  background-color: var(--color-active-primary);\n  color: var(--color-text-inverse);\n  fill: var(--color-text-inverse);\n}\n\nbutton > span.ellipsis {\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nbutton > span.counter {\n  margin-right: calc(var(--space-unit) * 2);\n  margin-left: calc(var(--space-unit) / 2);\n}\n\nbutton > span.sort {\n  margin-right: calc(var(--space-unit) / 2);\n  white-space: nowrap;\n}\n\nbutton > span {\n  margin-right: calc(var(--space-unit) / 2);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  button {\n    max-width: 325px;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  button {\n    max-width: 490px;\n  }\n}\n","import {Component, Prop, State, h, Event, EventEmitter} from \"@stencil/core\";\nimport {tabletBreakpoint} from \"../../../constants/breakpoints\";\n@Component({\n  tag: \"z-button-sort\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZButtonSort {\n  /** id, should be unique */\n  @Prop()\n  buttonid: string;\n\n  /** label content (ascending) */\n  @Prop()\n  label: string;\n\n  /** label content (descending) */\n  @Prop()\n  desclabel?: string;\n\n  /** occurrences counter (optional) */\n  @Prop()\n  counter?: number;\n\n  /** sort label content (ascending) (optional) */\n  @Prop()\n  sortlabelasc?: string = \"A-Z\";\n\n  /** sort label content (descending) (optional) */\n  @Prop()\n  sortlabeldesc?: string = \"Z-A\";\n\n  /** selected flag (optional) */\n  @Prop({mutable: true})\n  isselected?: boolean = false;\n\n  /** sortable flag (optional) */\n  @Prop({mutable: true})\n  sortasc?: boolean = true;\n\n  @State()\n  allowTooltip = false;\n\n  private ellipsis?: HTMLSpanElement;\n\n  /** sorting direction click event, returns `buttonid` and `sortAsc` */\n  @Event()\n  buttonSortClick: EventEmitter;\n\n  private emitButtonSortClick(): void {\n    if (!this.isselected) {\n      this.isselected = true;\n    } else {\n      this.sortasc = !this.sortasc;\n    }\n    this.buttonSortClick.emit({\n      buttonid: this.buttonid,\n      sortAsc: this.sortasc,\n    });\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {\n      this.allowTooltip = true;\n    }\n  }\n\n  private setButtonTitle(): string {\n    return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : \"\";\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        title={this.setButtonTitle()}\n        id={this.buttonid}\n        class={this.isselected && \"selected\"}\n        onClick={() => this.emitButtonSortClick()}\n      >\n        <span\n          ref={(el) => (this.ellipsis = el as HTMLSpanElement)}\n          class=\"ellipsis\"\n        >\n          {!this.sortasc && this.desclabel ? this.desclabel : this.label}\n        </span>\n        <span class=\"counter\">{this.counter && ` (${this.counter})`}</span>\n        <span class=\"sort\">{this.sortasc ? this.sortlabelasc : this.sortlabeldesc}</span>\n        <z-icon\n          name=\"caret-up-down\"\n          width={16}\n          height={16}\n        />\n      </button>\n    );\n  }\n}\n"],"mappings":"iFAAA,MAAMA,EAAY,i6CAClB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yLAmBE,M,mBAIC,M,gBAIF,M,aAIH,K,kBAGL,K,CAQP,mBAAAC,GACN,IAAKC,KAAKC,WAAY,CACpBD,KAAKC,WAAa,I,KACb,CACLD,KAAKE,SAAWF,KAAKE,O,CAEvBF,KAAKG,gBAAgBC,KAAK,CACxBC,SAAUL,KAAKK,SACfC,QAASN,KAAKE,S,CAIlB,gBAAAK,GACE,GAAIP,KAAKQ,sBAAwBC,OAAOC,WAAaC,EAAkB,CACrEX,KAAKY,aAAe,I,EAIhB,cAAAC,GACN,OAAOb,KAAKY,aAAe,GAAGZ,KAAKE,QAAUF,KAAKc,MAAQd,KAAKe,YAAc,E,CAGvE,kBAAAP,GACN,OAAOR,KAAKgB,SAASC,YAAcjB,KAAKgB,SAASE,W,CAGnD,MAAAC,GACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,MAAOtB,KAAKa,iBACZU,GAAIvB,KAAKK,SACTmB,MAAOxB,KAAKC,YAAc,WAC1BwB,QAAS,IAAMzB,KAAKD,uBAEpBqB,EAAA,QAAAC,IAAA,2CACEK,IAAMC,GAAQ3B,KAAKgB,SAAWW,EAC9BH,MAAM,aAEJxB,KAAKE,SAAWF,KAAKe,UAAYf,KAAKe,UAAYf,KAAKc,OAE3DM,EAAA,QAAAC,IAAA,2CAAMG,MAAM,WAAWxB,KAAK4B,SAAW,KAAK5B,KAAK4B,YACjDR,EAAA,QAAAC,IAAA,2CAAMG,MAAM,QAAQxB,KAAKE,QAAUF,KAAK6B,aAAe7B,KAAK8B,eAC5DV,EAAA,UAAAC,IAAA,2CACEU,KAAK,gBACLC,MAAO,GACPC,OAAQ,K"}

package/www/build/p-88cf27cf.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as n,a as s,g as o}from"./p-10bb4f4b.js";import{B as i,e as a}from"./p-025f494e.js";const c=':host{position:relative;display:flex;min-width:128px;box-sizing:border-box;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([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([show-menu])::after{display:inline-block;height:100%;margin-right:calc(var(--space-unit) * 4);background:transparent;content:"";user-select:none}.cell--menu-container{position:absolute;z-index:1;top:var(--space-unit);right:var(--space-unit)}: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{opacity:1;pointer-events:all}@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{opacity:1;pointer-events:all}}';const r=c;const l=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(s,{key:"54c578b455a56b02dfa3d44ac06dcd93df0571ef",role:"cell","menu-open":this.isMenuOpen},n("slot",{key:"c6613e265609bc28ef82ab34e7477ea7c25b78e2"}),this.showMenu&&n("div",{class:"cell--menu-container prevent-expand"},n("z-button",{variant:i.TERTIARY,icon:"contextual-menu",size:a.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open},n("slot",{name:"contextual-menu"}))))}get host(){return o(this)}static get watchers(){return{colspan:["updateColspan"]}}};l.style=r;export{l as Z};
-//# sourceMappingURL=p-88cf27cf.js.map

package/www/build/p-88cf27cf.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTdStyle0","ZTd","updateColspan","this","colspan","host","style","gridColumn","removeProperty","colspanChange","emit","onMenuButtonClick","ev","stopPropagation","popoverEl","open","componentWillLoad","render","h","Host","key","role","isMenuOpen","showMenu","class","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","onClick","bind","bindTo","onOpenChange","event","detail","name"],"sources":["src/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","src/components/table/cells/z-td/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\n@Component({\n  tag: \"z-td\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTd {\n  @Element() host: HTMLZTdElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\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   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  private menuTrigger: HTMLZButtonElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Emitted when the value of the `colspan` changes.\n   */\n  @Event({\n    bubbles: true,\n    cancelable: false,\n  })\n  colspanChange: EventEmitter<number>;\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    this.colspanChange.emit(this.colspan || 1);\n  }\n\n  private onMenuButtonClick(ev: MouseEvent): void {\n    ev.stopPropagation();\n    this.popoverEl.open = !this.popoverEl.open;\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZTdElement {\n    return (\n      <Host\n        role=\"cell\"\n        menu-open={this.isMenuOpen}\n      >\n        <slot></slot>\n        {this.showMenu && (\n          <div class=\"cell--menu-container prevent-expand\">\n            <z-button\n              variant={ButtonVariant.TERTIARY}\n              icon=\"contextual-menu\"\n              size={ControlSize.X_SMALL}\n              ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n              onClick={this.onMenuButtonClick.bind(this)}\n            />\n            <z-popover\n              ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n              bindTo={this.menuTrigger as HTMLElement}\n              onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n            >\n              <slot name=\"contextual-menu\"></slot>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAY,2gCAClB,MAAAC,EAAeD,E,MCWFE,EAAG,M,yGAaL,M,cAQuB,K,gBAMnB,K,CAgBH,aAAAC,GACR,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,KAAKC,MAAMC,WAAa,QAAQJ,KAAKC,S,KACrC,CACLD,KAAKE,KAAKC,MAAME,eAAe,c,CAGjCL,KAAKM,cAAcC,KAAKP,KAAKC,SAAW,E,CAGlC,iBAAAO,CAAkBC,GACxBA,EAAGC,kBACHV,KAAKW,UAAUC,MAAQZ,KAAKW,UAAUC,I,CAGxC,iBAAAC,GACEb,KAAKD,e,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,OAAM,YACAlB,KAAKmB,YAEhBJ,EAAA,QAAAE,IAAA,6CACCjB,KAAKoB,UACJL,EAAA,OAAKM,MAAM,uCACTN,EAAA,YACEO,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQ9B,KAAK+B,YAAcD,EACjCE,QAAShC,KAAKQ,kBAAkByB,KAAKjC,QAEvCe,EAAA,aACEc,IAAMC,GAAQ9B,KAAKW,UAAYmB,EAC/BI,OAAQlC,KAAK+B,YACbI,aAAeC,GAAWpC,KAAKmB,WAAaiB,EAAMC,OAAOzB,MAEzDG,EAAA,QAAMuB,KAAK,sB"}

package/www/build/p-955da62e.js

@@ -1,2 +0,0 @@
-import{g as e,p as t}from"./p-025f494e.js";import{d as a,t as r,m as n}from"./p-2c886e8b.js";function s(e){switch(e){case true:case"true":case 1:case"1":case"on":case"yes":return true;case false:case"false":case 0:case"0":case"off":case"no":return false;default:return e}}function c(){return Math.random().toString(36).replace("0.","")}function u(t,a,...r){if(t.code===e.ENTER||t.code===e.SPACE){t.preventDefault();a(...r)}}function f(t,a,...r){if(t.code===e.ENTER){t.preventDefault();a(...r)}}function o(e=null){if(!e){e=document.activeElement}if(e&&e.shadowRoot&&e.shadowRoot.activeElement){e=e.shadowRoot.activeElement;return o(e)}return e}function i(e,t=[]){t.push(e);if(e.parentElement){e=e.parentElement;return i(e,t)}else if(e.parentNode&&e.parentNode.host){e=e.parentNode.host;return i(e,t)}return t}function l(){switch(true){case window.innerWidth<=n:return t.MOBILE;case window.innerWidth<=r:return t.TABLET;case window.innerWidth<=a:return t.DESKTOP;default:return t.DESKTOP_WIDE}}function d(e){try{return JSON.parse(e)}catch(e){return false}}function w(e){const t="avatar-C";const a=19;const r=Math.ceil(2**31-1)*parseFloat(`0.${e}`);let n=Math.ceil(a*(r%1));if(n===0){n=1}return`${t}${n.toString().padStart(2,"0")}`}export{u as a,s as b,w as c,i as d,o as e,d as f,l as g,f as h,c as r};
-//# sourceMappingURL=p-955da62e.js.map

package/www/build/p-955da62e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["boolean","value","randomId","Math","random","toString","replace","handleKeyboardSubmit","ev","callback","args","code","KeyboardCode","ENTER","SPACE","preventDefault","handleEnterKeydSubmit","getClickedElement","elem","document","activeElement","shadowRoot","getElementTree","tree","push","parentElement","parentNode","host","getDevice","window","innerWidth","mobileBreakpoint","Device","MOBILE","tabletBreakpoint","TABLET","desktopBreakpoint","DESKTOP","DESKTOP_WIDE","convertJson","data","JSON","parse","_a","colorFromId","id","prefix","colorsCount","seed","ceil","parseFloat","color","padStart"],"sources":["src/utils/utils.ts"],"sourcesContent":["import {ChildNode} from \"@stencil/core\";\nimport {KeyboardCode, Device} from \"../beans/index\";\nimport {desktopBreakpoint, mobileBreakpoint, tabletBreakpoint} from \"../constants/breakpoints\";\n\nexport function format(first: string, middle: string, last: string): string {\n  return (first || \"\") + (middle ? ` ${middle}` : \"\") + (last ? ` ${last}` : \"\");\n}\n\n/**\n * Return boolean value for passed value if a boolean corresponding value is found\n * Return passed value otherwise\n */\nexport function boolean(value: string | number | boolean): boolean | string | number {\n  switch (value) {\n    case true:\n    case \"true\":\n    case 1:\n    case \"1\":\n    case \"on\":\n    case \"yes\":\n      return true;\n    case false:\n    case \"false\":\n    case 0:\n    case \"0\":\n    case \"off\":\n    case \"no\":\n      return false;\n    default:\n      return value;\n  }\n}\n\nexport function retrieveAsset(assetName: string): string {\n  return assetName && \"assets/images/png/\" + assetName;\n}\n\nexport function randomId(): string {\n  return Math.random().toString(36).replace(\"0.\", \"\");\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleKeyboardSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER || ev.code === KeyboardCode.SPACE) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function handleEnterKeydSubmit(ev: KeyboardEvent, callback: (...args) => void, ...args: any[]): void {\n  if (ev.code === KeyboardCode.ENTER) {\n    ev.preventDefault();\n    callback(...args);\n  }\n}\n\nexport function getClickedElement(elem: null | Element = null): null | Element {\n  if (!elem) {\n    elem = document.activeElement;\n  }\n\n  if (elem && elem.shadowRoot && elem.shadowRoot.activeElement) {\n    elem = elem.shadowRoot.activeElement;\n\n    return getClickedElement(elem);\n  }\n\n  return elem;\n}\n\nexport function getElementTree(elem: Element, tree: Element[] = []): null | Element[] {\n  tree.push(elem);\n\n  if (elem.parentElement) {\n    elem = elem.parentElement;\n\n    return getElementTree(elem, tree);\n  } else if (elem.parentNode && (elem.parentNode as ShadowRoot).host) {\n    elem = (elem.parentNode as ShadowRoot).host;\n\n    return getElementTree(elem, tree);\n  }\n\n  return tree;\n}\n\nexport function getSiblings(elem: HTMLElement): ChildNode[] {\n  const siblings = [];\n  if (!elem || !elem.parentNode || !elem.parentNode.childNodes) {\n    return siblings;\n  }\n\n  elem.parentNode.childNodes.forEach((child) => {\n    if (child.nodeType === 1 && child !== elem) {\n      siblings.push(child);\n    }\n  });\n\n  return siblings;\n}\n\nexport function getDevice(): Device {\n  switch (true) {\n    case window.innerWidth <= mobileBreakpoint:\n      return Device.MOBILE;\n    case window.innerWidth <= tabletBreakpoint:\n      return Device.TABLET;\n    case window.innerWidth <= desktopBreakpoint:\n      return Device.DESKTOP;\n    default:\n      return Device.DESKTOP_WIDE;\n  }\n}\n\ntype JSONValue = string | number | boolean | JSONObject | JSONArray;\ninterface JSONObject {\n  [x: string]: JSONValue;\n}\ntype JSONArray = JSONValue[];\n\nexport function convertJson(data: string): JSONValue {\n  try {\n    return JSON.parse(data);\n  } catch {\n    return false;\n  }\n}\n\nexport function colorFromId(id: number): string {\n  const prefix = \"avatar-C\"; // prefix for color vars name\n  const colorsCount = 19; // available colors\n  const seed = Math.ceil(2 ** 31 - 1) * parseFloat(`0.${id}`);\n  let color = Math.ceil(colorsCount * (seed % 1));\n\n  // if result of mc is 0\n  // es.: 3895229\n  if (color === 0) {\n    color = 1;\n  }\n\n  return `${prefix}${color.toString().padStart(2, \"0\")}`;\n}\n"],"mappings":"sGAYgBA,EAAQC,GACtB,OAAQA,GACN,KAAK,KACL,IAAK,OACL,KAAK,EACL,IAAK,IACL,IAAK,KACL,IAAK,MACH,OAAO,KACT,KAAK,MACL,IAAK,QACL,KAAK,EACL,IAAK,IACL,IAAK,MACL,IAAK,KACH,OAAO,MACT,QACE,OAAOA,EAEb,C,SAMgBC,IACd,OAAOC,KAAKC,SAASC,SAAS,IAAIC,QAAQ,KAAM,GAClD,C,SAGgBC,EAAqBC,EAAmBC,KAAgCC,GACtF,GAAIF,EAAGG,OAASC,EAAaC,OAASL,EAAGG,OAASC,EAAaE,MAAO,CACpEN,EAAGO,iBACHN,KAAYC,E,CAEhB,C,SAGgBM,EAAsBR,EAAmBC,KAAgCC,GACvF,GAAIF,EAAGG,OAASC,EAAaC,MAAO,CAClCL,EAAGO,iBACHN,KAAYC,E,CAEhB,C,SAEgBO,EAAkBC,EAAuB,MACvD,IAAKA,EAAM,CACTA,EAAOC,SAASC,a,CAGlB,GAAIF,GAAQA,EAAKG,YAAcH,EAAKG,WAAWD,cAAe,CAC5DF,EAAOA,EAAKG,WAAWD,cAEvB,OAAOH,EAAkBC,E,CAG3B,OAAOA,CACT,C,SAEgBI,EAAeJ,EAAeK,EAAkB,IAC9DA,EAAKC,KAAKN,GAEV,GAAIA,EAAKO,cAAe,CACtBP,EAAOA,EAAKO,cAEZ,OAAOH,EAAeJ,EAAMK,E,MACvB,GAAIL,EAAKQ,YAAeR,EAAKQ,WAA0BC,KAAM,CAClET,EAAQA,EAAKQ,WAA0BC,KAEvC,OAAOL,EAAeJ,EAAMK,E,CAG9B,OAAOA,CACT,C,SAiBgBK,IACd,OAAQ,MACN,KAAKC,OAAOC,YAAcC,EACxB,OAAOC,EAAOC,OAChB,KAAKJ,OAAOC,YAAcI,EACxB,OAAOF,EAAOG,OAChB,KAAKN,OAAOC,YAAcM,EACxB,OAAOJ,EAAOK,QAChB,QACE,OAAOL,EAAOM,aAEpB,C,SAQgBC,EAAYC,GAC1B,IACE,OAAOC,KAAKC,MAAMF,E,CAClB,MAAAG,GACA,OAAO,K,CAEX,C,SAEgBC,EAAYC,GAC1B,MAAMC,EAAS,WACf,MAAMC,EAAc,GACpB,MAAMC,EAAO7C,KAAK8C,KAAK,GAAK,GAAK,GAAKC,WAAW,KAAKL,KACtD,IAAIM,EAAQhD,KAAK8C,KAAKF,GAAeC,EAAO,IAI5C,GAAIG,IAAU,EAAG,CACfA,EAAQ,C,CAGV,MAAO,GAAGL,IAASK,EAAM9C,WAAW+C,SAAS,EAAG,MAClD,Q"}

package/www/build/p-97bba1f2.entry.js

@@ -1,2 +0,0 @@
-import{r,h as o}from"./p-10bb4f4b.js";const s=":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-success-inverse);fill:var(--color-success01)}:host>.warning{background:var(--color-warning-inverse);fill:var(--color-warning01)}:host>.error{background:var(--color-error-inverse);fill:var(--color-error01)}";const e=s;const a=class{constructor(o){r(this,o);this.type=undefined}render(){return o("div",{key:"0e8d6f5868bf26d42ced73efef2393b2d0729543",class:this.type},o("slot",{key:"104f5e9e5f2b5cd5ed34a7e3f0ba56e14243a47b"}))}};a.style=e;export{a as z_alert};
-//# sourceMappingURL=p-97bba1f2.entry.js.map

package/www/build/p-97bba1f2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZAlertStyle0","ZAlert","render","h","key","class","this","type"],"sources":["src/snowflakes/myz/z-alert/styles.css?tag=z-alert&encapsulation=shadow","src/snowflakes/myz/z-alert/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  line-height: calc(var(--space-unit) * 2);\n}\n\n:host > div {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host > .success {\n  background: var(--color-success-inverse);\n  fill: var(--color-success01);\n}\n\n:host > .warning {\n  background: var(--color-warning-inverse);\n  fill: var(--color-warning01);\n}\n\n:host > .error {\n  background: var(--color-error-inverse);\n  fill: var(--color-error01);\n}\n","import {Component, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../beans/index\";\n\n/**\n * @slot - alert content\n */\n\n@Component({\n  tag: \"z-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAlert {\n  /** alert variant type */\n  @Prop()\n  type: AlertType;\n\n  render(): HTMLDivElement {\n    return (\n      <div class={this.type}>\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"sCAAA,MAAMA,EAAY,ieAClB,MAAAC,EAAeD,E,MCWFE,EAAM,M,6CAKjB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAOC,KAAKC,MACfJ,EAAA,QAAAC,IAAA,6C"}

package/www/build/p-9882e8a5.entry.js

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

package/www/build/p-9882e8a5.entry.js.map

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

package/www/build/p-98e8d64f.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as a,a as n}from"./p-10bb4f4b.js";import{N as e,a as o}from"./p-025f494e.js";import{I as r}from"./p-4686b762.js";const l='z-navigation-tab>button,z-navigation-tab-link>a{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tab-link>a{text-decoration:none}z-navigation-tab *,z-navigation-tab-link *,z-navigation-tab *::before,z-navigation-tab *::after,z-navigation-tab-link *::before,z-navigation-tab-link *::after{box-sizing:border-box}z-navigation-tab>*:focus:focus-visible,z-navigation-tab-link>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 4px 3px var(--color-highlight)}z-navigation-tab:not([disabled]):hover>*,z-navigation-tab[selected]>*,z-navigation-tab-link:not([disabled]):hover>*,z-navigation-tab-link[selected]>*{color:var(--color-hover-secondary);fill:currentcolor}z-navigation-tab:not([disabled]):hover>*::after,z-navigation-tab[selected]>*::after,z-navigation-tab-link:not([disabled]):hover>*::after,z-navigation-tab-link[selected]>*::after{position:absolute;background-color:var(--color-hover-secondary);content:""}z-navigation-tab[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="horizontal"][selected]>*::after,z-navigation-tab-link[orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="horizontal"][selected]>*::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tab z-icon,z-navigation-tab-link z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tab[orientation="horizontal"] z-icon,z-navigation-tab-link[orientation="horizontal"] z-icon{margin-right:var(--space-unit)}z-navigation-tab:not([disabled]):hover>*{background-color:var(--color-background)}z-navigation-tab[disabled]>*,z-navigation-tab-link[disabled]>*{color:var(--gray500);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tab[size="small"]>*,z-navigation-tab-link[size="small"]>*{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}z-navigation-tab[size="small"][orientation="horizontal"]>*,z-navigation-tab-link[size="small"][orientation="horizontal"]>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tab[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab[size="small"][orientation="horizontal"][selected]>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"]:not([disabled]):hover>*::after,z-navigation-tab-link[size="small"][orientation="horizontal"][selected]>*::after{height:var(--border-size-medium)}z-navigation-tab[size="small"]:not([orientation="vertical"]) z-icon,z-navigation-tab-link[size="small"]:not([orientation="vertical"]) z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tab[orientation="vertical"]>*,z-navigation-tab-link[orientation="vertical"]>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tab[orientation="vertical"]:not([disabled]):hover>*::after,z-navigation-tab[orientation="vertical"][selected]>*::after,z-navigation-tab-link[orientation="vertical"]:not([disabled]):hover>*::after,z-navigation-tab-link[orientation="vertical"][selected]>*::after{top:0;right:0;width:var(--border-size-large);height:100%}';const s=l;const c=class{constructor(a){i(this,a);this.selectedEvent=t(this,"selected",7);this.ariaControls=undefined;this.tabId=undefined;this.selected=false;this.disabled=false;this.orientation=e.HORIZONTAL;this.size=o.BIG;this.icon=undefined;this.label=undefined;this.htmlTitle=undefined}scrollToTab({target:i}){const t=this.orientation===e.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"};i.scrollIntoView(Object.assign({behavior:"smooth"},t))}onClick(){if(!this.disabled){this.selected=true}}onSelected(){if(this.selected){this.selectedEvent.emit()}}renderIcon(){let i=this.icon;const t=`${i.replace(/-filled$/,"")}-filled`;if(this.selected&&Object.keys(r).includes(t)){i=t}return a("z-icon",{name:i})}render(){return a(n,{key:"9f7613292bba051a6fbf38a9da4979d9ad46bce3",role:"tab",id:this.tabId,"aria-selected":this.selected?"true":"false","aria-controls":this.ariaControls},a("button",{key:"724d57e9b6d12f6f4cf30755ff17e5ae51bdc4a5",tabIndex:this.selected?0:-1,onFocus:this.scrollToTab.bind(this),disabled:this.disabled,title:this.htmlTitle},this.icon&&this.renderIcon(),this.orientation===e.HORIZONTAL&&this.label))}static get watchers(){return{selected:["onSelected"]}}};c.style=s;export{c as z_navigation_tab};
-//# sourceMappingURL=p-98e8d64f.entry.js.map

package/www/build/p-98e8d64f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["navigationTabCss","ZNavigationTabStyle0","ZNavigationTab","NavigationTabsOrientation","HORIZONTAL","NavigationTabsSize","BIG","scrollToTab","target","button","scrollOptions","this","orientation","block","inline","scrollIntoView","Object","assign","behavior","onClick","disabled","selected","onSelected","selectedEvent","emit","renderIcon","icon","iconFilled","replace","keys","ICONS","includes","h","name","render","Host","key","role","id","tabId","ariaControls","tabIndex","onFocus","bind","title","htmlTitle","label"],"sources":["src/deprecated/navigation-tab.css?tag=z-navigation-tab","src/deprecated/z-navigation-tab/index.tsx"],"sourcesContent":["z-navigation-tab > button,\nz-navigation-tab-link > a {\n  position: relative;\n  z-index: 0;\n  display: inline-flex;\n  width: auto;\n  align-items: center;\n  justify-content: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);\n  border: none;\n  margin: 0;\n  background-color: unset;\n  border-radius: var(--border-no-radius);\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: currentcolor;\n  font-family: var(--font-family-sans);\n  font-size: inherit;\n  letter-spacing: inherit;\n  line-height: inherit;\n  outline: none;\n  text-align: center;\n  white-space: nowrap;\n}\n\nz-navigation-tab-link > a {\n  text-decoration: none;\n}\n\nz-navigation-tab *,\nz-navigation-tab-link *,\nz-navigation-tab *::before,\nz-navigation-tab *::after,\nz-navigation-tab-link *::before,\nz-navigation-tab-link *::after {\n  box-sizing: border-box;\n}\n\nz-navigation-tab > *:focus:focus-visible,\nz-navigation-tab-link > *:focus:focus-visible {\n  z-index: 1;\n  box-shadow: inset 0 0 4px 3px var(--color-highlight);\n}\n\nz-navigation-tab:not([disabled]):hover > *,\nz-navigation-tab[selected] > *,\nz-navigation-tab-link:not([disabled]):hover > *,\nz-navigation-tab-link[selected] > * {\n  color: var(--color-hover-secondary);\n  fill: currentcolor;\n}\n\nz-navigation-tab:not([disabled]):hover > *::after,\nz-navigation-tab[selected] > *::after,\nz-navigation-tab-link:not([disabled]):hover > *::after,\nz-navigation-tab-link[selected] > *::after {\n  position: absolute;\n  background-color: var(--color-hover-secondary);\n  content: \"\";\n}\n\nz-navigation-tab[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"horizontal\"][selected] > *::after {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n}\n\nz-navigation-tab z-icon,\nz-navigation-tab-link z-icon {\n  --z-icon-width: calc(var(--space-unit) * 2);\n  --z-icon-height: calc(var(--space-unit) * 2);\n\n  display: flex;\n  margin: 0;\n}\n\nz-navigation-tab[orientation=\"horizontal\"] z-icon,\nz-navigation-tab-link[orientation=\"horizontal\"] z-icon {\n  margin-right: var(--space-unit);\n}\n\nz-navigation-tab:not([disabled]):hover > * {\n  background-color: var(--color-background);\n}\n\nz-navigation-tab[disabled] > *,\nz-navigation-tab-link[disabled] > * {\n  color: var(--gray500);\n  cursor: not-allowed;\n  fill: currentcolor;\n  pointer-events: all;\n}\n\n/* Size small (only available for horizontal) */\nz-navigation-tab[size=\"small\"] > *,\nz-navigation-tab-link[size=\"small\"] > * {\n  font-size: var(--font-size-2);\n  letter-spacing: 0.16px;\n  line-height: 1.4;\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"] > *,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"] > * {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab[size=\"small\"][orientation=\"horizontal\"][selected] > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[size=\"small\"][orientation=\"horizontal\"][selected] > *::after {\n  height: var(--border-size-medium);\n}\n\nz-navigation-tab[size=\"small\"]:not([orientation=\"vertical\"]) z-icon,\nz-navigation-tab-link[size=\"small\"]:not([orientation=\"vertical\"]) z-icon {\n  --z-icon-width: 14px;\n  --z-icon-height: 14px;\n}\n\n/* Orientation Vertical */\nz-navigation-tab[orientation=\"vertical\"] > *,\nz-navigation-tab-link[orientation=\"vertical\"] > * {\n  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);\n}\n\nz-navigation-tab[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab[orientation=\"vertical\"][selected] > *::after,\nz-navigation-tab-link[orientation=\"vertical\"]:not([disabled]):hover > *::after,\nz-navigation-tab-link[orientation=\"vertical\"][selected] > *::after {\n  top: 0;\n  right: 0;\n  width: var(--border-size-large);\n  height: 100%;\n}\n","import {Component, Prop, h, Listen, Event, EventEmitter, Watch, Host} from \"@stencil/core\";\nimport {NavigationTabsOrientation, NavigationTabsSize} from \"../../beans\";\nimport {ICONS} from \"../../components/icons/icons\";\n\n/**\n * Single tab component to use inside `z-navigation-tabs`. It renders a button.\n * This component uses the `tab` role:\n * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tab_role\n */\n@Component({\n  tag: \"z-navigation-tab\",\n  styleUrl: \"../navigation-tab.css\",\n})\nexport class ZNavigationTab {\n  /**\n   * `aria-controls` attribute of the tab.\n   * Identifies the element (with `role=tabpanel`) whose contents or presence are controlled by this tab.\n   * The value must be the `id` of the element it controls.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls\n   */\n  @Prop()\n  ariaControls?: string;\n\n  /**\n   * `id` attribute of the tab.\n   * Set this id to the `aria-labelledby` attribute of the controlled `tabpanel` element.\n   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby\n   * @deprecated Use native `id` attribute instead\n   */\n  @Prop()\n  tabId?: string;\n\n  /**\n   * Whether the tab is selected.\n   */\n  @Prop({mutable: true, reflect: true})\n  selected?: boolean = false;\n\n  /**\n   * Whether the tab is disabled.\n   */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /**\n   * Tab orientation. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  orientation: NavigationTabsOrientation = NavigationTabsOrientation.HORIZONTAL;\n\n  /**\n   * Tab size. Do not set this manually: `z-navigation-tabs` will handle this.\n   */\n  @Prop({reflect: true})\n  size: NavigationTabsSize = NavigationTabsSize.BIG;\n\n  /**\n   * Name of the icon to use.\n   * The `filled` version will be automatically used (if found) when the tab is `selected`.\n   * @deprecated Use a native `<button>` instead.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Label to show in the tab.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Html `title` attribute for the button.\n   */\n  @Prop()\n  htmlTitle: string;\n\n  /**\n   * The tab has been selected.\n   */\n  @Event({eventName: \"selected\"})\n  private selectedEvent: EventEmitter;\n\n  /**\n   * Scroll into view to center the tab.\n   */\n  private scrollToTab({target: button}): void {\n    const scrollOptions = (\n      this.orientation === NavigationTabsOrientation.HORIZONTAL\n        ? {block: \"nearest\", inline: \"center\"}\n        : {block: \"center\", inline: \"nearest\"}\n    ) as ScrollIntoViewOptions;\n\n    button.scrollIntoView({\n      behavior: \"smooth\",\n      ...scrollOptions,\n    });\n  }\n\n  @Listen(\"click\")\n  onClick(): void {\n    if (!this.disabled) {\n      this.selected = true;\n    }\n  }\n\n  @Watch(\"selected\")\n  onSelected(): void {\n    if (this.selected) {\n      this.selectedEvent.emit();\n    }\n  }\n\n  /**\n   * Render the icon component using the icon's name passed from prop.\n   * Use the `filled` version when the tab is `selected`.\n   * @returns {HTMLElement}\n   */\n  private renderIcon(): HTMLZIconElement {\n    let icon = this.icon;\n    const iconFilled = `${icon.replace(/-filled$/, \"\")}-filled`;\n\n    if (this.selected && Object.keys(ICONS).includes(iconFilled)) {\n      icon = iconFilled;\n    }\n\n    return <z-icon name={icon}></z-icon>;\n  }\n\n  render(): HTMLZNavigationTabElement {\n    return (\n      <Host\n        role=\"tab\"\n        id={this.tabId}\n        aria-selected={this.selected ? \"true\" : \"false\"}\n        aria-controls={this.ariaControls}\n      >\n        <button\n          tabIndex={this.selected ? 0 : -1}\n          onFocus={this.scrollToTab.bind(this)}\n          disabled={this.disabled}\n          title={this.htmlTitle}\n        >\n          {this.icon && this.renderIcon()}\n          {this.orientation === NavigationTabsOrientation.HORIZONTAL && this.label}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAmB,69GACzB,MAAAC,EAAeD,E,MCYFE,EAAc,M,gIAuBJ,M,cAMA,M,iBAMoBC,EAA0BC,W,UAMxCC,EAAmBC,I,kEA+BtC,WAAAC,EAAaC,OAAQC,IAC3B,MAAMC,EACJC,KAAKC,cAAgBT,EAA0BC,WAC3C,CAACS,MAAO,UAAWC,OAAQ,UAC3B,CAACD,MAAO,SAAUC,OAAQ,WAGhCL,EAAOM,eAAcC,OAAAC,OAAA,CACnBC,SAAU,UACPR,G,CAKP,OAAAS,GACE,IAAKR,KAAKS,SAAU,CAClBT,KAAKU,SAAW,I,EAKpB,UAAAC,GACE,GAAIX,KAAKU,SAAU,CACjBV,KAAKY,cAAcC,M,EASf,UAAAC,GACN,IAAIC,EAAOf,KAAKe,KAChB,MAAMC,EAAa,GAAGD,EAAKE,QAAQ,WAAY,aAE/C,GAAIjB,KAAKU,UAAYL,OAAOa,KAAKC,GAAOC,SAASJ,GAAa,CAC5DD,EAAOC,C,CAGT,OAAOK,EAAA,UAAQC,KAAMP,G,CAGvB,MAAAQ,GACE,OACEF,EAACG,EAAI,CAAAC,IAAA,2CACHC,KAAK,MACLC,GAAI3B,KAAK4B,MAAK,gBACC5B,KAAKU,SAAW,OAAS,QAAO,gBAChCV,KAAK6B,cAEpBR,EAAA,UAAAI,IAAA,2CACEK,SAAU9B,KAAKU,SAAW,GAAK,EAC/BqB,QAAS/B,KAAKJ,YAAYoC,KAAKhC,MAC/BS,SAAUT,KAAKS,SACfwB,MAAOjC,KAAKkC,WAEXlC,KAAKe,MAAQf,KAAKc,aAClBd,KAAKC,cAAgBT,EAA0BC,YAAcO,KAAKmC,O"}

package/www/build/p-9b50a99a.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_th}from"./p-c0bfa87d.js";import"./p-10bb4f4b.js";import"./p-025f494e.js";
-//# sourceMappingURL=p-9b50a99a.entry.js.map

package/www/build/p-9b50a99a.entry.js.map

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

package/www/build/p-9b52dea5.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as e}from"./p-10bb4f4b.js";import{I as s,e as r,K as o,l as a}from"./p-025f494e.js";import{a as n}from"./p-955da62e.js";import"./p-2c886e8b.js";const h=':host{display:block}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-surface04);margin:0;background-color:var(--color-input-field01);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}:host>div.open>div.header:focus:focus-visible{box-shadow:none}:host>div>div.header:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0;color:var(--color-text01)}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-icon02);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-primary01);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-disabled01);fill:var(--color-disabled01)}:host>div.disabled .header>p.body-3{color:var(--color-disabled02)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-disabled01)}:host>div.open>.header>z-icon{fill:var(--color-icon02);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--color-input-field01);border-radius:0}:host>div.open>div.open-combo-data>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01)}:host>div.open>div.open-combo-data>div.search{overflow:hidden;max-height:auto;margin-top:0;box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--color-primary01) transparent}:host>div.open>div.open-combo-data>div.search>div{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div.search>div>a{display:inline-block;height:44px;color:var(--color-primary01);cursor:pointer;font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';const d=h;const l=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((i=>i.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}inputCheckListener(i){const t=i.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if(t==="check-all"&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length)){return this.checkAll(i.detail.checked)}this.itemsList=this.itemsList.map((e=>{if(e.id===t){e.checked=i.detail.checked}return e}));this.updateRenderItemsList();this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(e){i(this,e);this.comboboxChange=t(this,"comboboxChange",7);this.itemsList=[];this.inputType=s.TEXT;this.inputid=undefined;this.items=undefined;this.label=undefined;this.disabled=false;this.hassearch=false;this.searchlabel=undefined;this.searchplaceholder=undefined;this.searchtitle=undefined;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.closesearchtext="Chiudi";this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.hasgroupitems=undefined;this.size=r.BIG;this.searchValue=undefined;this.selectedCounter=undefined;this.renderItemsList=[];this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((i=>i.checked)).length}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const i=[];this.itemsList.forEach((t=>{i.push(Object.assign({},t))}));this.renderItemsList=i}filterItems(i){if(!i){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((t=>{const e=t.name.toUpperCase().indexOf(i.toUpperCase());const s=e+i.length;const r=t.name.substring(0,e)+t.name.substring(e,s).bold()+t.name.substring(s,t.name.length);t.name=r;return e>=0}))}checkAll(i=true){this.itemsList=this.itemsList.map((t=>Object.assign(Object.assign({},t),{checked:i})));this.resetRenderItemsList();this.emitComboboxChange()}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:i=>{if(i.keyCode===o.SPACE){i.preventDefault()}},onKeyUp:i=>n(i,this.toggleComboBox),role:"button",tabindex:0},e("p",{class:"body-3"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",class:this.size}))}renderContent(){if(!this.isopen){return}return e("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(!this.isopen){return}return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderItem(i,t,o){return e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:t!==o-1,class:this.size},e("z-input",{type:s.CHECKBOX,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter,size:this.size===r.X_SMALL?r.SMALL:this.size}))}renderList(i){if(!i){return}if(!i.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(this.itemsList)}return e("ul",null,i.map(((t,e)=>this.renderItem(t,e,i.length))))}renderGroups(i){const t=i.reduce(((t,e,s)=>{var r;const{category:o}=e;const a=this.renderItem(e,s,i.length);t[o]=(r=t[o])!==null&&r!==void 0?r:[];t[o].push(a);return t}),{});const s=Object.entries(t).map((([i,t])=>e("z-list-group",{"divider-type":a.ELEMENT},e("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},i),t.map((i=>i)))));return e("ul",null,s)}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle",class:this.size}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:i=>n(i,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(!this.isopen){return}return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,onInputChange:i=>{if(i.detail.keycode===27){return this.closeFilterItems()}this.searchValue=i.detail.value}})}renderCheckAll(){if(this.searchValue){return}const i=this.selectedCounter===this.itemsList.length;return e("div",{class:"check-all-wrapper"},e("z-input",{type:s.CHECKBOX,checked:i,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:i?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===r.X_SMALL?r.SMALL:this.size}))}render(){return e("div",{key:"60fd65ff74672014003f4f0bfe8187a3b9688e72","data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"]}}};l.style=d;export{l as z_combobox};
-//# sourceMappingURL=p-9b52dea5.entry.js.map

package/www/build/p-9b52dea5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZComboboxStyle0","ZCombobox","watchItems","this","itemsList","items","JSON","parse","selectedCounter","filter","item","checked","length","updateRenderItemsList","watchSearchValue","filterItems","searchValue","inputCheckListener","e","id","detail","replace","inputid","maxcheckableitems","checkAll","map","emitComboboxChange","comboboxChange","emit","constructor","hostRef","inputType","InputType","TEXT","ControlSize","BIG","toggleComboBox","bind","closeFilterItems","componentWillLoad","componentWillRender","resetRenderItemsList","renderItemsList","forEach","push","Object","assign","value","start","name","toUpperCase","indexOf","end","newName","substring","bold","isopen","renderHeader","h","class","onClick","onKeyDown","ev","keyCode","KeyboardKeyCode","SPACE","preventDefault","onKeyUp","handleKeyboardSubmit","role","tabindex","label","size","renderContent","hassearch","renderSearchInput","hascheckall","renderCheckAll","renderItems","renderList","renderCloseButton","renderItem","index","listitemid","action","underlined","type","CHECKBOX","htmlid","disabled","X_SMALL","SMALL","renderNoSearchResults","hasgroupitems","renderGroups","i","newData","reduce","group","category","zListItem","_a","listGroups","entries","key","ListDividerType","ELEMENT","slot","text","noresultslabel","icon","closesearchtext","searchlabel","placeholder","searchplaceholder","htmltitle","searchtitle","message","onInputChange","keycode","allChecked","uncheckalltext","checkalltext","render","open","fixed","isfixed"],"sources":["src/components/inputs/z-combobox/styles.css?tag=z-combobox&encapsulation=shadow","src/components/inputs/z-combobox/index.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host > div.fixed {\n  position: relative;\n}\n\n:host > div > .header {\n  position: relative;\n  z-index: 10;\n  display: flex;\n  min-height: 42px;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 calc(var(--space-unit) * 1.5);\n  border: var(--border-size-small) solid var(--color-surface04);\n  margin: 0;\n  background-color: var(--color-input-field01);\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n}\n\n:host([size=\"small\"]) > div > .header {\n  min-height: 34px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header {\n  min-height: 30px;\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) > div > .header p.body-3 {\n  padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n:host > div > .header:hover {\n  outline: var(--border-size-medium) solid var(--color-surface04);\n  outline-offset: -2px;\n}\n\n:host > div.open > div.header:focus:focus-visible {\n  box-shadow: none;\n}\n\n:host > div > div.header:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n:host > div > .header > p.body-3 {\n  padding: var(--space-unit) 0;\n  margin: 0;\n  color: var(--color-text01);\n}\n\n:host > div > .header > p.body-3 > span {\n  font-weight: var(--font-sb);\n}\n\n:host > div > .header > z-icon {\n  fill: var(--color-icon02);\n  transform: rotate(360deg);\n  transition: all 200ms linear;\n}\n\n:host > div > .header > z-icon.small,\n:host > div > .header > z-icon.x-small {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n:host > div.open > .header {\n  border: var(--border-size-small) solid var(--color-primary01);\n  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;\n}\n\n:host > div.disabled {\n  pointer-events: none;\n}\n\n:host > div.disabled .header {\n  border-color: var(--color-disabled01);\n  fill: var(--color-disabled01);\n}\n\n:host > div.disabled .header > p.body-3 {\n  color: var(--color-disabled02);\n}\n\n:host > div.disabled .header > z-icon:last-child {\n  fill: var(--color-disabled01);\n}\n\n:host > div.open > .header > z-icon {\n  fill: var(--color-icon02);\n  transform: rotate(180deg);\n  transition: all 200ms linear;\n}\n\n:host > div.open > div.open-combo-data {\n  position: relative;\n  z-index: 12;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  border: var(--border-size-small) solid var(--gray200);\n  border-top: 0;\n  background-color: var(--color-input-field01);\n  border-radius: 0;\n}\n\n:host > div.open > div.open-combo-data > div {\n  overflow: auto;\n  max-height: 235px;\n  padding: 0;\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > z-input {\n  width: 100%;\n  margin-bottom: calc(var(--space-unit) * 2);\n}\n\n:host > div.open > div.open-combo-data > div > ul {\n  max-height: 235px;\n  padding: 0 3px; /* needed for checkbox focus shadow */\n  margin: 0;\n}\n\n::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n}\n\n:host > div.open > z-input {\n  position: relative;\n  z-index: 1;\n  width: 238px;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n}\n\n:host > div.open > div.open-combo-data > div.search {\n  overflow: hidden;\n  max-height: auto;\n  margin-top: 0;\n  box-shadow: 1px 1px 4px 2px rgb(217 222 227 / 50%);\n}\n\n:host > div.open > div.open-combo-data > div.search > ul {\n  overflow: auto;\n  max-height: 180px;\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n:host > div.open > div.open-combo-data > div.search > div {\n  display: flex;\n  justify-content: center;\n}\n\n:host > div.open > div.open-combo-data > div.search > div > a {\n  display: inline-block;\n  height: 44px;\n  color: var(--color-primary01);\n  cursor: pointer;\n  font-family: var(--font-family-sans);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 44px;\n  text-align: center;\n  text-transform: uppercase;\n}\n\n:host > div.open > div.open-combo-data > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);\n  border-bottom: var(--border-size-small) solid var(--gray800);\n  margin-bottom: var(--space-unit);\n  text-align: left;\n}\n\n:host([size=\"small\"]) > div.open > div.open-combo-data > div.check-all-wrapper {\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n}\n\n:host([size=\"x-small\"]) > div.open > div.open-combo-data > div.check-all-wrapper {\n  padding: var(--space-unit) calc(var(--space-unit) * 0.5);\n}\n","import {Component, Prop, h, State, Listen, Watch, Event, EventEmitter} from \"@stencil/core\";\nimport {ComboItem, InputType, KeyboardKeyCode, ListDividerType, ControlSize} from \"../../../beans\";\nimport {ZInput} from \"../z-input\";\nimport {handleKeyboardSubmit} from \"../../../utils/utils\";\nimport {ZMyzListItem} from \"../../../snowflakes/myz/list/z-myz-list-item\";\n\n@Component({\n  tag: \"z-combobox\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCombobox {\n  /** input unique id */\n  @Prop()\n  inputid: string;\n\n  /** list items array */\n  @Prop()\n  items: ComboItem[] | string;\n\n  /** label text */\n  @Prop()\n  label: string;\n\n  /** the combobox is disabled */\n  @Prop({reflect: true})\n  disabled?: boolean = false;\n\n  /** show search input flag (optional) */\n  @Prop()\n  hassearch?: boolean = false;\n\n  /** search input label text (optional) */\n  @Prop()\n  searchlabel?: string;\n\n  /** search input placeholder text (optional) */\n  @Prop()\n  searchplaceholder?: string;\n\n  /** search input title text (optional) */\n  @Prop()\n  searchtitle?: string;\n\n  /** no result text message */\n  @Prop()\n  noresultslabel?: string = \"Nessun risultato\";\n\n  /** toggle combo list opening flag */\n  @Prop({mutable: true})\n  isopen = false;\n\n  /** fixed style flag */\n  @Prop()\n  isfixed = false;\n\n  /** close combobox list text */\n  @Prop()\n  closesearchtext?: string = \"Chiudi\";\n\n  /** show \"check all\" checkbox (optional) */\n  @Prop()\n  hascheckall?: boolean = false;\n\n  /** check all label (optional) */\n  @Prop()\n  checkalltext?: string = \"Seleziona tutti\";\n\n  /** uncheck all label (optional) */\n  @Prop()\n  uncheckalltext?: string = \"Deseleziona tutti\";\n\n  /** max number of checkable items (0 = unlimited) */\n  @Prop()\n  maxcheckableitems = 0;\n\n  /** group items by category */\n  @Prop()\n  hasgroupitems?: boolean;\n\n  /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n  @Prop()\n  size?: ControlSize = ControlSize.BIG;\n\n  @State()\n  searchValue: string;\n\n  @State()\n  selectedCounter: number;\n\n  @State()\n  renderItemsList: ComboItem[] = []; // used for render only\n\n  private itemsList: ComboItem[] = [];\n\n  private inputType: InputType = InputType.TEXT;\n\n  @Watch(\"items\")\n  watchItems(): void {\n    this.itemsList = typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n    this.updateRenderItemsList();\n  }\n\n  @Watch(\"searchValue\")\n  watchSearchValue(): void {\n    this.filterItems(this.searchValue);\n  }\n\n  @Listen(\"inputCheck\")\n  inputCheckListener(e: CustomEvent): void {\n    const id = e.detail.id.replace(`combo-checkbox-${this.inputid}-`, \"\");\n\n    if (id === \"check-all\" && (!this.maxcheckableitems || this.maxcheckableitems >= this.itemsList.length)) {\n      return this.checkAll(e.detail.checked);\n    }\n\n    this.itemsList = this.itemsList.map((item: ComboItem) => {\n      if (item.id === id) {\n        item.checked = e.detail.checked;\n      }\n\n      return item;\n    });\n    this.updateRenderItemsList();\n    this.emitComboboxChange();\n  }\n\n  /** Emitted when value is checked/unchecked. Returns id, items. */\n  @Event()\n  comboboxChange: EventEmitter;\n\n  private emitComboboxChange(): void {\n    this.comboboxChange.emit({id: this.inputid, items: this.itemsList});\n  }\n\n  constructor() {\n    this.toggleComboBox = this.toggleComboBox.bind(this);\n    this.closeFilterItems = this.closeFilterItems.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.watchItems();\n  }\n\n  componentWillRender(): void {\n    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;\n  }\n\n  private updateRenderItemsList(): void {\n    if (this.searchValue) {\n      this.filterItems(this.searchValue);\n    } else {\n      this.resetRenderItemsList();\n    }\n  }\n\n  private resetRenderItemsList(): void {\n    const renderItemsList = [];\n    this.itemsList.forEach((item: ComboItem) => {\n      renderItemsList.push({...item});\n    });\n    this.renderItemsList = renderItemsList;\n  }\n\n  private filterItems(value: string): void {\n    if (!value) {\n      return this.closeFilterItems();\n    }\n\n    this.resetRenderItemsList();\n    this.renderItemsList = this.renderItemsList.filter((item) => {\n      const start = item.name.toUpperCase().indexOf(value.toUpperCase());\n      const end = start + value.length;\n      const newName =\n        item.name.substring(0, start) +\n        item.name.substring(start, end).bold() +\n        item.name.substring(end, item.name.length);\n\n      item.name = newName;\n\n      return start >= 0;\n    });\n  }\n\n  private checkAll(checked = true): void {\n    this.itemsList = this.itemsList.map((item: ComboItem) => ({\n      ...item,\n      checked: checked,\n    }));\n    this.resetRenderItemsList();\n    this.emitComboboxChange();\n  }\n\n  private closeFilterItems(): void {\n    this.searchValue = \"\";\n    this.resetRenderItemsList();\n  }\n\n  private toggleComboBox(): void {\n    this.isopen = !this.isopen;\n  }\n\n  private renderHeader(): HTMLDivElement {\n    return (\n      <div\n        class=\"header\"\n        onClick={() => this.toggleComboBox()}\n        onKeyDown={(ev: KeyboardEvent) => {\n          if (ev.keyCode === KeyboardKeyCode.SPACE) {\n            ev.preventDefault();\n          }\n        }}\n        onKeyUp={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.toggleComboBox)}\n        role=\"button\"\n        tabindex={0}\n      >\n        <p class=\"body-3\">\n          {this.label}\n          <span>{this.selectedCounter > 0 && ` (${this.selectedCounter})`}</span>\n        </p>\n        <z-icon\n          name=\"caret-down\"\n          class={this.size}\n        />\n      </div>\n    );\n  }\n\n  private renderContent(): HTMLDivElement {\n    if (!this.isopen) {\n      return;\n    }\n\n    return (\n      <div class=\"open-combo-data\">\n        {this.hassearch && this.renderSearchInput()}\n        {this.hascheckall && this.renderCheckAll()}\n        {this.renderItems()}\n      </div>\n    );\n  }\n\n  private renderItems(): HTMLDivElement {\n    if (!this.isopen) {\n      return;\n    }\n\n    return (\n      <div\n        class={this.searchValue && \"search\"}\n        tabindex={-1}\n      >\n        {this.renderList(this.renderItemsList)}\n        {this.searchValue && this.renderCloseButton()}\n      </div>\n    );\n  }\n\n  private renderItem(item: ComboItem, index: number, length: number): ZMyzListItem {\n    return (\n      <z-myz-list-item\n        id={item.id}\n        listitemid={item.id}\n        action={`combo-li-${this.inputid}`}\n        underlined={index !== length - 1}\n        class={this.size}\n      >\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={item.checked}\n          htmlid={`combo-checkbox-${this.inputid}-${item.id}`}\n          label={item.name}\n          disabled={!item.checked && this.maxcheckableitems && this.maxcheckableitems === this.selectedCounter}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n        />\n      </z-myz-list-item>\n    );\n  }\n\n  private renderList(items: ComboItem[]): HTMLUListElement {\n    if (!items) {\n      return;\n    }\n    if (!items.length && this.searchValue) {\n      return this.renderNoSearchResults();\n    }\n\n    if (this.hasgroupitems) {\n      return this.renderGroups(this.itemsList);\n    }\n\n    return (\n      <ul>\n        {items.map((item, i) => {\n          return this.renderItem(item, i, items.length);\n        })}\n      </ul>\n    );\n  }\n\n  private renderGroups(items: ComboItem[]): HTMLUListElement {\n    const newData = items.reduce((group, item, index) => {\n      const {category} = item;\n      const zListItem = this.renderItem(item, index, items.length);\n\n      group[category] = group[category] ?? [];\n      group[category].push(zListItem);\n\n      return group;\n    }, {});\n\n    const listGroups = Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n      return (\n        <z-list-group divider-type={ListDividerType.ELEMENT}>\n          <span\n            class=\"body-3-sb z-list-group-title\"\n            slot=\"header-title\"\n          >\n            {key}\n          </span>\n          {value.map((item) => item)}\n        </z-list-group>\n      );\n    });\n\n    return <ul>{listGroups}</ul>;\n  }\n\n  private renderNoSearchResults(): HTMLUListElement {\n    return (\n      <ul>\n        <z-myz-list-item\n          id=\"no-results\"\n          text={this.noresultslabel}\n          listitemid=\"no-results\"\n          icon=\"multiply-circle\"\n          class={this.size}\n        />\n      </ul>\n    );\n  }\n\n  private renderCloseButton(): HTMLDivElement {\n    return (\n      <div>\n        <a\n          onClick={() => this.closeFilterItems()}\n          onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, this.closeFilterItems)}\n          role=\"button\"\n          tabindex={0}\n        >\n          {this.closesearchtext}\n        </a>\n      </div>\n    );\n  }\n\n  private renderSearchInput(): ZInput {\n    if (!this.isopen) {\n      return;\n    }\n\n    return (\n      <z-input\n        htmlid={`${this.inputid}_search`}\n        label={this.searchlabel}\n        placeholder={this.searchplaceholder}\n        htmltitle={this.searchtitle}\n        type={this.inputType}\n        value={this.searchValue}\n        message={false}\n        size={this.size}\n        onInputChange={(e: CustomEvent) => {\n          if (e.detail.keycode === 27) {\n            return this.closeFilterItems();\n          }\n          this.searchValue = e.detail.value;\n        }}\n      />\n    );\n  }\n\n  private renderCheckAll(): HTMLDivElement {\n    if (this.searchValue) {\n      return;\n    }\n\n    const allChecked = this.selectedCounter === this.itemsList.length;\n\n    return (\n      <div class=\"check-all-wrapper\">\n        <z-input\n          type={InputType.CHECKBOX}\n          checked={allChecked}\n          htmlid={`combo-checkbox-${this.inputid}-check-all`}\n          label={allChecked ? this.uncheckalltext : this.checkalltext}\n          disabled={this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length}\n          size={this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size}\n        />\n      </div>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        data-action={`combo-${this.inputid}`}\n        class={{open: this.isopen, fixed: this.isfixed, disabled: this.disabled}}\n        id={this.inputid}\n      >\n        {this.renderHeader()}\n        {!this.disabled && this.renderContent()}\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/www/build/p-9bcb606c.entry.js

@@ -1,2 +0,0 @@
-export{Z as z_table_empty_box}from"./p-5e585fe9.js";import"./p-10bb4f4b.js";
-//# sourceMappingURL=p-9bcb606c.entry.js.map

package/www/build/p-9bcb606c.entry.js.map

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

package/www/build/p-9e71d6b3.entry.js

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

package/www/build/p-9e71d6b3.entry.js.map

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

package/www/build/p-9f47cebe.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as n}from"./p-10bb4f4b.js";const o=":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";const i=o;const s=class{constructor(n){t(this,n)}render(){return n("slot",{key:"043113235ab04ac3c32e73cecc87f3098b02a666"})}};s.style=i;export{s as z_stepper};
-//# sourceMappingURL=p-9f47cebe.entry.js.map

package/www/build/p-9f47cebe.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","render","h","key"],"sources":["src/components/indicators/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/indicators/z-stepper/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot - z-stepper-item\n */\n@Component({\n  tag: \"z-stepper\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepper {\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,oSAClB,MAAAC,EAAeD,E,MCSFE,EAAQ,M,yBACnB,MAAAC,GACE,OAAOC,EAAA,QAAAC,IAAA,4C"}

package/www/build/p-9f979c92.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i}from"./p-10bb4f4b.js";const n=".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";const a=n;const t=class{constructor(i){e(this,i);this.elemid=undefined;this.imgurl=undefined;this.imgalt=undefined;this.linkicon=undefined;this.linklabel=undefined;this.url=undefined;this.target="_blank";this.isdisabled=false;this.descrSlotName=undefined}renderIcon(){if(this.isdisabled){return i("img",{src:this.imgurl,alt:this.imgalt})}return i("a",{class:"elem-icon",href:this.url,target:this.target},i("img",{src:this.imgurl,alt:this.imgalt}))}render(){const e=this.elemid?this.elemid:"";return i("div",{key:"ef6db6ad212d9675eca3c713a1b4f91cd18f78e0",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&i("div",{"aria-hidden":"true",class:"panel-elem-icon"},this.renderIcon()),i("div",{key:"3735e07d1d2f29df948cc305a0dc03f8f18bf136",class:"panel-elem-link"},i("a",{key:"4ddfc8fa8ee168e4b92bf7a8c2c13bc3c3b365c5",class:{"z-link":true,"z-link-disabled":this.isdisabled,"z-link-icon":true},id:e+"link_id",href:this.url,target:this.target},i("z-icon",{key:"fe5d6af74bba6f36ef4b5458c51e3e4b4d17db54",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&i("div",{class:"panel-elem-desc"},i("slot",{name:this.descrSlotName})))}};t.style=a;export{t as z_panel_elem};
-//# sourceMappingURL=p-9f979c92.entry.js.map

package/www/build/p-9f979c92.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZPanelElemStyle0","ZPanelElem","renderIcon","this","isdisabled","h","src","imgurl","alt","imgalt","class","href","url","target","render","elemId","elemid","key","id","height","width","name","linkicon","linklabel","descrSlotName"],"sources":["src/components/panel/z-panel-elem/styles.css?tag=z-panel-elem&encapsulation=scoped","src/components/panel/z-panel-elem/index.tsx"],"sourcesContent":[":host {\n  width: inherit;\n  font-family: var(--font-family sans);\n  font-weight: var(--font-rg);\n}\n\n.panel-elem-container {\n  width: 100%;\n}\n\n.panel-elem-icon {\n  margin: auto calc(var(--space-unit) * 3);\n}\n\n.panel-elem-icon img {\n  display: block;\n  max-width: 96px;\n  height: 32px;\n  margin: auto;\n  object-fit: contain;\n}\n\n.panel-elem-link {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: var(--space-unit) auto 0;\n  border-radius: var(--border-no-radius);\n  font-size: 12px;\n}\n\n.panel-elem-link > a.z-link {\n  padding: calc(var(--space-unit) * 0.5) 0;\n  font-weight: var(--font-sb);\n}\n\n.panel-elem-desc {\n  padding-top: var(--space-unit);\n  margin: 0;\n  letter-spacing: 0.16px;\n  text-align: center;\n}\n\na > z-icon {\n  margin-right: var(--space-unit);\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n/**\n * @slot `descrSlotName` - description content\n */\n@Component({\n  tag: \"z-panel-elem\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZPanelElem {\n  /** html element id (optional) */\n  @Prop()\n  elemid?: string;\n\n  /** image url source (optional) */\n  @Prop()\n  imgurl?: string;\n\n  /** alternative image text (optional) */\n  @Prop()\n  imgalt?: string;\n\n  /** icon link name (optional) */\n  @Prop()\n  linkicon?: string;\n\n  /** link label text*/\n  @Prop()\n  linklabel: string;\n\n  /** link url */\n  @Prop()\n  url: string;\n\n  /** link target (optional) */\n  @Prop()\n  target?: string = \"_blank\";\n\n  /** disabled status flag (optional) */\n  @Prop()\n  isdisabled?: boolean = false;\n\n  /** name of slot container (optional) */\n  @Prop()\n  descrSlotName?: string;\n\n  private renderIcon(): HTMLZIconElement {\n    if (this.isdisabled) {\n      return (\n        <img\n          src={this.imgurl}\n          alt={this.imgalt}\n        />\n      );\n    }\n\n    return (\n      <a\n        class=\"elem-icon\"\n        href={this.url}\n        target={this.target}\n      >\n        <img\n          src={this.imgurl}\n          alt={this.imgalt}\n        />\n      </a>\n    );\n  }\n\n  render(): HTMLDivElement {\n    const elemId = this.elemid ? this.elemid : \"\";\n\n    return (\n      <div class=\"panel-elem-container\">\n        {(this.imgurl || this.imgalt) && (\n          <div\n            aria-hidden=\"true\"\n            class=\"panel-elem-icon\"\n          >\n            {this.renderIcon()}\n          </div>\n        )}\n        <div class=\"panel-elem-link\">\n          <a\n            class={{\n              \"z-link\": true,\n              \"z-link-disabled\": this.isdisabled,\n              \"z-link-icon\": true,\n            }}\n            id={elemId + \"link_id\"}\n            href={this.url}\n            target={this.target}\n          >\n            <z-icon\n              height={14}\n              width={14}\n              name={this.linkicon}\n            ></z-icon>\n            {this.linklabel}\n          </a>\n        </div>\n        {this.descrSlotName && (\n          <div class=\"panel-elem-desc\">\n            <slot name={this.descrSlotName} />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAY,4zBAClB,MAAAC,EAAeD,E,MCUFE,EAAU,M,2KA2BH,S,gBAIK,M,6BAMf,UAAAC,GACN,GAAIC,KAAKC,WAAY,CACnB,OACEC,EAAA,OACEC,IAAKH,KAAKI,OACVC,IAAKL,KAAKM,Q,CAKhB,OACEJ,EAAA,KACEK,MAAM,YACNC,KAAMR,KAAKS,IACXC,OAAQV,KAAKU,QAEbR,EAAA,OACEC,IAAKH,KAAKI,OACVC,IAAKL,KAAKM,S,CAMlB,MAAAK,GACE,MAAMC,EAASZ,KAAKa,OAASb,KAAKa,OAAS,GAE3C,OACEX,EAAA,OAAAY,IAAA,2CAAKP,MAAM,yBACPP,KAAKI,QAAUJ,KAAKM,SACpBJ,EAAA,qBACc,OACZK,MAAM,mBAELP,KAAKD,cAGVG,EAAA,OAAAY,IAAA,2CAAKP,MAAM,mBACTL,EAAA,KAAAY,IAAA,2CACEP,MAAO,CACL,SAAU,KACV,kBAAmBP,KAAKC,WACxB,cAAe,MAEjBc,GAAIH,EAAS,UACbJ,KAAMR,KAAKS,IACXC,OAAQV,KAAKU,QAEbR,EAAA,UAAAY,IAAA,2CACEE,OAAQ,GACRC,MAAO,GACPC,KAAMlB,KAAKmB,WAEZnB,KAAKoB,YAGTpB,KAAKqB,eACJnB,EAAA,OAAKK,MAAM,mBACTL,EAAA,QAAMgB,KAAMlB,KAAKqB,iB"}

package/www/build/p-a8901c35.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as s}from"./p-10bb4f4b.js";import{a as e}from"./p-955da62e.js";import"./p-025f494e.js";import"./p-2c886e8b.js";const a=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-text01);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";const n=a;const o=class{emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}constructor(s){i(this,s);this.zListItemLinkClick=t(this,"zListItemLinkClick",7);this.zListItemClick=t(this,"zListItemClick",7);this.text=undefined;this.link=undefined;this.linktarget="_self";this.icon=undefined;this.listitemid=undefined;this.action=undefined;this.underlined=true;this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this);this.emitZListItemClick=this.emitZListItemClick.bind(this)}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{key:"f5a9c40546be666fc079a381db8714175c129dec",role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>e(i,this.emitZListItemClick,this.listitemid)},s("span",{key:"06b4ec6cbaa6e5c27f84d0c7df28c246d3d35152",class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>e(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",{key:"3290eb16cc5f0d79f01f9e7f7c277e227ee6b4e0"})))}};o.style=n;export{o as z_myz_list_item};
-//# sourceMappingURL=p-a8901c35.entry.js.map

package/www/build/p-a8901c35.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMyzListItemStyle0","ZMyzListItem","emitZListItemLinkClick","e","linkId","this","zListItemLinkClick","emit","emitZListItemClick","listitemid","zListItemClick","constructor","hostRef","bind","render","h","key","role","id","action","onClick","onKeyPress","ev","handleKeyboardSubmit","class","underlined","icon","name","link","href","target","linktarget","tabindex","text","innerHTML"],"sources":["src/snowflakes/myz/list/z-myz-list-item/styles.css?tag=z-myz-list-item&encapsulation=shadow","src/snowflakes/myz/list/z-myz-list-item/index.tsx"],"sourcesContent":[":host li {\n  all: unset;\n  all: reset;\n  width: 100%;\n  line-height: 14px;\n  list-style-type: none;\n}\n\n:host li > span {\n  display: flex;\n  padding: calc(var(--space-unit) * 2) 0;\n  color: var(--color-text01);\n  fill: var(--color-icon02);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.23px;\n  line-height: 14px;\n}\n\n:host(.small) li > span {\n  padding: calc(var(--space-unit) * 1.5) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.x-small) li > span {\n  padding: var(--space-unit) 0;\n  font-size: var(--font-size-2);\n}\n\n:host(.small) li > span > z-icon,\n:host(.x-small) li > span > z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n  --z-icon-right-margin: calc(var(--space-unit) * 0.5);\n\n  padding: 0;\n}\n\n:host li > span.border {\n  border-bottom: 2px solid var(--color-surface03);\n}\n\n:host li span:hover,\na:hover {\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n\na,\na:visited,\na:active {\n  color: inherit;\n  fill: inherit;\n  text-decoration: none;\n}\n\n:host li span z-icon {\n  width: calc(var(--space-unit) * 2);\n  height: calc(var(--space-unit) * 2);\n  padding: 0 calc(var(--space-unit) * 1.5) 0 0;\n  background-repeat: no-repeat;\n  background-size: contain;\n  color: var(--color-primary01);\n  fill: var(--color-primary01);\n}\n","import {Component, Prop, h, Event, EventEmitter} from \"@stencil/core\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n@Component({\n  tag: \"z-myz-list-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzListItem {\n  /** content text */\n  @Prop()\n  text: string;\n\n  /** link url (optional) */\n  @Prop()\n  link?: string;\n\n  /** link target (optional) */\n  @Prop()\n  linktarget?: string = \"_self\";\n\n  /** icon name (optional) */\n  @Prop()\n  icon?: string;\n\n  /** id (optional) */\n  @Prop()\n  listitemid?: string;\n\n  /** data-action attribute (optional) */\n  @Prop()\n  action?: string;\n\n  /** underlined style flag */\n  @Prop()\n  underlined = true;\n\n  /** emitted on list item link click, returns linkId */\n  @Event()\n  zListItemLinkClick: EventEmitter;\n\n  private emitZListItemLinkClick(e: MouseEvent, linkId): void {\n    this.zListItemLinkClick.emit({e, linkId});\n  }\n\n  /** emitted on list item click, returns listitemid */\n  @Event()\n  zListItemClick: EventEmitter;\n\n  private emitZListItemClick(e: MouseEvent, listitemid): void {\n    this.zListItemClick.emit({e, listitemid});\n  }\n\n  constructor() {\n    this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);\n    this.emitZListItemClick = this.emitZListItemClick.bind(this);\n  }\n\n  render(): HTMLLIElement {\n    const linkId = this.listitemid ? `link_${this.listitemid}` : \"\";\n\n    return (\n      <li\n        role=\"button\"\n        id={this.listitemid}\n        data-action={this.action}\n        onClick={(e: MouseEvent) => this.emitZListItemClick(e, this.listitemid)}\n        onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid)}\n      >\n        <span class={this.underlined && \"border\"}>\n          {this.icon && <z-icon name={this.icon} />}\n          {this.link ? (\n            <a\n              href={this.link ? this.link : null}\n              target={this.linktarget}\n              id={linkId}\n              onClick={(e: MouseEvent) => this.emitZListItemLinkClick(e, linkId)}\n              onKeyPress={(ev: KeyboardEvent) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId)}\n              role={this.link ? \"link\" : \"button\"}\n              tabindex=\"0\"\n            >\n              {this.text}\n            </a>\n          ) : (\n            <span innerHTML={this.text}></span>\n          )}\n          <slot />\n        </span>\n      </li>\n    );\n  }\n}\n"],"mappings":"sIAAA,MAAMA,EAAY,0lCAClB,MAAAC,EAAeD,E,MCOFE,EAAY,MAiCf,sBAAAC,CAAuBC,EAAeC,GAC5CC,KAAKC,mBAAmBC,KAAK,CAACJ,IAAGC,U,CAO3B,kBAAAI,CAAmBL,EAAeM,GACxCJ,KAAKK,eAAeH,KAAK,CAACJ,IAAGM,c,CAG/B,WAAAE,CAAAC,G,wKAlCsB,Q,oFAgBT,KAmBXP,KAAKH,uBAAyBG,KAAKH,uBAAuBW,KAAKR,MAC/DA,KAAKG,mBAAqBH,KAAKG,mBAAmBK,KAAKR,K,CAGzD,MAAAS,GACE,MAAMV,EAASC,KAAKI,WAAa,QAAQJ,KAAKI,aAAe,GAE7D,OACEM,EAAA,MAAAC,IAAA,2CACEC,KAAK,SACLC,GAAIb,KAAKI,WAAU,cACNJ,KAAKc,OAClBC,QAAUjB,GAAkBE,KAAKG,mBAAmBL,EAAGE,KAAKI,YAC5DY,WAAaC,GAAsBC,EAAqBD,EAAIjB,KAAKG,mBAAoBH,KAAKI,aAE1FM,EAAA,QAAAC,IAAA,2CAAMQ,MAAOnB,KAAKoB,YAAc,UAC7BpB,KAAKqB,MAAQX,EAAA,UAAQY,KAAMtB,KAAKqB,OAChCrB,KAAKuB,KACJb,EAAA,KACEc,KAAMxB,KAAKuB,KAAOvB,KAAKuB,KAAO,KAC9BE,OAAQzB,KAAK0B,WACbb,GAAId,EACJgB,QAAUjB,GAAkBE,KAAKH,uBAAuBC,EAAGC,GAC3DiB,WAAaC,GAAsBC,EAAqBD,EAAIjB,KAAKH,uBAAwBE,GACzFa,KAAMZ,KAAKuB,KAAO,OAAS,SAC3BI,SAAS,KAER3B,KAAK4B,MAGRlB,EAAA,QAAMmB,UAAW7B,KAAK4B,OAExBlB,EAAA,QAAAC,IAAA,8C"}

package/www/build/p-a9d42b98.entry.js

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

package/www/build/p-a9d42b98.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZMenuSectionStyle0","ZMenuSection","toggle","this","hasContent","open","opened","emit","closed","handleClick","ev","hostElement","contains","target","checkContent","querySelectorAll","length","onLabelSlotChange","labelElement","assignedElements","dataset","text","innerText","componentWillLoad","render","h","Host","key","role","class","onClick","bind","onSlotchange","name"],"sources":["src/components/navigation/z-menu-section/styles.css?tag=z-menu-section&encapsulation=shadow","src/components/navigation/z-menu-section/index.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  padding: 0;\n  font-family: var(--font-family-sans);\n}\n\n:host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-text01);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host(:is([active], [open])) .label,\n.label:hover {\n  border-color: var(--color-secondary01);\n}\n\n:host(:is([active], [open])) .label ::slotted(*),\n.label:focus:focus-visible ::slotted(*),\n.label:hover ::slotted(*) {\n  font-weight: var(--font-bd);\n}\n\n.label {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);\n  border: 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface05);\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  cursor: pointer;\n  text-align: left;\n}\n\n::slotted([data-text]) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n/* Trick to prevent layout shifts on font-weight changes.\nThe trick is to put an hidden copy of the text already set to bold,\nso the needed space is correctly calculated before any hover/active state changes the\nfont-weight of the real text.\nThe hidden text has an height of 0px so it can expand the width without changing the height\nwhen placed below the real text using `flex-direction: column`. */\n::slotted([data-text])::after {\n  overflow: hidden;\n  height: 0;\n  content: attr(data-text);\n  content: attr(data-text) / \"\";\n  font-weight: var(--font-bd);\n  pointer-events: none;\n  user-select: none;\n  visibility: hidden;\n}\n\n@media speech {\n  ::slotted([data-text])::after {\n    display: none;\n  }\n}\n\n.label ::slotted(*) {\n  width: 100%;\n  margin: 0;\n  font-size: var(--font-size-3);\n  line-height: 1.25;\n}\n\n.label:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.label z-icon {\n  margin-left: calc(var(--space-unit) * 4);\n  fill: var(--color-icon02);\n}\n\n.items {\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  padding: calc(var(--space-unit) / 2);\n  padding-bottom: calc(var(--space-unit) * 1.5);\n}\n\n.items > ::slotted([slot=\"item\"]) {\n  display: inline-flex;\n  padding: calc(var(--space-unit) / 2);\n  margin: 0;\n  font-size: var(--font-size-2);\n  line-height: 1.4;\n  outline: none;\n}\n\n.items > ::slotted([slot=\"item\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-secondary01);\n}\n\n.items > ::slotted([slot=\"item\"]:hover),\n.items > ::slotted([slot=\"item\"]:focus:focus-visible),\n.items > ::slotted([slot=\"item\"][active]) {\n  color: var(--color-secondary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, h, Prop, State, Event, EventEmitter, Element, Listen, Host} from \"@stencil/core\";\n\n/**\n * A component to create submenus inside the ZMenu.\n * @slot - Label of the menu section.\n * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.\n */\n@Component({\n  tag: \"z-menu-section\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenuSection {\n  @Element() hostElement: HTMLZMenuSectionElement;\n\n  /** Active state */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  @State()\n  open: boolean;\n\n  @State()\n  hasContent: boolean;\n\n  /** The section has been opened. */\n  @Event()\n  opened: EventEmitter;\n\n  /** The section has been closed. */\n  @Event()\n  closed: EventEmitter;\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\n    this.open ? this.opened.emit() : this.closed.emit();\n  }\n\n  /** Close the list when a click is performed outside of this Element. */\n  @Listen(\"click\", {target: \"document\"})\n  handleClick(ev: MouseEvent): void {\n    if (!this.open || this.hostElement.contains(ev.target as Node)) {\n      return;\n    }\n\n    this.open = false;\n    this.closed.emit();\n  }\n\n  /**\n   * Check if some content slot is set.\n   */\n  private checkContent(): void {\n    this.hasContent = this.hostElement.querySelectorAll('[slot=\"item\"]').length > 0;\n  }\n\n  /**\n   * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n   * @param ev Slotchange event\n   */\n  private onLabelSlotChange(ev: Event): void {\n    const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n    labelElement.dataset.text = labelElement?.innerText || null;\n  }\n\n  componentWillLoad(): void {\n    this.checkContent();\n  }\n\n  render(): HTMLZMenuSectionElement {\n    return (\n      <Host\n        role=\"menu\"\n        open={this.open}\n      >\n        <button\n          class=\"label\"\n          aria-pressed={this.open ? \"true\" : \"false\"}\n          onClick={this.toggle.bind(this)}\n        >\n          <slot onSlotchange={this.onLabelSlotChange.bind(this)}></slot>\n          {this.hasContent && <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />}\n        </button>\n        {this.open && (\n          <div class=\"items\">\n            <slot\n              name=\"item\"\n              onSlotchange={this.checkContent.bind(this)}\n            ></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,u7DAClB,MAAAC,EAAeD,E,MCWFE,EAAY,M,2JAqBf,MAAAC,GACN,IAAKC,KAAKC,WAAY,CACpB,M,CAGFD,KAAKE,MAAQF,KAAKE,KAClBF,KAAKE,KAAOF,KAAKG,OAAOC,OAASJ,KAAKK,OAAOD,M,CAK/C,WAAAE,CAAYC,GACV,IAAKP,KAAKE,MAAQF,KAAKQ,YAAYC,SAASF,EAAGG,QAAiB,CAC9D,M,CAGFV,KAAKE,KAAO,MACZF,KAAKK,OAAOD,M,CAMN,YAAAO,GACNX,KAAKC,WAAaD,KAAKQ,YAAYI,iBAAiB,iBAAiBC,OAAS,C,CAOxE,iBAAAC,CAAkBP,GACxB,MAAMQ,EAAgBR,EAAGG,OAA2BM,mBAAmB,GACvED,EAAaE,QAAQC,MAAOH,IAAY,MAAZA,SAAY,SAAZA,EAAcI,YAAa,I,CAGzD,iBAAAC,GACEpB,KAAKW,c,CAGP,MAAAU,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,OACLvB,KAAMF,KAAKE,MAEXoB,EAAA,UAAAE,IAAA,2CACEE,MAAM,QAAO,eACC1B,KAAKE,KAAO,OAAS,QACnCyB,QAAS3B,KAAKD,OAAO6B,KAAK5B,OAE1BsB,EAAA,QAAAE,IAAA,2CAAMK,aAAc7B,KAAKc,kBAAkBc,KAAK5B,QAC/CA,KAAKC,YAAcqB,EAAA,UAAQQ,KAAM9B,KAAKE,KAAO,aAAe,kBAE9DF,KAAKE,MACJoB,EAAA,OAAKI,MAAM,SACTJ,EAAA,QACEQ,KAAK,OACLD,aAAc7B,KAAKW,aAAaiB,KAAK5B,S"}

package/www/build/p-ac497c80.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,a as o,g as r}from"./p-10bb4f4b.js";import{M as a,Q as i}from"./p-025f494e.js";const n=':host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{box-sizing:border-box}:host .main-container{position:relative;width:100%;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-text01)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}';const s=n;const c=class{constructor(t){e(this,t);this.variant=a.OVERLAY;this.contentPosition=i.TOP;this.preserveAspectRatio=true}onImgLoad({target:e}){if(e instanceof Image&&e.closest("[slot=cover]")){const t=e.naturalWidth/e.naturalHeight;this.host.style.setProperty("--image-aspect-ratio",t.toString())}}renderContent(){return t("div",{class:"content-container"},t("slot",{name:"content"}))}render(){return t(o,{key:"fc8b3e5e75eb8fbc7d553710b5146f73087b4eaf"},this.variant===a.STACKED&&this.contentPosition===i.TOP&&this.renderContent(),t("div",{key:"efc3d392c4787468d390874443a693ddf3a05a5b",class:"main-container"},t("div",{key:"7e316099ba2078d3f56554f0216e048dddd6d6b3",class:"cover-container"},t("slot",{key:"d2aa516b5342f02c51445872a183623d251a5947",name:"cover"})),t("slot",{key:"06c215f93567e670bd358ece2ccc68e7daa09c8d",name:"info-reveal"}),this.variant===a.OVERLAY&&this.renderContent()),this.variant===a.STACKED&&this.contentPosition===i.BOTTOM&&this.renderContent())}get host(){return r(this)}};c.style=s;export{c as z_cover_hero};
-//# sourceMappingURL=p-ac497c80.entry.js.map

package/www/build/p-ac497c80.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZCoverHeroStyle0","ZCoverHero","CoverHeroVariant","OVERLAY","CoverHeroContentPosition","TOP","onImgLoad","target","Image","closest","ratio","naturalWidth","naturalHeight","this","host","style","setProperty","toString","renderContent","h","class","name","render","Host","key","variant","STACKED","contentPosition","BOTTOM"],"sources":["src/components/z-cover-hero/styles.css?tag=z-cover-hero&encapsulation=shadow","src/components/z-cover-hero/index.tsx"],"sourcesContent":[":host {\n  --cover-hero-overlay: linear-gradient(270deg, #0000 0%, #000000e6 100%);\n  --cover-hero-text-color: var(--color-text-inverse);\n  --cover-hero-aspect-ratio: ;\n\n  display: block;\n  overflow: hidden;\n}\n\n:host,\n* {\n  box-sizing: border-box;\n}\n\n:host .main-container {\n  position: relative;\n  width: 100%;\n  align-items: baseline;\n}\n\n:host .content-container {\n  color: var(--cover-hero-text-color);\n  fill: var(--cover-hero-text-color);\n}\n\n:host .main-container .cover-container {\n  position: relative;\n  width: 100%;\n  padding-top: calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));\n  background-color: var(--gray600);\n}\n\n::slotted([slot=\"cover\"]) {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  inset: 0;\n  object-fit: cover;\n  object-position: top center;\n}\n\n::slotted(z-info-reveal) {\n  position: absolute;\n  z-index: 1;\n  right: var(--grid-margin);\n  bottom: var(--grid-margin);\n}\n\n/* Variant overlay */\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"])) .main-container {\n  height: 100%;\n}\n\n:host([variant=\"overlay\"]:not([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .cover-container {\n  position: absolute;\n  z-index: -1;\n  height: 100%;\n  padding: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .cover-container::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: var(--cover-hero-overlay);\n  content: \"\";\n}\n\n:host([variant=\"overlay\"]:is([preserve-aspect-ratio=\"\"], [preserve-aspect-ratio=\"true\"]))\n  .main-container\n  .content-container {\n  position: absolute;\n  inset: 0;\n}\n\n:host([variant=\"overlay\"]) .main-container .content-container {\n  height: 100%;\n  padding: var(--grid-margin);\n}\n\n/* Variant stacked */\n:host([variant=\"stacked\"]) {\n  --cover-hero-text-color: var(--color-text01);\n}\n\n:host([variant=\"stacked\"]) .content-container ::slotted(*) {\n  padding: var(--grid-margin) 0;\n}\n","import {Component, Prop, h, Host, Listen, Element} from \"@stencil/core\";\nimport {CoverHeroVariant, CoverHeroContentPosition} from \"../../beans\";\n\n/**\n * Cover hero component.\n * Component to display a hero image with content.\n *\n * @slot cover - slot for the cover image.\n * @slot content - slot for the content.\n * @slot info-reveal - slot for the info reveal.\n * @cssprop --cover-hero-overlay - overlay color of the cover hero (CSS `background` property). **Default**: `linear-gradient(270deg, #0000 0%, #000000e6 100%)`.\n * @cssprop --cover-hero-text-color - color of the text.\n * @cssprop --cover-hero-aspect-ratio - aspect ratio to use for the image. You can pass a fraction or a number representing the ratio. **Default**: the intrinsic aspect ratio of the slotted image or `16/9`.\n */\n@Component({\n  tag: \"z-cover-hero\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZCoverHero {\n  @Element() host: HTMLZCoverHeroElement;\n\n  /**\n   * Cover hero variant. Can be `OVERLAY` or `STACKED`.\n   */\n  @Prop({reflect: true})\n  variant: CoverHeroVariant = CoverHeroVariant.OVERLAY;\n\n  /**\n   * Vertical content position (for `STACKED` variant).\n   */\n  @Prop({reflect: true})\n  contentPosition: CoverHeroContentPosition = CoverHeroContentPosition.TOP;\n\n  /**\n   * Whether to keep the image aspect ratio.\n   * If set to `false`, the cssprop `--cover-hero-aspect-ratio` will not affect the component's size;\n   * instead, the height of the component follows the content's one.\n   * Note: it may be necessary to set a min and/or max height to the component.\n   */\n  @Prop({reflect: true})\n  preserveAspectRatio = true;\n\n  /**\n   * Store the intrinsic aspect ratio of the slotted image when loaded,\n   * to have a default when `--cover-hero-aspect-ratio` is not set.\n   * @param target The event target\n   */\n  @Listen(\"load\", {capture: true})\n  protected onImgLoad({target}: Event): void {\n    if (target instanceof Image && target.closest(\"[slot=cover]\")) {\n      const ratio = target.naturalWidth / target.naturalHeight;\n      this.host.style.setProperty(\"--image-aspect-ratio\", ratio.toString());\n    }\n  }\n\n  /**\n   * Template for the content.\n   */\n  private renderContent(): HTMLDivElement {\n    return (\n      <div class=\"content-container\">\n        <slot name=\"content\"></slot>\n      </div>\n    );\n  }\n\n  render(): HTMLZCoverHeroElement {\n    return (\n      <Host>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.TOP &&\n          this.renderContent()}\n        <div class=\"main-container\">\n          <div class=\"cover-container\">\n            <slot name=\"cover\"></slot>\n          </div>\n          <slot name=\"info-reveal\"></slot>\n          {this.variant === CoverHeroVariant.OVERLAY && this.renderContent()}\n        </div>\n        {this.variant === CoverHeroVariant.STACKED &&\n          this.contentPosition === CoverHeroContentPosition.BOTTOM &&\n          this.renderContent()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,unDAClB,MAAAC,EAAeD,E,MCkBFE,EAAU,M,sCAOOC,EAAiBC,Q,qBAMDC,EAAyBC,I,yBAS/C,I,CAQZ,SAAAC,EAAUC,OAACA,IACnB,GAAIA,aAAkBC,OAASD,EAAOE,QAAQ,gBAAiB,CAC7D,MAAMC,EAAQH,EAAOI,aAAeJ,EAAOK,cAC3CC,KAAKC,KAAKC,MAAMC,YAAY,uBAAwBN,EAAMO,W,EAOtD,aAAAC,GACN,OACEC,EAAA,OAAKC,MAAM,qBACTD,EAAA,QAAME,KAAK,Y,CAKjB,MAAAC,GACE,OACEH,EAACI,EAAI,CAAAC,IAAA,4CACFX,KAAKY,UAAYvB,EAAiBwB,SACjCb,KAAKc,kBAAoBvB,EAAyBC,KAClDQ,KAAKK,gBACPC,EAAA,OAAAK,IAAA,2CAAKJ,MAAM,kBACTD,EAAA,OAAAK,IAAA,2CAAKJ,MAAM,mBACTD,EAAA,QAAAK,IAAA,2CAAMH,KAAK,WAEbF,EAAA,QAAAK,IAAA,2CAAMH,KAAK,gBACVR,KAAKY,UAAYvB,EAAiBC,SAAWU,KAAKK,iBAEpDL,KAAKY,UAAYvB,EAAiBwB,SACjCb,KAAKc,kBAAoBvB,EAAyBwB,QAClDf,KAAKK,gB"}

package/www/build/p-ac768eff.js

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

package/www/build/p-ac768eff.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZTfootStyle0","ZTfoot","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":"kDAAA,MAAMA,EAAY,mOAClB,MAAAC,EAAeD,E,MCUFE,EAAM,M,qCAKR,K,CAET,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,6C"}

package/www/build/p-acfde9fa.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as n,a}from"./p-10bb4f4b.js";import{B as i}from"./p-025f494e.js";const t="html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-text01);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out}z-anchor-navigation nav>[current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button,z-icon){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}z-anchor-navigation nav z-icon{--z-icon-width:16px;--z-icon-height:16px;display:flex;padding:calc(var(--space-unit) * 1.5);fill:var(--color-icon02)}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav a{outline:none}@media (hover: hover){z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation nav>*:is(:focus,:focus-within),z-anchor-navigation nav :is(z-icon,button):focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation[hide-unselected] nav>*:not([current],:hover,:focus,:focus-within){color:transparent}z-anchor-navigation nav>*:not([current],:hover,:focus,:focus-within)>*:is(z-button,button,z-icon):not(:focus:focus-visible){opacity:0;pointer-events:none}@media (hover: none){z-anchor-navigation:not([hide-unselected]) nav>*>*:is(z-button,button,z-icon){opacity:1;pointer-events:all}}}";const r=t;const e=class{constructor(n){o(this,n);this.hideUnselected=false;this.collapsed=false}setAriaCurrent(){Array.from(this.nav.children).forEach((o=>{const n=o instanceof HTMLAnchorElement?o:o.querySelector("a");const a=window.location.href===n.href;n.setAttribute("aria-current",a.toString());o.toggleAttribute("current",a)}))}toggleCollapsed(){this.collapsed=!this.collapsed}componentDidLoad(){window.addEventListener("hashchange",this.setAriaCurrent.bind(this));this.setAriaCurrent()}disconnectedCallback(){window.removeEventListener("hashchange",this.setAriaCurrent)}render(){return n(a,{key:"2f19d516f4b99e0f76268f025227f94d302273ea",collapsed:this.collapsed},n("z-button",{key:"822dca30f3ea2176f463b35a167fcc4714feeb7f",class:"toggle",variant:i.SECONDARY,icon:this.collapsed?"chevron-up":"chevron-down",onClick:this.toggleCollapsed.bind(this)},"salta a"),n("nav",{key:"218bf9aeb919037ad4725a9593ded46302b9e42a",ref:o=>this.nav=o},n("slot",{key:"0dfb9d2e7642d86b5c3e7da97be6ec04d05db70f"})))}};e.style=r;export{e as z_anchor_navigation};
-//# sourceMappingURL=p-acfde9fa.entry.js.map

package/www/build/p-acfde9fa.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stylesCss","ZAnchorNavigationStyle0","ZAnchorNavigation","setAriaCurrent","Array","from","this","nav","children","forEach","item","anchor","HTMLAnchorElement","querySelector","isCurrent","window","location","href","setAttribute","toString","toggleAttribute","toggleCollapsed","collapsed","componentDidLoad","addEventListener","bind","disconnectedCallback","removeEventListener","render","h","Host","key","class","variant","ButtonVariant","SECONDARY","icon","onClick","ref","el"],"sources":["src/components/z-anchor-navigation/styles.css?tag=z-anchor-navigation","src/components/z-anchor-navigation/index.tsx"],"sourcesContent":["html {\n  scroll-behavior: smooth;\n}\n\nz-anchor-navigation nav {\n  display: none;\n  flex-direction: column;\n  justify-content: flex-start;\n  row-gap: calc(var(--space-unit) / 2);\n}\n\nz-anchor-navigation[collapsed] nav {\n  display: flex;\n  margin-top: var(--space-unit);\n}\n\nz-anchor-navigation nav a {\n  display: -webkit-box;\n  overflow: clip;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  -webkit-box-orient: vertical;\n  color: inherit;\n  font-weight: inherit;\n  -webkit-line-clamp: 2;\n  overflow-clip-margin: content-box;\n  text-decoration: none;\n}\n\nz-anchor-navigation nav * a:not(:only-child) {\n  padding-right: calc(var(--space-unit) * 5);\n}\n\n@supports not (overflow-clip-margin: content-box) {\n  z-anchor-navigation nav a {\n    display: inline-block;\n    overflow: hidden;\n    -webkit-line-clamp: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\nz-anchor-navigation nav > * {\n  position: relative;\n  border-left: var(--border-size-large) solid var(--color-surface04);\n  color: var(--color-text01);\n  font-family: var(--font-family-sans);\n  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > [current] {\n  border-left-color: var(--color-primary01);\n  color: var(--color-link-primary);\n  font-weight: var(--font-sb);\n}\n\nz-anchor-navigation nav > * > *:is(z-button, button, z-icon) {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  transition: opacity 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\nz-anchor-navigation nav z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  display: flex;\n  padding: calc(var(--space-unit) * 1.5);\n  fill: var(--color-icon02);\n}\n\n@media (min-width: 768px) {\n  z-anchor-navigation z-button.toggle {\n    display: none !important;\n  }\n\n  z-anchor-navigation nav {\n    display: flex;\n  }\n\n  z-anchor-navigation nav a {\n    outline: none;\n  }\n\n  @media (hover: hover) {\n    z-anchor-navigation nav > *:hover {\n      border-left-color: var(--color-hover-secondary);\n      background-color: var(--color-hover-surface);\n      color: var(--color-hover-link);\n    }\n  }\n\n  z-anchor-navigation nav > *:is(:focus, :focus-within),\n  z-anchor-navigation nav :is(z-icon, button):focus:focus-visible {\n    box-shadow: var(--shadow-focus-primary);\n    outline: none;\n  }\n\n  z-anchor-navigation[hide-unselected] nav > *:not([current], :hover, :focus, :focus-within) {\n    color: transparent;\n  }\n\n  z-anchor-navigation\n    nav\n    > *:not([current], :hover, :focus, :focus-within)\n    > *:is(z-button, button, z-icon):not(:focus:focus-visible) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  @media (hover: none) {\n    z-anchor-navigation:not([hide-unselected]) nav > * > *:is(z-button, button, z-icon) {\n      opacity: 1;\n      pointer-events: all;\n    }\n  }\n}\n","import {Component, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant} from \"../../beans\";\n\n/**\n * * Anchor navigation component.\n * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.\n * @example\n * ```\n * <z-anchor-navigation>\n *  <div>\n *    <a href=\"#section-id\">Section name</a>\n *    <button type=\"button\">\n *      <z-icon name=\"share\" />\n *    </button>\n *  </div>\n * </z-anchor-navigation>\n * ```\n */\n@Component({\n  tag: \"z-anchor-navigation\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZAnchorNavigation {\n  /**\n   * If enabled, the text of each anchor will be hidden unless\n   * for the current one or the one the user is hovering.\n   */\n  @Prop({reflect: true})\n  hideUnselected = false;\n\n  /**\n   * Whether the mobile list is collapsed.\n   */\n  @State()\n  collapsed = false;\n\n  /** Reference to the nav element. */\n  private nav: HTMLElement;\n\n  /**\n   * Set aria-current attribute to the anchors and `current` to nav children.\n   */\n  private setAriaCurrent(): void {\n    Array.from(this.nav.children).forEach((item) => {\n      const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n      const isCurrent = window.location.href === anchor.href;\n      anchor.setAttribute(\"aria-current\", isCurrent.toString());\n      item.toggleAttribute(\"current\", isCurrent);\n    });\n  }\n\n  /**\n   * Toggle collapsed state.\n   */\n  private toggleCollapsed(): void {\n    this.collapsed = !this.collapsed;\n  }\n\n  componentDidLoad(): void {\n    window.addEventListener(\"hashchange\", this.setAriaCurrent.bind(this));\n    this.setAriaCurrent();\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener(\"hashchange\", this.setAriaCurrent);\n  }\n\n  render(): HTMLZAnchorNavigationElement {\n    return (\n      <Host collapsed={this.collapsed}>\n        <z-button\n          class=\"toggle\"\n          variant={ButtonVariant.SECONDARY}\n          icon={this.collapsed ? \"chevron-up\" : \"chevron-down\"}\n          onClick={this.toggleCollapsed.bind(this)}\n        >\n          salta a\n        </z-button>\n        <nav ref={(el) => (this.nav = el)}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iFAAA,MAAMA,EAAY,k7EAClB,MAAAC,EAAeD,E,MCsBFE,EAAiB,M,6CAMX,M,eAML,K,CAQJ,cAAAC,GACNC,MAAMC,KAAKC,KAAKC,IAAIC,UAAUC,SAASC,IACrC,MAAMC,EAASD,aAAgBE,kBAAoBF,EAAOA,EAAKG,cAAc,KAC7E,MAAMC,EAAYC,OAAOC,SAASC,OAASN,EAAOM,KAClDN,EAAOO,aAAa,eAAgBJ,EAAUK,YAC9CT,EAAKU,gBAAgB,UAAWN,EAAU,G,CAOtC,eAAAO,GACNf,KAAKgB,WAAahB,KAAKgB,S,CAGzB,gBAAAC,GACER,OAAOS,iBAAiB,aAAclB,KAAKH,eAAesB,KAAKnB,OAC/DA,KAAKH,gB,CAGP,oBAAAuB,GACEX,OAAOY,oBAAoB,aAAcrB,KAAKH,e,CAGhD,MAAAyB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACT,UAAWhB,KAAKgB,WACpBO,EAAA,YAAAE,IAAA,2CACEC,MAAM,SACNC,QAASC,EAAcC,UACvBC,KAAM9B,KAAKgB,UAAY,aAAe,eACtCe,QAAS/B,KAAKe,gBAAgBI,KAAKnB,OAAK,WAI1CuB,EAAA,OAAAE,IAAA,2CAAKO,IAAMC,GAAQjC,KAAKC,IAAMgC,GAC5BV,EAAA,QAAAE,IAAA,8C"}