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

package/dist/esm-es5/z-menu-section.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function a(t){try{c(n.next(t))}catch(t){s(t)}}function r(t){try{c(n["throw"](t))}catch(t){s(t)}}function c(t){t.done?i(t.value):o(t.value).then(a,r)}c((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,o,s,a;return a={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(t){return function(e){return c([t,e])}}function c(r){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(i=0)),i)try{if(n=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;o=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){i.label=r[1];break}if(r[0]===6&&i.label<s[1]){i.label=s[1];s=r;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(r);break}if(s[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(t){r=[6,t];o=0}finally{n=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{g as KeyboardCode}from"./index-ee40e66b.js";var stylesCss=':host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.label{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;padding:var(--space-unit) 0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface03);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}:host(:last-child:not([open])) .label{border-bottom:none}:host(:is([active],[open])) .label,.label:focus:focus-visible,.label:hover{border-color:var(--color-primary01)}.label:focus:focus-visible{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}::slotted([data-text]){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: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.5}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:column;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items[hidden]{display:none}::slotted([slot="section"]){display:-ms-inline-flexbox;display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-1);line-height:1.333;outline:none}::slotted([slot="section"]:last-of-type){border:none}::slotted([slot="section"]:focus:focus-visible){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}::slotted([slot="section"]:hover),::slotted([slot="section"]:focus:focus-visible),::slotted([slot="section"][active]){color:var(--color-primary01);font-weight:var(--font-bd)}';var ZMenuSectionStyle0=stylesCss;var ZMenuSection=function(){function t(t){registerInstance(this,t);this.opened=createEvent(this,"opened",7);this.closed=createEvent(this,"closed",7);this.active=undefined;this.htmlTabindex=-1;this.open=undefined;this.hasItems=undefined;this.items=undefined;this.toggle=this.toggle.bind(this);this.onItemsChange=this.onItemsChange.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onLabelClick=this.onLabelClick.bind(this);this.onLabelKeydown=this.onLabelKeydown.bind(this);this.onItemsKeydown=this.onItemsKeydown.bind(this)}Object.defineProperty(t.prototype,"focusableItem",{get:function(){return this.items.find((function(t){var e=t.tabIndex;return e===0}))},enumerable:false,configurable:true});t.prototype.toggle=function(){if(!this.hasItems){return}this.open=!this.open};t.prototype.setItemsA11yAttrs=function(){if(!this.hasItems){return}this.items.forEach((function(t){t.setAttribute("role","menuitem");t.tabIndex=-1}))};t.prototype.onItemsChange=function(){this.items=Array.from(this.host.querySelectorAll('[slot="section"]'));this.hasItems=this.items.length>0;this.setItemsA11yAttrs()};t.prototype.onLabelSlotChange=function(t){var e=t.target.assignedElements()[0];e.dataset.text=e===null||e===void 0?void 0:e.textContent};t.prototype.onLabelClick=function(){this.toggle();this.setFocus()};t.prototype.onLabelKeydown=function(t){if(t.key===KeyboardCode.ENTER||t.key===KeyboardCode.SPACE){t.preventDefault();t.stopPropagation();this.toggle();if(this.open){this.focustFirstItem()}}};t.prototype.moveFocus=function(t,e){t.tabIndex=0;setTimeout((function(){t.focus()}),100);if(e){e.tabIndex=-1}};t.prototype.focustFirstItem=function(){this.moveFocus(this.items[0])};t.prototype.focusLastItem=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.moveFocus(this.items[this.items.length-1]);return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.htmlTabindex=0;setTimeout((function(){t.label.focus()}),100);return[2]}))}))};t.prototype.onOpenChange=function(){if(!this.open){this.setItemsA11yAttrs();this.closed.emit()}else{this.opened.emit()}};t.prototype.onTabindexChange=function(){this.label.tabIndex=this.htmlTabindex};t.prototype.onItemsKeydown=function(t){switch(t.key){case KeyboardCode.ESC:case KeyboardCode.ARROW_LEFT:if(!this.open){break}t.preventDefault();t.stopPropagation();this.moveFocus(this.label,this.focusableItem);this.open=false;break;case KeyboardCode.ARROW_RIGHT:if(this.open){break}t.preventDefault();t.stopPropagation();this.open=true;this.focustFirstItem();break;case KeyboardCode.ARROW_DOWN:{if(!this.open){break}if(document.activeElement===this.host){t.preventDefault();t.stopPropagation();this.focustFirstItem();break}var e=this.items.indexOf(this.focusableItem);var i=this.items[e+1];if(i){t.preventDefault();t.stopPropagation();this.moveFocus(i,this.focusableItem)}else{this.htmlTabindex=0;this.focusableItem.tabIndex=-1}break}case KeyboardCode.ARROW_UP:{if(!this.open||document.activeElement===this.host){break}var e=this.items.indexOf(this.focusableItem);var i=this.items[e-1];t.preventDefault();t.stopPropagation();if(i){this.moveFocus(i,this.focusableItem)}else{this.focusableItem.tabIndex=-1;this.setFocus()}break}}};t.prototype.connectedCallback=function(){this.onItemsChange()};t.prototype.render=function(){var t=this;return h(Host,{key:"ca61d9daac35484cf3fa3a7ab4d6b5700dade8b0",open:this.open},h("button",{key:"d2750e008a22b0de43075ed947d1b9e0f6917bd5",ref:function(e){return t.label=e},class:"label","aria-haspopup":"".concat(!!this.hasItems),"aria-expanded":"".concat(!!this.open),role:"menuitem",tabindex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},h("slot",{key:"be5dad19dd6fece321bb68ff89e17372f4353539",onSlotchange:this.onLabelSlotChange}),this.hasItems&&h("z-icon",{key:"7c6fecfd96a4391394b17f3eea38aa7f29786a18",name:this.open?"chevron-up":"chevron-down"})),h("div",{key:"87512635c2b4377a6c304cc0bb1345131997e5f4",class:"items",role:"menu",hidden:!this.open},h("slot",{key:"b2dfb0d5a94adb555fb08c7592d5c58feb3c6c5f",name:"section",onSlotchange:this.onItemsChange})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["onOpenChange"],htmlTabindex:["onTabindexChange"]}},enumerable:false,configurable:true});return t}();ZMenuSection.style=ZMenuSectionStyle0;export{ZMenuSection as z_menu_section};
+//# sourceMappingURL=z-menu-section.entry.js.map

package/dist/esm-es5/z-menu-section.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMenuSectionStyle0","ZMenuSection","class_1","hostRef","this","toggle","bind","onItemsChange","onLabelSlotChange","onLabelClick","onLabelKeydown","onItemsKeydown","Object","defineProperty","prototype","items","find","_a","tabIndex","hasItems","open","setItemsA11yAttrs","forEach","item","setAttribute","Array","from","host","querySelectorAll","length","ev","labelElement","target","assignedElements","dataset","text","textContent","setFocus","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","focustFirstItem","moveFocus","receiver","current","setTimeout","focus","focusLastItem","htmlTabindex","_this","label","onOpenChange","closed","emit","opened","onTabindexChange","ESC","ARROW_LEFT","focusableItem","ARROW_RIGHT","ARROW_DOWN","document","activeElement","currentIndex","indexOf","ARROW_UP","connectedCallback","render","h","Host","ref","el","class","concat","role","tabindex","onClick","onKeyDown","onSlotchange","name","hidden"],"sources":["src/components/z-menu-section/styles.css?tag=z-menu-section&encapsulation=shadow","src/components/z-menu-section/index.tsx"],"sourcesContent":[":host {\n  display: 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-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.label {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: var(--space-unit) 0;\n  border: 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  cursor: pointer;\n  text-align: left;\n}\n\n:host(:last-child:not([open])) .label {\n  border-bottom: none;\n}\n\n:host(:is([active], [open])) .label,\n.label:focus:focus-visible,\n.label:hover {\n  border-color: var(--color-primary01);\n}\n\n.label:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\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::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.5;\n}\n\n.label z-icon {\n  margin-left: calc(var(--space-unit) * 4);\n  fill: var(--color-default-icon);\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[hidden] {\n  display: none;\n}\n\n::slotted([slot=\"section\"]) {\n  display: inline-flex;\n  padding: calc(var(--space-unit) / 2);\n  margin: 0;\n  font-size: var(--font-size-1);\n  line-height: 1.333;\n  outline: none;\n}\n\n::slotted([slot=\"section\"]:last-of-type) {\n  border: none;\n}\n\n::slotted([slot=\"section\"]:focus:focus-visible) {\n  box-shadow: var(--shadow-focus-primary);\n  color: var(--color-primary01);\n}\n\n::slotted([slot=\"section\"]:hover),\n::slotted([slot=\"section\"]:focus:focus-visible),\n::slotted([slot=\"section\"][active]) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode} from \"../../beans\";\n\n/**\n * A component to create submenus inside the ZMenu.\n * @slot - Label of the menu section.\n * @slot section - Single entry of the menu section. Set the same slot name to different elements to put many of them. Add the `active` attribute to a slotted element to highlight it.\n */\n@Component({\n  tag: \"z-menu-section\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMenuSection {\n  @Element() host: HTMLZMenuSectionElement;\n\n  /** Active state */\n  @Prop({reflect: true})\n  active?: boolean;\n\n  /**\n   * Tabindex value to set on the label button.\n   * Useful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZMenu).\n   */\n  @Prop()\n  htmlTabindex = -1;\n\n  /** The opening state of the section. */\n  @Prop({mutable: true})\n  open: boolean;\n\n  @State()\n  hasItems: boolean;\n\n  @State()\n  items: HTMLElement[];\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 label: HTMLButtonElement;\n\n  private get focusableItem(): HTMLElement {\n    return this.items.find(({tabIndex}) => tabIndex === 0);\n  }\n\n  private toggle(): void {\n    if (!this.hasItems) {\n      return;\n    }\n\n    this.open = !this.open;\n  }\n\n  private setItemsA11yAttrs(): void {\n    if (!this.hasItems) {\n      return;\n    }\n\n    this.items.forEach((item) => {\n      item.setAttribute(\"role\", \"menuitem\");\n      item.tabIndex = -1;\n    });\n  }\n\n  private onItemsChange(): void {\n    this.items = Array.from(this.host.querySelectorAll('[slot=\"section\"]')) as HTMLElement[];\n    this.hasItems = this.items.length > 0;\n    this.setItemsA11yAttrs();\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  private onLabelClick(): void {\n    this.toggle();\n    this.setFocus();\n  }\n\n  private onLabelKeydown(ev: KeyboardEvent): void {\n    if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.toggle();\n      if (this.open) {\n        this.focustFirstItem();\n      }\n    }\n  }\n\n  /**\n   * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n   * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n   */\n  private moveFocus(receiver: HTMLElement, current?: HTMLElement): void {\n    receiver.tabIndex = 0;\n    setTimeout(() => {\n      receiver.focus();\n    }, 100);\n    if (current) {\n      current.tabIndex = -1;\n    }\n  }\n\n  private focustFirstItem(): void {\n    this.moveFocus(this.items[0]);\n  }\n\n  /** Focus the last item. */\n  @Method()\n  async focusLastItem(): Promise<void> {\n    this.moveFocus(this.items[this.items.length - 1]);\n  }\n\n  /** Set tabindex of the label to 0, then focus it. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.htmlTabindex = 0;\n    setTimeout(() => {\n      this.label.focus();\n    }, 100);\n  }\n\n  @Watch(\"open\")\n  onOpenChange(): void {\n    if (!this.open) {\n      this.setItemsA11yAttrs();\n      this.closed.emit();\n    } else {\n      this.opened.emit();\n    }\n  }\n\n  @Watch(\"htmlTabindex\")\n  onTabindexChange(): void {\n    this.label.tabIndex = this.htmlTabindex;\n  }\n\n  @Listen(\"keydown\")\n  private onItemsKeydown(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case KeyboardCode.ESC:\n      case KeyboardCode.ARROW_LEFT:\n        if (!this.open) {\n          break;\n        }\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.moveFocus(this.label, this.focusableItem);\n        this.open = false;\n        break;\n      case KeyboardCode.ARROW_RIGHT:\n        if (this.open) {\n          break;\n        }\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.open = true;\n        this.focustFirstItem();\n        break;\n      case KeyboardCode.ARROW_DOWN: {\n        if (!this.open) {\n          break;\n        }\n        if (document.activeElement === this.host) {\n          ev.preventDefault();\n          ev.stopPropagation();\n          this.focustFirstItem();\n          break;\n        }\n        const currentIndex = this.items.indexOf(this.focusableItem);\n        const receiver = this.items[currentIndex + 1];\n        if (receiver) {\n          ev.preventDefault();\n          ev.stopPropagation();\n          this.moveFocus(receiver, this.focusableItem);\n        } else {\n          this.htmlTabindex = 0;\n          this.focusableItem.tabIndex = -1;\n        }\n        break;\n      }\n      case KeyboardCode.ARROW_UP: {\n        if (!this.open || document.activeElement === this.host) {\n          break;\n        }\n        const currentIndex = this.items.indexOf(this.focusableItem);\n        const receiver = this.items[currentIndex - 1];\n        ev.preventDefault();\n        ev.stopPropagation();\n        if (receiver) {\n          this.moveFocus(receiver, this.focusableItem);\n        } else {\n          // since there isn't a previous item to focus, give the focus to the label element\n          this.focusableItem.tabIndex = -1;\n          this.setFocus();\n        }\n        break;\n      }\n    }\n  }\n\n  constructor() {\n    this.toggle = this.toggle.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n    this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n    this.onLabelClick = this.onLabelClick.bind(this);\n    this.onLabelKeydown = this.onLabelKeydown.bind(this);\n    this.onItemsKeydown = this.onItemsKeydown.bind(this);\n  }\n\n  connectedCallback(): void {\n    this.onItemsChange();\n  }\n\n  render(): HTMLZMenuSectionElement {\n    return (\n      <Host open={this.open}>\n        <button\n          ref={(el) => (this.label = el)}\n          class=\"label\"\n          aria-haspopup={`${!!this.hasItems}`}\n          aria-expanded={`${!!this.open}`}\n          role=\"menuitem\"\n          tabindex={this.htmlTabindex}\n          onClick={this.onLabelClick}\n          onKeyDown={this.onLabelKeydown}\n        >\n          <slot onSlotchange={this.onLabelSlotChange} />\n          {this.hasItems && <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />}\n        </button>\n        <div\n          class=\"items\"\n          role=\"menu\"\n          hidden={!this.open}\n        >\n          <slot\n            name=\"section\"\n            onSlotchange={this.onItemsChange}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/z-menu.entry.js

@@ -0,0 +1,2 @@
+var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{l(n.next(t))}catch(t){s(t)}}function a(t){try{l(n["throw"](t))}catch(t){s(t)}}function l(t){t.done?i(t.value):o(t.value).then(r,a)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,o,s,r;return r={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function a(t){return function(e){return l([t,e])}}function l(a){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,a[0]&&(i=0)),i)try{if(n=1,o&&(s=a[0]&2?o["return"]:a[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,a[1])).done)return s;if(o=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;o=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){i=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){i.label=a[1];break}if(a[0]===6&&i.label<s[1]){i.label=s[1];s=a;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(a);break}if(s[2])i.ops.pop();i.trys.pop();continue}a=e.call(t,i)}catch(t){a=[6,t];o=0}finally{n=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{g as KeyboardCode}from"./index-ee40e66b.js";import{a as containsElement}from"./utils-b924649f.js";import"./breakpoints-d148bfde.js";var stylesCss=':host,::slotted(*),*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none}:host{position:relative;display:-ms-inline-flexbox;display:inline-flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-ms-flex-direction:column;flex-direction:column}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{position:relative;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;padding:0;border:0;border-bottom:var(--border-size-large) solid transparent;margin:0;background:transparent;border-radius:0;color:inherit;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-visible,div.menu-label:focus-within{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}:host(:is([active],[open])) .menu-label ::slotted(*),.menu-label:focus-visible ::slotted(*),div.menu-label:focus-within ::slotted(*){color:var(--color-primary01);font-weight:var(--font-bd)}:host([vertical-context]) .menu-label{padding:var(--space-unit) 0;border-width:var(--border-size-small);border-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label,.menu-label:hover,.menu-label:focus-visible,div.menu-label:focus-within{border-color:var(--color-primary01)}:host([vertical-context]:is([active],[open])) .menu-label::after,:host([vertical-context]) .menu-label:hover::after,:host([vertical-context]) .menu-label:focus-visible::after,:host([vertical-context]) div.menu-label:focus-within::after{position:absolute;bottom:0;left:0;width:100%;height:var(--border-size-large);background-color:var(--color-primary01);content:""}:host([vertical-context]) .menu-label ::slotted(*){padding:0}.menu-label ::slotted(*){display:-ms-inline-flexbox;display:inline-flex;width:100%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding-bottom:2px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--z-menu-label-color, var(--color-default-text));font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:inherit;line-height:1.5;white-space:nowrap}.menu-label z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon)}::slotted([data-text]:not([slot]))::after{height:0;content:attr(data-text);content:attr(data-text) / "";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text]:not([slot]))::after{display:none}}::slotted([data-text]:not([slot])){display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]:not([vertical-context])) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:0 calc(var(--space-unit) * 2);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot="header"]){width:calc(var(--space-unit) * 11.25);height:auto;-o-object-fit:contain;object-fit:contain}.header ::slotted([slot="header"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;background:inherit}.items>::slotted([slot="item"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.items>::slotted([slot="item"]:focus:focus-visible){-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot="item"]:not(z-menu-section)){padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface03)}:host(:not([vertical-context])) .items>::slotted([slot="item"]:last-child){border-bottom:0}.items>::slotted([slot="item"]:hover),.items>::slotted([slot="item"]:focus:focus-visible),.items>::slotted([slot="item"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}';var ZMenuStyle0=stylesCss;var isZMenuSection=function(t){return(t===null||t===void 0?void 0:t.tagName)==="Z-MENU-SECTION"};var ZMenu=function(){function t(t){registerInstance(this,t);this.opened=createEvent(this,"opened",7);this.closed=createEvent(this,"closed",7);this.items=[];this.active=undefined;this.floating=true;this.open=false;this.verticalContext=false;this.htmlTabindex=-1;this.hasHeader=undefined;this.hasContent=undefined;this.toggle=this.toggle.bind(this);this.checkContent=this.checkContent.bind(this);this.onLabelSlotChange=this.onLabelSlotChange.bind(this);this.onLabelClick=this.onLabelClick.bind(this);this.onItemsChange=this.onItemsChange.bind(this);this.onLabelKeydown=this.onLabelKeydown.bind(this)}Object.defineProperty(t.prototype,"focusableItem",{get:function(){return this.items.find((function(t){return isZMenuSection(t)?t.htmlTabindex===0:t.tabIndex===0}))},enumerable:false,configurable:true});t.prototype.toggle=function(){if(!this.hasContent){return}this.open=!this.open};t.prototype.onLabelSlotChange=function(t){var e=t.target.assignedElements()[0];e.dataset.text=e===null||e===void 0?void 0:e.textContent;this.setLabelA11yAttrs()};t.prototype.reflow=function(t){if(t===void 0){t=false}if(!this.floating){return}if(this.content&&this.hasContent){var e=this.content.style;var i=this.host.getBoundingClientRect().left;var n=getComputedStyle(this.content).width;var o=n?parseFloat(n.replace("px","")):375;var s=30;e.left="".concat(Math.min(window.innerWidth-i-o-s,0),"px")}if(t){this.raf=requestAnimationFrame(this.reflow.bind(this,t))}};t.prototype.checkContent=function(){this.hasHeader=!!this.host.querySelectorAll("[slot=header]").length;this.hasContent=!!this.host.querySelectorAll("[slot=item]").length||this.hasHeader};t.prototype.setItemTabindex=function(t,e){if(isZMenuSection(t)){t.htmlTabindex=e}else{t.tabIndex=e}};t.prototype.setItemsA11yAttrs=function(){var t=this;this.items.forEach((function(e,i){var n=i===0?0:-1;t.setItemTabindex(e,n);if(!isZMenuSection(e)){e.setAttribute("role","menuitem")}}))};t.prototype.onItemsChange=function(){this.checkContent();this.items=Array.from(this.host.children).filter((function(t){var e=t.slot;return e==="item"}));this.setItemsA11yAttrs();this.items.forEach((function(t){if(!isZMenuSection(t)){t.dataset.text=t.textContent}}))};t.prototype.moveFocus=function(t,e){if(isZMenuSection(t)){t.setFocus()}else{t.tabIndex=0;setTimeout((function(){t.focus()}),100)}if(!e){return}this.setItemTabindex(e,-1)};t.prototype.onLabelClick=function(){this.toggle();this.setFocus()};t.prototype.onLabelKeydown=function(t){if(t.key===KeyboardCode.ENTER||t.key===KeyboardCode.SPACE){t.preventDefault();t.stopPropagation();this.toggle();if(this.open){this.moveFocus(this.items[0])}return}if(!this.verticalContext){return}if(t.key===KeyboardCode.ARROW_RIGHT&&!this.open){t.preventDefault();t.stopPropagation();this.open=true;this.moveFocus(this.items[0])}};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){this.htmlTabindex=0;t=this.hasContent?this.labelButton:this.host.firstElementChild;t.focus();return[2]}))}))};t.prototype.focusLastItem=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.items[this.items.length-1];if(isZMenuSection(t)&&t.open){t.focusLastItem();return[2]}this.moveFocus(t);return[2]}))}))};t.prototype.onOpenChanged=function(){if(!this.open){cancelAnimationFrame(this.raf);this.closed.emit();this.items.forEach((function(t){if(isZMenuSection(t)&&t.open){t.open=false}}));return}this.setItemsA11yAttrs();this.opened.emit();if(this.floating){this.reflow(true)}};t.prototype.setLabelA11yAttrs=function(){if(this.hasContent&&this.labelButton){this.labelButton.tabIndex=this.htmlTabindex;return}var t=this.host.firstElementChild;t.role="menuitem";t.tabIndex=this.htmlTabindex};t.prototype.onItemClick=function(t){var e=this.items.find((function(e){return containsElement(e,t.target)}));if(e){this.items.forEach((function(t){if(t===e){return}if(isZMenuSection(t)){t.htmlTabindex=-1}else{t.tabIndex=-1}}))}};t.prototype.onKeyDown=function(t){var e;if(!this.hasContent){return}switch(t.key){case KeyboardCode.ESC:if(!this.open){break}t.stopPropagation();t.preventDefault();this.open=false;this.setFocus();break;case KeyboardCode.ARROW_DOWN:{if(document.activeElement===this.host){if(this.verticalContext&&!this.open){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[0]);break}var i=this.items.indexOf(this.focusableItem);if(this.verticalContext&&i===this.items.length-1){this.setItemTabindex(this.items[i],-1);this.htmlTabindex=0;break}t.stopPropagation();t.preventDefault();var n=this.items[i+1];this.moveFocus(n!==null&&n!==void 0?n:this.items[0],this.focusableItem);break}case KeyboardCode.ARROW_UP:{if(document.activeElement===this.host){if(this.verticalContext){break}t.stopPropagation();t.preventDefault();if(!this.open){this.open=true}this.moveFocus(this.items[this.items.length-1],this.focusableItem);break}t.stopPropagation();t.preventDefault();var i=this.items.indexOf(this.focusableItem);if(i===0&&this.verticalContext){this.setItemTabindex(this.focusableItem,-1);this.setFocus();break}var n=(e=this.items[i-1])!==null&&e!==void 0?e:this.items[this.items.length-1];if(isZMenuSection(n)&&n.open){this.setItemTabindex(this.focusableItem,-1);n.focusLastItem();break}this.moveFocus(n,this.focusableItem);break}case KeyboardCode.ARROW_LEFT:if(!this.open||!this.verticalContext){break}t.preventDefault();t.stopPropagation();this.open=false;this.setFocus()}};t.prototype.componentWillLoad=function(){this.setLabelA11yAttrs();this.onItemsChange()};t.prototype.render=function(){var t=this;if(!this.hasContent){return h("div",{class:"menu-label"},h("slot",{onSlotchange:this.onLabelSlotChange}))}return h(Host,null,h("button",{ref:function(e){return t.labelButton=e},class:"menu-label","aria-expanded":"".concat(!!this.open),"aria-haspopup":"".concat(this.hasContent),"aria-label":this.open?"Chiudi menù":"Apri menù",role:"menuitem",tabIndex:this.htmlTabindex,onClick:this.onLabelClick,onKeyDown:this.onLabelKeydown},h("slot",{onSlotchange:this.onLabelSlotChange}),h("z-icon",{name:this.open?"chevron-up":"chevron-down"})),h("div",{class:"content",ref:function(e){return t.content=e}},this.hasHeader&&h("header",{class:"header"},h("slot",{name:"header",onSlotchange:this.checkContent})),h("div",{class:"items",role:"menu"},h("slot",{name:"item",onSlotchange:this.onItemsChange}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["onOpenChanged"],htmlTabindex:["setLabelA11yAttrs"]}},enumerable:false,configurable:true});return t}();ZMenu.style=ZMenuStyle0;export{ZMenu as z_menu};
+//# sourceMappingURL=z-menu.entry.js.map

package/dist/esm-es5/z-menu.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMenuStyle0","isZMenuSection","el","tagName","ZMenu","class_1","hostRef","this","items","toggle","bind","checkContent","onLabelSlotChange","onLabelClick","onItemsChange","onLabelKeydown","Object","defineProperty","prototype","find","item","htmlTabindex","tabIndex","hasContent","open","ev","labelElement","target","assignedElements","dataset","text","textContent","setLabelA11yAttrs","reflow","live","floating","content","style","left","host","getBoundingClientRect","widthPx","getComputedStyle","width","parseFloat","replace","safeScrollbarSpace","concat","Math","min","window","innerWidth","raf","requestAnimationFrame","hasHeader","querySelectorAll","length","setItemTabindex","setItemsA11yAttrs","_this","forEach","index","tabindex","setAttribute","Array","from","children","filter","_b","slot","moveFocus","receiver","current","setFocus","setTimeout","focus","key","KeyboardCode","ENTER","SPACE","preventDefault","stopPropagation","verticalContext","ARROW_RIGHT","label","labelButton","firstElementChild","focusLastItem","lastItem","onOpenChanged","cancelAnimationFrame","closed","emit","opened","slottedLabel","role","onItemClick","clickedItem","containsElement","onKeyDown","ESC","ARROW_DOWN","document","activeElement","currentIndex","indexOf","focusableItem","ARROW_UP","_a","ARROW_LEFT","componentWillLoad","render","h","class","onSlotchange","Host","ref","onClick","name"],"sources":["src/components/z-menu/styles.css?tag=z-menu&encapsulation=shadow","src/components/z-menu/index.tsx"],"sourcesContent":[":host,\n::slotted(*),\n* {\n  box-sizing: border-box;\n  outline: none;\n}\n\n:host {\n  --z-menu-label-color: ;\n\n  position: relative;\n  display: inline-flex;\n  height: fit-content;\n  flex-direction: column;\n}\n\n::slotted(a) {\n  text-decoration: none;\n}\n\n::slotted(*) {\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.menu-label {\n  position: relative;\n  display: flex;\n  width: 100%;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  border-bottom: var(--border-size-large) solid transparent;\n  margin: 0;\n  background: transparent;\n  border-radius: 0;\n  color: inherit;\n  text-align: left;\n}\n\nbutton.menu-label {\n  cursor: pointer;\n}\n\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host(:is([active], [open])) .menu-label ::slotted(*),\n.menu-label:focus-visible ::slotted(*),\ndiv.menu-label:focus-within ::slotted(*) {\n  color: var(--color-primary01);\n  font-weight: var(--font-bd);\n}\n\n:host([vertical-context]) .menu-label {\n  padding: var(--space-unit) 0;\n  border-width: var(--border-size-small);\n  border-color: var(--color-surface03);\n}\n\n:host(:is([active], [open])) .menu-label,\n.menu-label:hover,\n.menu-label:focus-visible,\ndiv.menu-label:focus-within {\n  border-color: var(--color-primary01);\n}\n\n:host([vertical-context]:is([active], [open])) .menu-label::after,\n:host([vertical-context]) .menu-label:hover::after,\n:host([vertical-context]) .menu-label:focus-visible::after,\n:host([vertical-context]) div.menu-label:focus-within::after {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--border-size-large);\n  background-color: var(--color-primary01);\n  content: \"\";\n}\n\n:host([vertical-context]) .menu-label ::slotted(*) {\n  padding: 0;\n}\n\n.menu-label ::slotted(*) {\n  display: inline-flex;\n  width: 100%;\n  min-width: fit-content;\n  padding-bottom: 2px;\n  margin: 0;\n  appearance: none;\n  color: var(--z-menu-label-color, var(--color-default-text));\n  font-family: var(--font-family-sans);\n  font-size: var(--font-size-3);\n  font-weight: inherit;\n  line-height: 1.5;\n  white-space: nowrap;\n}\n\n.menu-label z-icon {\n  margin-left: calc(var(--space-unit) * 1.5);\n  fill: var(--color-default-icon);\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]:not([slot]))::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]:not([slot]))::after {\n    display: none;\n  }\n}\n\n::slotted([data-text]:not([slot])) {\n  display: inline-flex;\n  flex-direction: column;\n}\n\n.content {\n  background: var(--color-surface01);\n}\n\n:host(:not([open])) .content {\n  display: none;\n}\n\n:host([floating]:not([vertical-context])) .content {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  width: 375px;\n  min-width: 100%;\n  max-width: 100vw;\n  padding: 0 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.5;\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: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n}\n\n:host(:not([vertical-context])) .items > ::slotted([slot=\"item\"]:last-child) {\n  border-bottom: 0;\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-primary01);\n  font-weight: var(--font-bd);\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Method, Prop, State, Watch, h} from \"@stencil/core\";\nimport {KeyboardCode} from \"../../beans\";\nimport {containsElement} from \"../../utils/utils\";\n\nconst isZMenuSection = (el: HTMLElement | HTMLZMenuSectionElement): el is HTMLZMenuSectionElement =>\n  el?.tagName === \"Z-MENU-SECTION\";\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. Set the `active` HTML attribute on the element to highlight it. 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() host: 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? = true;\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 (usually 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  /**\n   * Tabindex value to set on the menu label.\n   * Useful to manage keyboard navigation focus with roving tabindex handled by this component's parent (usually ZAppHeader).\n   */\n  @Prop()\n  htmlTabindex = -1;\n\n  @State()\n  hasHeader: boolean;\n\n  @State()\n  hasContent: boolean;\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 labelButton: HTMLButtonElement;\n\n  private content: HTMLElement;\n\n  private items: (HTMLElement | HTMLZMenuSectionElement)[] = [];\n\n  /** Animation frame request id. */\n  private raf: number;\n\n  private get focusableItem(): HTMLZMenuSectionElement | HTMLElement | null {\n    return this.items.find((item) => (isZMenuSection(item) ? item.htmlTabindex === 0 : item.tabIndex === 0));\n  }\n\n  private toggle(): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    this.open = !this.open;\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    this.setLabelA11yAttrs();\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.floating) {\n      return;\n    }\n\n    if (this.content && this.hasContent) {\n      const {style} = this.content;\n      const {left} = this.host.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.host.querySelectorAll(\"[slot=header]\").length;\n    this.hasContent = !!this.host.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n  }\n\n  private setItemTabindex(item: HTMLElement | HTMLZMenuSectionElement, tabIndex: number): void {\n    if (isZMenuSection(item)) {\n      item.htmlTabindex = tabIndex;\n    } else {\n      item.tabIndex = tabIndex;\n    }\n  }\n\n  /**\n   * Set `menuitem` role to all menu items (ZMenuSection items already have it).\n   * Set -1 to the tabindex of the items and 0 to the first one.\n   */\n  private setItemsA11yAttrs(): void {\n    this.items.forEach((item, index) => {\n      const tabindex = index === 0 ? 0 : -1;\n      this.setItemTabindex(item, tabindex);\n      if (!isZMenuSection(item)) {\n        item.setAttribute(\"role\", \"menuitem\");\n      }\n    });\n  }\n\n  private onItemsChange(): void {\n    this.checkContent();\n    this.items = Array.from(this.host.children).filter(({slot}) => slot === \"item\") as HTMLElement[];\n    this.setItemsA11yAttrs();\n    this.items.forEach((item) => {\n      if (!isZMenuSection(item)) {\n        item.dataset.text = item.textContent;\n      }\n    });\n  }\n\n  /**\n   * Move focus and adjust the tabindex value of `receiver` and `current` elements,\n   * setting -1 to the `current` and 0 to the `receiver`, then focus the `receiver` element.\n   * If the receiver is a ZMenuSection and it's open, focus its first focusable item.\n   */\n  private moveFocus(\n    receiver: HTMLElement | HTMLZMenuSectionElement,\n    current?: HTMLElement | HTMLZMenuSectionElement\n  ): void {\n    if (isZMenuSection(receiver)) {\n      receiver.setFocus();\n    } else {\n      receiver.tabIndex = 0;\n      setTimeout(() => {\n        receiver.focus();\n      }, 100);\n    }\n    if (!current) {\n      return;\n    }\n\n    this.setItemTabindex(current, -1);\n  }\n\n  private onLabelClick(): void {\n    this.toggle();\n    this.setFocus();\n  }\n\n  private onLabelKeydown(ev: KeyboardEvent): void {\n    if (ev.key === KeyboardCode.ENTER || ev.key === KeyboardCode.SPACE) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.toggle();\n      if (this.open) {\n        this.moveFocus(this.items[0]);\n      }\n\n      return;\n    }\n\n    if (!this.verticalContext) {\n      return;\n    }\n\n    if (ev.key === KeyboardCode.ARROW_RIGHT && !this.open) {\n      ev.preventDefault();\n      ev.stopPropagation();\n      this.open = true;\n      this.moveFocus(this.items[0]);\n    }\n  }\n\n  /** Set tabindex of the label to 0, then focus it. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.htmlTabindex = 0;\n    const label = this.hasContent ? this.labelButton : (this.host.firstElementChild as HTMLElement);\n    label.focus();\n  }\n\n  /**\n   * Focus the last item.\n   */\n  @Method()\n  async focusLastItem(): Promise<void> {\n    const lastItem = this.items[this.items.length - 1];\n    if (isZMenuSection(lastItem) && lastItem.open) {\n      lastItem.focusLastItem();\n\n      return;\n    }\n\n    this.moveFocus(lastItem);\n  }\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (!this.open) {\n      cancelAnimationFrame(this.raf);\n      this.closed.emit();\n      this.items.forEach((item) => {\n        if (isZMenuSection(item) && item.open) {\n          item.open = false;\n        }\n      });\n\n      return;\n    }\n\n    this.setItemsA11yAttrs();\n    this.opened.emit();\n    if (this.floating) {\n      this.reflow(true);\n    }\n  }\n\n  @Watch(\"htmlTabindex\")\n  setLabelA11yAttrs(): void {\n    if (this.hasContent && this.labelButton) {\n      this.labelButton.tabIndex = this.htmlTabindex;\n\n      return;\n    }\n\n    const slottedLabel = this.host.firstElementChild as HTMLElement;\n    slottedLabel.role = \"menuitem\";\n    slottedLabel.tabIndex = this.htmlTabindex;\n  }\n\n  /**\n   * Set tabindex to -1 to all siblings of the clicked item.\n   */\n  @Listen(\"click\", {target: \"document\"})\n  onItemClick(ev: MouseEvent): void {\n    const clickedItem = this.items.find((item) => containsElement(item, ev.target as HTMLElement));\n    if (clickedItem) {\n      this.items.forEach((item) => {\n        if (item === clickedItem) {\n          return;\n        }\n\n        if (isZMenuSection(item)) {\n          item.htmlTabindex = -1;\n        } else {\n          item.tabIndex = -1;\n        }\n      });\n    }\n  }\n\n  @Listen(\"keydown\")\n  onKeyDown(ev: KeyboardEvent): void {\n    if (!this.hasContent) {\n      return;\n    }\n\n    switch (ev.key) {\n      case KeyboardCode.ESC:\n        if (!this.open) {\n          break;\n        }\n        ev.stopPropagation();\n        ev.preventDefault();\n        this.open = false;\n        this.setFocus();\n        break;\n      case KeyboardCode.ARROW_DOWN: {\n        if (document.activeElement === this.host) {\n          if (this.verticalContext && !this.open) {\n            break;\n          }\n\n          ev.stopPropagation();\n          ev.preventDefault();\n          if (!this.open) {\n            this.open = true;\n          }\n          this.moveFocus(this.items[0]);\n          break;\n        }\n\n        const currentIndex = this.items.indexOf(this.focusableItem);\n        if (this.verticalContext && currentIndex === this.items.length - 1) {\n          // navigation is going to leave this menu. restore tabindex to the label and let the parent handle it\n          this.setItemTabindex(this.items[currentIndex], -1);\n          this.htmlTabindex = 0;\n          break;\n        }\n\n        ev.stopPropagation();\n        ev.preventDefault();\n        const receiver = this.items[currentIndex + 1];\n        // if the last item is already focused, navigate to the first one\n        this.moveFocus(receiver ?? this.items[0], this.focusableItem);\n        break;\n      }\n      case KeyboardCode.ARROW_UP: {\n        if (document.activeElement === this.host) {\n          if (this.verticalContext) {\n            break;\n          }\n\n          ev.stopPropagation();\n          ev.preventDefault();\n          // open the menu and focus the last item\n          if (!this.open) {\n            this.open = true;\n          }\n          this.moveFocus(this.items[this.items.length - 1], this.focusableItem);\n          break;\n        }\n\n        ev.stopPropagation();\n        ev.preventDefault();\n        const currentIndex = this.items.indexOf(this.focusableItem);\n        if (currentIndex === 0 && this.verticalContext) {\n          this.setItemTabindex(this.focusableItem, -1);\n          this.setFocus();\n          break;\n        }\n\n        const receiver = this.items[currentIndex - 1] ?? this.items[this.items.length - 1];\n        // if the receiver is a ZMenuSection and it's open, focus its last item\n        if (isZMenuSection(receiver) && receiver.open) {\n          this.setItemTabindex(this.focusableItem, -1);\n          receiver.focusLastItem();\n          break;\n        }\n\n        this.moveFocus(receiver, this.focusableItem);\n        break;\n      }\n      case KeyboardCode.ARROW_LEFT:\n        if (!this.open || !this.verticalContext) {\n          break;\n        }\n\n        // close the menu and focus the label\n        ev.preventDefault();\n        ev.stopPropagation();\n        this.open = false;\n        this.setFocus();\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.onLabelClick = this.onLabelClick.bind(this);\n    this.onItemsChange = this.onItemsChange.bind(this);\n    this.onLabelKeydown = this.onLabelKeydown.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.setLabelA11yAttrs();\n    this.onItemsChange();\n  }\n\n  render(): HTMLDivElement | HTMLZMenuElement {\n    if (!this.hasContent) {\n      return (\n        <div class=\"menu-label\">\n          <slot onSlotchange={this.onLabelSlotChange} />\n        </div>\n      );\n    }\n\n    return (\n      <Host>\n        <button\n          ref={(el) => (this.labelButton = el)}\n          class=\"menu-label\"\n          aria-expanded={`${!!this.open}`}\n          aria-haspopup={`${this.hasContent}`}\n          aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n          role=\"menuitem\"\n          tabIndex={this.htmlTabindex}\n          onClick={this.onLabelClick}\n          onKeyDown={this.onLabelKeydown}\n        >\n          <slot onSlotchange={this.onLabelSlotChange} />\n          <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n        </button>\n\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              />\n            </header>\n          )}\n\n          <div\n            class=\"items\"\n            role=\"menu\"\n          >\n            <slot\n              name=\"item\"\n              onSlotchange={this.onItemsChange}\n            />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/z-myz-card-alert.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-c8ceadeb.js";import{o as AlertType}from"./index-ee40e66b.js";var stylesCss=":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;-ms-flex-align:center;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-background);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}";var ZMyzCardAlertStyle0=stylesCss;var ZMyzCardAlert=function(){function e(e){registerInstance(this,e);this.undoAction=createEvent(this,"undoAction",7);this.iconname=undefined;this.contenttext=undefined;this.actiontext=undefined;this.type=undefined}e.prototype.emitUndoAction=function(){this.undoAction.emit({actionType:this.type})};e.prototype.handleSpaceKeyPress=function(e){if(e.keyCode==32||e.keyCode==13){e.preventDefault();this.emitUndoAction()}};e.prototype.handleActionButtonClick=function(e){e.preventDefault();this.emitUndoAction()};e.prototype.retrieveClass=function(){var e="";switch(this.type){case"add":e="add-alert";break;case"remove":e="remove-alert";break;default:e="";break}return e};e.prototype.getAlertType=function(){switch(this.type){case"add":return AlertType.SUCCESS;case"remove":return AlertType.WARNING;default:return null}};e.prototype.render=function(){var e=this;return h("div",{key:"26730317345595013e625708599fa1c6c5ea04a0",class:"alert-external-wrapper "+this.retrieveClass()},h("z-alert",{key:"3318a79be3865ad94eb7a9f7df385bf47c132048",type:this.getAlertType()},h("div",{key:"c0b39a452f0529901918b50d983ad1fa2e756778",class:"relative-container"},h("z-icon",{key:"2dea8db0df9990f375656b78f4e8389b543b5887",name:this.iconname,width:18,height:18,class:this.retrieveClass()}),h("span",{key:"ba7891b7139df477a8e2e7a912537181b428b713",class:"content-text"},this.contenttext),this.actiontext&&!!this.actiontext.trim().length&&h("span",{key:"9ec182dbb44b0f9cd5450f25f5fbcda04b67986d",role:"button",tabindex:"0",class:"content-action",onClick:function(t){e.handleActionButtonClick(t)},onKeyPress:function(t){e.handleSpaceKeyPress(t)}},this.actiontext))))};return e}();ZMyzCardAlert.style=ZMyzCardAlertStyle0;export{ZMyzCardAlert as z_myz_card_alert};
+//# sourceMappingURL=z-myz-card-alert.entry.js.map

package/dist/esm-es5/z-myz-card-alert.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardAlertStyle0","ZMyzCardAlert","prototype","emitUndoAction","this","undoAction","emit","actionType","type","handleSpaceKeyPress","e","keyCode","preventDefault","handleActionButtonClick","retrieveClass","className","getAlertType","AlertType","SUCCESS","WARNING","render","_this","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-background);\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, Event, EventEmitter, Prop, h} 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":"0HAAA,IAAMA,UAAY,+8BAClB,IAAAC,oBAAeD,U,ICOFE,cAAa,W,yLAqBhBA,EAAAC,UAAAC,eAAA,WACNC,KAAKC,WAAWC,KAAK,CAACC,WAAYH,KAAKI,M,EAGjCP,EAAAC,UAAAO,oBAAA,SAAoBC,GAC1B,GAAIA,EAAEC,SAAW,IAAMD,EAAEC,SAAW,GAAI,CACtCD,EAAEE,iBACFR,KAAKD,gB,GAIDF,EAAAC,UAAAW,wBAAA,SAAwBH,GAC9BA,EAAEE,iBACFR,KAAKD,gB,EAGCF,EAAAC,UAAAY,cAAA,WACN,IAAIC,EAAY,GAChB,OAAQX,KAAKI,MACX,IAAK,MACHO,EAAY,YACZ,MACF,IAAK,SACHA,EAAY,eACZ,MACF,QACEA,EAAY,GACZ,MAGJ,OAAOA,C,EAGDd,EAAAC,UAAAc,aAAA,WACN,OAAQZ,KAAKI,MACX,IAAK,MACH,OAAOS,UAAUC,QACnB,IAAK,SACH,OAAOD,UAAUE,QACnB,QACE,OAAO,K,EAIblB,EAAAC,UAAAkB,OAAA,eAAAC,EAAAjB,KACE,OACEkB,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA4BpB,KAAKU,iBAC3CQ,EAAA,WAAAC,IAAA,2CAASf,KAAMJ,KAAKY,gBAClBM,EAAA,OAAAC,IAAA,2CAAKC,MAAM,sBACTF,EAAA,UAAAC,IAAA,2CACEE,KAAMrB,KAAKsB,SACXC,MAAO,GACPC,OAAQ,GACRJ,MAAOpB,KAAKU,kBAEdQ,EAAA,QAAAC,IAAA,2CAAMC,MAAM,gBAAgBpB,KAAKyB,aAChCzB,KAAK0B,cAAgB1B,KAAK0B,WAAWC,OAAOC,QAC3CV,EAAA,QAAAC,IAAA,2CACEU,KAAK,SACLC,SAAS,IACTV,MAAM,iBACNW,QAAS,SAACzB,GACRW,EAAKR,wBAAwBH,E,EAE/B0B,WAAY,SAAC1B,GACXW,EAAKZ,oBAAoBC,E,GAG1BN,KAAK0B,c,WAzFI,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-dictionary.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-c8ceadeb.js";import{B as ButtonVariant,d as ButtonSize}from"./index-ee40e66b.js";var stylesCss=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;-webkit-transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;-webkit-transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.hide-info{display:none}";var ZMyzCardDictionaryStyle0=stylesCss;var ZMyzCardDictionary=function(){function t(t){registerInstance(this,t);this.cardFlipped=createEvent(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}t.prototype.handleFlipCard=function(t){this.flipCard(t.detail)};t.prototype.flipCard=function(t){if(t===void 0){t=true}this.flipped=t;this.cardFlipped.emit(t)};t.prototype.render=function(){var t=this;return h("div",{key:"af0f476b5b7b6530250d7d4d89ef7943937e9d50"},h("z-myz-card",{key:"bd089d9975ec7df7c8b7b86649c1898589802ded"},h("z-myz-card-header",{key:"5a767aeb4eef28f25dd9fc2d3c39677582e77b38",titolo:this.name}),h("div",{key:"263946e30af18863e91ba5345eac8a22d7b1b3f4",class:"content ".concat(this.flipped?"flipped":"")},h("div",{key:"adc17fefcf0d85671e31b153e933296dfa5f4ca4",class:"front"},h("z-myz-card-body",{key:"0e731cfc9fd714e2e1db3e8c0340445b6d5b5181"},h("z-myz-card-cover",{key:"5f23cebccbbae1b038afb16a4488c51e679db2ee",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),h("z-button",{key:"e8555a0bb42a612fbf873e9abf53b1a7edd97c01",class:{"hide-info":this.hideinfobtn},variant:ButtonVariant.SECONDARY,icon:"informationsource",size:ButtonSize.X_SMALL,onClick:function(){return t.flipCard(true)},disabled:this.flipped},this.flipbuttonlabel)),h("div",{key:"4dc013ce1de689f0a5789339c559d7d229eefd1b",class:"back"},h("slot",{key:"781c844a1706cf47595db8b0a145c808f3fcb38f",name:"info"}))),h("slot",{key:"a4e4fcd08625be6b556f705114e1a82bde5e3074"})))};return t}();ZMyzCardDictionary.style=ZMyzCardDictionaryStyle0;export{ZMyzCardDictionary as z_myz_card_dictionary};
+//# sourceMappingURL=z-myz-card-dictionary.entry.js.map

package/dist/esm-es5/z-myz-card-dictionary.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardDictionaryStyle0","ZMyzCardDictionary","prototype","handleFlipCard","e","this","flipCard","detail","showBack","flipped","cardFlipped","emit","render","_this","h","key","titolo","name","class","concat","slot","img","cover","faded","disabled","hideinfobtn","variant","ButtonVariant","SECONDARY","icon","size","ButtonSize","X_SMALL","onClick","flipbuttonlabel"],"sources":["src/snowflakes/myz/card/z-myz-card-dictionary/styles.css?tag=z-myz-card-dictionary&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host z-myz-card {\n  --card-overflow: visible;\n}\n\n:host > div {\n  position: relative;\n  width: 100%;\n  height: 522px;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 522px;\n  transform-style: preserve-3d;\n  transition: -webkit-transform 0.5s ease-out;\n  transition: transform 0.5s ease-out;\n  transition:\n    transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out;\n}\n\n:host > div .content.flipped {\n  margin-top: -2px;\n  transform: rotateY(180deg);\n}\n\n:host > div .front,\n:host > div .back {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n}\n\n:host > div .front {\n  z-index: 2;\n  top: 0;\n  left: 0;\n  transform: rotateY(0deg);\n}\n\n:host > div .front z-button {\n  position: absolute;\n  z-index: 3;\n  top: calc(var(--space-unit) * 0.5);\n  left: calc(-1 * var(--space-unit));\n}\n\n:host > div .back {\n  z-index: 1;\n  top: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  padding: 0 var(--space-unit);\n  margin-left: calc(-1 * var(--space-unit));\n  transform: rotateY(180deg);\n}\n\n.hide-info {\n  display: none;\n}\n","import {Component, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../../beans\";\n\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\n@Component({\n  tag: \"z-myz-card-dictionary\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardDictionary {\n  /** card title */\n  @Prop()\n  name: string;\n\n  /** card cover */\n  @Prop()\n  cover: string;\n\n  /** card is disabled */\n  @Prop()\n  disabled = false;\n\n  /** card is flipped */\n  @Prop({mutable: true})\n  flipped = false;\n\n  /** flip button label */\n  @Prop()\n  flipbuttonlabel = \"INFO\";\n\n  /** hide info button */\n  @Prop()\n  hideinfobtn = false;\n\n  @Listen(\"flipCard\")\n  handleFlipCard(e: CustomEvent): void {\n    this.flipCard(e.detail);\n  }\n\n  /** when card is flipped */\n  @Event()\n  cardFlipped: EventEmitter;\n\n  private flipCard(showBack = true): void {\n    this.flipped = showBack;\n    this.cardFlipped.emit(showBack);\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-myz-card>\n          <z-myz-card-header titolo={this.name}></z-myz-card-header>\n          <div class={`content ${this.flipped ? \"flipped\" : \"\"}`}>\n            <div class=\"front\">\n              <z-myz-card-body>\n                <z-myz-card-cover\n                  slot=\"cover\"\n                  titolo={this.name}\n                  img={this.cover}\n                  faded={this.disabled}\n                />\n              </z-myz-card-body>\n              <z-button\n                class={{\"hide-info\": this.hideinfobtn}}\n                variant={ButtonVariant.SECONDARY}\n                icon=\"informationsource\"\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.flipCard(true)}\n                disabled={this.flipped}\n              >\n                {this.flipbuttonlabel}\n              </z-button>\n            </div>\n            <div class=\"back\">\n              <slot name=\"info\" />\n            </div>\n          </div>\n          <slot />\n        </z-myz-card>\n      </div>\n    );\n  }\n}\n"],"mappings":"8IAAA,IAAMA,UAAY,2iDAClB,IAAAC,yBAAeD,U,ICWFE,mBAAkB,W,iJAWlB,M,aAID,M,qBAIQ,O,iBAIJ,K,CAGdA,EAAAC,UAAAC,eAAA,SAAeC,GACbC,KAAKC,SAASF,EAAEG,O,EAOVN,EAAAC,UAAAI,SAAA,SAASE,GAAA,GAAAA,SAAA,GAAAA,EAAA,IAAe,CAC9BH,KAAKI,QAAUD,EACfH,KAAKK,YAAYC,KAAKH,E,EAGxBP,EAAAC,UAAAU,OAAA,eAAAC,EAAAR,KACE,OACES,EAAA,OAAAC,IAAA,4CACED,EAAA,cAAAC,IAAA,4CACED,EAAA,qBAAAC,IAAA,2CAAmBC,OAAQX,KAAKY,OAChCH,EAAA,OAAAC,IAAA,2CAAKG,MAAO,WAAAC,OAAWd,KAAKI,QAAU,UAAY,KAChDK,EAAA,OAAAC,IAAA,2CAAKG,MAAM,SACTJ,EAAA,mBAAAC,IAAA,4CACED,EAAA,oBAAAC,IAAA,2CACEK,KAAK,QACLJ,OAAQX,KAAKY,KACbI,IAAKhB,KAAKiB,MACVC,MAAOlB,KAAKmB,YAGhBV,EAAA,YAAAC,IAAA,2CACEG,MAAO,CAAC,YAAab,KAAKoB,aAC1BC,QAASC,cAAcC,UACvBC,KAAK,oBACLC,KAAMC,WAAWC,QACjBC,QAAS,WAAM,OAAApB,EAAKP,SAAS,KAAd,EACfkB,SAAUnB,KAAKI,SAEdJ,KAAK6B,kBAGVpB,EAAA,OAAAC,IAAA,2CAAKG,MAAM,QACTJ,EAAA,QAAAC,IAAA,2CAAME,KAAK,WAGfH,EAAA,QAAAC,IAAA,8C,WArEqB,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-footer-sections.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-c8ceadeb.js";var stylesCss=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;-webkit-box-sizing:border-box;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}";var ZMyzCardFooterSectionsStyle0=stylesCss;var ZMyzCardFooterSections=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("div",{key:"532a42d5e795737e7547907e2ae11424fbdb88f7"},h("footer",{key:"bad64fa0a4dfc326265b0e64c8766f422324a00e"},h("div",{key:"8834650721258ec6a4921d7f9d62c05489640b9b",class:"top"},h("slot",{key:"422b5f0b00a31edf8bb0541d84fe0e7bde1851ee",name:"top"})),h("div",{key:"0191d84ded4e380f2a0f51bf7ee453d49295de63",class:"bottom"},h("slot",{key:"09f38cd1eb44584cef7509f7208d6be4d797bedb",name:"bottom"}))))};return e}();ZMyzCardFooterSections.style=ZMyzCardFooterSectionsStyle0;export{ZMyzCardFooterSections as z_myz_card_footer_sections};
+//# sourceMappingURL=z-myz-card-footer-sections.entry.js.map

package/dist/esm-es5/z-myz-card-footer-sections.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardFooterSectionsStyle0","ZMyzCardFooterSections","prototype","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":"yDAAA,IAAMA,UAAY,8cAClB,IAAAC,6BAAeD,U,ICUFE,uBAAsB,W,uCACjCA,EAAAC,UAAAC,OAAA,WACE,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,WATY,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-footer.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h,g as getElement}from"./index-c8ceadeb.js";import{L as LicenseType}from"./index-ee40e66b.js";var stylesCss='footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);-webkit-transition:height 500ms ease-in-out,\n    top 500ms ease-in-out;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;-webkit-transition:all 200ms linear;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);-webkit-transition:all 200ms linear;transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;-ms-flex-direction:column;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;-webkit-transition:height 500ms ease-in-out,\n    top 500ms ease-in-out;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;-webkit-transition:height 500ms ease-in-out,\n    top 500ms ease-in-out;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot="content"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot="content"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}';var ZMyzCardFooterStyle0=stylesCss;var ZMyzCardFooter=function(){function e(e){registerInstance(this,e);this.titolo=undefined;this.autori=undefined;this.isbn=undefined;this.faded=undefined;this.cardtype=undefined;this.opened=false;this.customContent=false;this.isOpen=false;this.allowTooltipAuthors=false}e.prototype.handleToggle=function(){this.isOpen=!this.isOpen;if(this.isOpen){var e=this.getFirstListItem();if(e){requestAnimationFrame((function(){e.focus()}))}}};e.prototype.getTitleAuthors=function(){return this.allowTooltipAuthors?this.autori:""};e.prototype.componentWillLoad=function(){if(this.opened){this.isOpen=true}};e.prototype.elementsEllipsis=function(){this.allowTooltipAuthors=this.elementAuthorsHasEllipsis()?true:false};e.prototype.elementAuthorsHasEllipsis=function(){return this.ellipsisAuthors.offsetWidth<this.ellipsisAuthors.scrollWidth};e.prototype.retrieveClass=function(){return{isopen:this.isOpen,real:this.cardtype===LicenseType.REAL,trial:this.cardtype===LicenseType.TRIAL,temp:this.cardtype===LicenseType.TEMP,"custom-content":this.customContent}};e.prototype.footerTransitionHandler=function(e){if(["visibility","height"].includes(e.propertyName)){this.elementsEllipsis()}};e.prototype.getFirstListItem=function(){return this.host.querySelector("[slot=list] > li a")};e.prototype.render=function(){var e=this;return h("div",{key:"dadb29ba9e0aa0037a90d8e2564fa2a203c9898f",class:Object.assign(Object.assign({},this.retrieveClass()),{wrapper:true})},h("footer",{key:"3fa010af7929efef3d957b5855745b6153a93ddd",class:this.retrieveClass(),onTransitionEnd:function(t){return e.footerTransitionHandler(t)}},h("span",{key:"ebba12731f21021f4fe5854e487f0a24eda0e22b",class:"toggle"},h("slot",{key:"c241b4d1182ca8cefbfdfcb9d2db294299c3a67c",name:"toggle"})),this.titolo&&h("p",{key:"83683f8a76d1ff998aca1f79cf5e219a310d581c",class:{"custom-content":this.customContent}},this.titolo),h("div",{key:"1903067d261cd4a9d12726d463d6b036c663402b",class:{content:true,"custom-content":this.customContent}},h("div",{key:"346c8e222c82ffed27b0108d2f57f921705e7f5e"},h("p",{key:"396ff63071b02d1cbab2afbac1abff5fa197d70a",class:"authors",ref:function(t){return e.ellipsisAuthors=t}},h("span",{key:"86444e75181b607ef3e28f2b13a0fa999fe88b94",title:this.getTitleAuthors()},h("span",{key:"43e9fb0ceb195e3b2583de1b077b95ae88f875bf","aria-description":"Autori",class:"bold"},this.autori))),h("p",{key:"2ce4b6829e57f254abd3ef53420a2983d872fcd8",class:"year-isbn"},h("span",{key:"0b0a3ee12129daa10a5c145ad2c91e2ed6a2d2de",class:"isbn"},h("span",{key:"eb1c78693724c737d6de9612c5cfbe774c4b67e4"},h("span",{key:"4efbbec95933b2dd5eec936b536b1692d1348b44","aria-description":"ISBN edizione cartacea",class:"bold"},this.isbn)," ","(ed. cartacea)")))),h("div",{key:"4d697bf96ce3b881fda2a4976229911e8876a281",class:"slot-handler ".concat(this.isOpen?"visible":"hidden")},h("slot",{key:"0f8a194c7f5b44e306a1150a2196fdf63ae69e6d",name:"list"})))),this.customContent&&h("slot",{key:"6e93d147ad70517df5d17a9e1f055a987eab0680",name:"content"}))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();ZMyzCardFooter.style=ZMyzCardFooterStyle0;export{ZMyzCardFooter as z_myz_card_footer};
+//# sourceMappingURL=z-myz-card-footer.entry.js.map

package/dist/esm-es5/z-myz-card-footer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardFooterStyle0","ZMyzCardFooter","prototype","handleToggle","this","isOpen","firstElem_1","getFirstListItem","requestAnimationFrame","focus","getTitleAuthors","allowTooltipAuthors","autori","componentWillLoad","opened","elementsEllipsis","elementAuthorsHasEllipsis","ellipsisAuthors","offsetWidth","scrollWidth","retrieveClass","isopen","real","cardtype","LicenseType","REAL","trial","TRIAL","temp","TEMP","customContent","footerTransitionHandler","e","includes","propertyName","host","querySelector","render","_this","h","key","class","Object","assign","wrapper","onTransitionEnd","name","titolo","content","ref","el","title","isbn","concat"],"sources":["src/snowflakes/myz/card/z-myz-card-footer/styles.css?tag=z-myz-card-footer&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"sourcesContent":["footer {\n  position: relative;\n  z-index: 5;\n  top: 0;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  padding: 0;\n  border-top: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background-color: var(--color-surface01);\n  border-radius: 0 0 var(--border-radius) var(--border-radius);\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.real,\nfooter.trial,\nfooter.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n}\n\nfooter .bold {\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-sb);\n}\n\nfooter > p {\n  overflow: hidden;\n  height: 40px;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);\n  margin: 0;\n  background-color: var(--color-surface01);\n  font-family: var(--font-family-sans);\n  font-size: 16px;\n  font-weight: var(--font-rg);\n  line-height: 22px;\n  transition: all 200ms linear;\n}\n\nfooter.isopen > p {\n  background-color: var(--gray200);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  transition: all 200ms linear;\n}\n\nfooter.isopen.real > p,\nfooter.isopen.trial > p,\nfooter.isopen.temp > p {\n  background-color: var(--blue100);\n}\n\nfooter .visible {\n  display: block;\n}\n\nfooter .hidden {\n  display: none;\n}\n\nfooter > div.content {\n  overflow: hidden;\n  height: 60px;\n}\n\nfooter > div.content > div:not(.slot-handler) {\n  padding: var(--space-unit) calc(var(--space-unit) * 2);\n}\n\nfooter > div.content > div > p {\n  overflow: hidden;\n  height: 20px;\n  padding: 0;\n  margin: 0;\n  font-size: 14px;\n  line-height: 20px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\nfooter > div.content > div > p.year-isbn {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding-top: var(--space-unit);\n}\n\nfooter > div.content > div > p.year-isbn > span.isbn {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\nfooter.isopen > div.content > div:not(.slot-handler) {\n  height: 68px;\n}\n\nfooter.isopen > div.content > div > p.authors {\n  height: 40px;\n  text-overflow: initial;\n  white-space: initial;\n}\n\nfooter.isopen > div.content > div > p.year-isbn {\n  height: 50px;\n  flex-direction: column;\n  padding-left: 0;\n}\n\nfooter.isopen > div.content > div > p.year-isbn > span.isbn {\n  display: inline-grid;\n  padding-left: 0;\n}\n\nfooter.isopen {\n  top: -212px;\n  height: 295px;\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content {\n  top: -292px;\n}\n\nfooter.isopen > div.content {\n  height: 280px;\n  transition:\n    height 500ms ease-in-out,\n    top 500ms ease-in-out;\n}\n\nfooter.isopen.custom-content > div.content {\n  height: 230px;\n}\n\n.toggle {\n  position: absolute;\n  z-index: 10;\n  top: -24px;\n  left: 16px;\n}\n\n.faded {\n  opacity: 0.3;\n  pointer-events: none;\n}\n\nfooter > p.custom-content,\nfooter .content.custom-content {\n  display: none;\n}\n\nfooter.isopen > p.custom-content,\nfooter.isopen .content.custom-content {\n  display: block;\n}\n\ndiv.wrapper {\n  position: relative;\n  height: 100%;\n}\n\ndiv.wrapper ::slotted([slot=\"content\"]) {\n  position: absolute;\n  z-index: 10;\n  top: calc(var(--space-unit) * 2);\n  display: block;\n  width: 100%;\n  height: 112px;\n  box-sizing: border-box;\n  padding: 0 calc(var(--space-unit) * 2);\n  border-top: var(--border-size-medium) solid transparent;\n  background: var(--color-white);\n}\n\ndiv.wrapper.isopen ::slotted([slot=\"content\"]) {\n  top: 0;\n  bottom: 0;\n  height: 128px;\n  padding: calc(var(--space-unit) * 2);\n  border-color: var(--blue100);\n}\n","import {Component, Element, Listen, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\n@Component({\n  tag: \"z-myz-card-footer\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooter {\n  @Element() host: HTMLZMyzCardFooterElement;\n\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** authors name text */\n  @Prop()\n  autori: string;\n\n  /** volume isbn */\n  @Prop()\n  isbn: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** footer opened by default (optional) */\n  @Prop()\n  opened?: boolean = false;\n\n  /** display footer custom slotted content */\n  @Prop()\n  customContent = false;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  allowTooltipAuthors = false;\n\n  private ellipsisAuthors?: HTMLElement;\n\n  @Listen(\"toggleClick\")\n  handleToggle(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      const firstElem = this.getFirstListItem();\n      if (firstElem) {\n        requestAnimationFrame(() => {\n          firstElem.focus();\n        });\n      }\n    }\n  }\n\n  private getTitleAuthors(): string {\n    return this.allowTooltipAuthors ? this.autori : \"\";\n  }\n\n  componentWillLoad(): void {\n    if (this.opened) {\n      this.isOpen = true;\n    }\n  }\n\n  private elementsEllipsis(): void {\n    this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n  }\n\n  private elementAuthorsHasEllipsis(): boolean {\n    return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      \"isopen\": this.isOpen,\n      \"real\": this.cardtype === LicenseType.REAL,\n      \"trial\": this.cardtype === LicenseType.TRIAL,\n      \"temp\": this.cardtype === LicenseType.TEMP,\n      \"custom-content\": this.customContent,\n    };\n  }\n\n  private footerTransitionHandler(e: TransitionEvent): void {\n    if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n      this.elementsEllipsis();\n    }\n  }\n\n  private getFirstListItem(): HTMLElement {\n    return this.host.querySelector(\"[slot=list] > li a\");\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n        <footer\n          class={this.retrieveClass()}\n          onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n        >\n          <span class=\"toggle\">\n            <slot name=\"toggle\" />\n          </span>\n          {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n          <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n            <div>\n              <p\n                class=\"authors\"\n                ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n              >\n                <span title={this.getTitleAuthors()}>\n                  <span\n                    aria-description=\"Autori\"\n                    class=\"bold\"\n                  >\n                    {this.autori}\n                  </span>\n                </span>\n              </p>\n              <p class=\"year-isbn\">\n                <span class=\"isbn\">\n                  <span>\n                    <span\n                      aria-description=\"ISBN edizione cartacea\"\n                      class=\"bold\"\n                    >\n                      {this.isbn}\n                    </span>{\" \"}\n                    (ed. cartacea)\n                  </span>\n                </span>\n              </p>\n            </div>\n            <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n              <slot name=\"list\" />\n            </div>\n          </div>\n        </footer>\n        {this.customContent && <slot name=\"content\" />}\n      </div>\n    );\n  }\n}\n"],"mappings":"2HAAA,IAAMA,UAAY,s3GAClB,IAAAC,qBAAeD,U,ICYFE,eAAc,W,gKAyBN,M,mBAIH,M,YAGP,M,yBAGa,K,CAKtBA,EAAAC,UAAAC,aAAA,WACEC,KAAKC,QAAUD,KAAKC,OACpB,GAAID,KAAKC,OAAQ,CACf,IAAMC,EAAYF,KAAKG,mBACvB,GAAID,EAAW,CACbE,uBAAsB,WACpBF,EAAUG,O,OAMVR,EAAAC,UAAAQ,gBAAA,WACN,OAAON,KAAKO,oBAAsBP,KAAKQ,OAAS,E,EAGlDX,EAAAC,UAAAW,kBAAA,WACE,GAAIT,KAAKU,OAAQ,CACfV,KAAKC,OAAS,I,GAIVJ,EAAAC,UAAAa,iBAAA,WACNX,KAAKO,oBAAsBP,KAAKY,4BAA8B,KAAO,K,EAG/Df,EAAAC,UAAAc,0BAAA,WACN,OAAOZ,KAAKa,gBAAgBC,YAAcd,KAAKa,gBAAgBE,W,EAGzDlB,EAAAC,UAAAkB,cAAA,WACN,MAAO,CACLC,OAAUjB,KAAKC,OACfiB,KAAQlB,KAAKmB,WAAaC,YAAYC,KACtCC,MAAStB,KAAKmB,WAAaC,YAAYG,MACvCC,KAAQxB,KAAKmB,WAAaC,YAAYK,KACtC,iBAAkBzB,KAAK0B,c,EAInB7B,EAAAC,UAAA6B,wBAAA,SAAwBC,GAC9B,GAAI,CAAC,aAAc,UAAUC,SAASD,EAAEE,cAAe,CACrD9B,KAAKW,kB,GAIDd,EAAAC,UAAAK,iBAAA,WACN,OAAOH,KAAK+B,KAAKC,cAAc,qB,EAGjCnC,EAAAC,UAAAmC,OAAA,eAAAC,EAAAlC,KACE,OACEmC,EAAA,OAAAC,IAAA,2CAAKC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GAAOvC,KAAKgB,iBAA2C,CAAEwB,QAAS,QAC1EL,EAAA,UAAAC,IAAA,2CACEC,MAAOrC,KAAKgB,gBACZyB,gBAAiB,SAACb,GAAuB,OAAAM,EAAKP,wBAAwBC,EAA7B,GAEzCO,EAAA,QAAAC,IAAA,2CAAMC,MAAM,UACVF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAEZ1C,KAAK2C,QAAUR,EAAA,KAAAC,IAAA,2CAAGC,MAAO,CAAC,iBAAkBrC,KAAK0B,gBAAiB1B,KAAK2C,QACxER,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAACO,QAAW,KAAM,iBAAkB5C,KAAK0B,gBACnDS,EAAA,OAAAC,IAAA,4CACED,EAAA,KAAAC,IAAA,2CACEC,MAAM,UACNQ,IAAK,SAACC,GAAE,OAAMZ,EAAKrB,gBAAkBiC,CAA7B,GAERX,EAAA,QAAAC,IAAA,2CAAMW,MAAO/C,KAAKM,mBAChB6B,EAAA,QAAAC,IAAA,8DACmB,SACjBC,MAAM,QAELrC,KAAKQ,UAIZ2B,EAAA,KAAAC,IAAA,2CAAGC,MAAM,aACPF,EAAA,QAAAC,IAAA,2CAAMC,MAAM,QACVF,EAAA,QAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,8DACmB,yBACjBC,MAAM,QAELrC,KAAKgD,MACA,IAAG,qBAMnBb,EAAA,OAAAC,IAAA,2CAAKC,MAAO,gBAAAY,OAAgBjD,KAAKC,OAAS,UAAY,WACpDkC,EAAA,QAAAC,IAAA,2CAAMM,KAAK,YAIhB1C,KAAK0B,eAAiBS,EAAA,QAAAC,IAAA,2CAAMM,KAAK,Y,kIAvIf,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-icon.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-c8ceadeb.js";var stylesCss="button{display:-ms-flexbox;display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:-ms-flexbox;display:flex;width:28px;height:28px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;-webkit-box-shadow:var(--shadow-0);box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";var ZMyzCardIconStyle0=stylesCss;var ZMyzCardIcon=function(){function r(r){registerInstance(this,r);this.icon=undefined;this.isdisabled=false;this.ariaLabel=""}r.prototype.render=function(){return h("button",{key:"976b2aee8131d78cb106eded23053f49f1feae3a",disabled:this.isdisabled,"aria-label":this.ariaLabel},h("span",{key:"ee919ad9fb6abc7a15fff984a5f46395354ed2b2"},h("z-icon",{key:"d0ff29cd1398bbfb0b0e68652c0b30b764f91398",name:this.icon,width:16,height:16})))};return r}();ZMyzCardIcon.style=ZMyzCardIconStyle0;export{ZMyzCardIcon as z_myz_card_icon};
+//# sourceMappingURL=z-myz-card-icon.entry.js.map

package/dist/esm-es5/z-myz-card-icon.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardIconStyle0","ZMyzCardIcon","prototype","render","h","key","disabled","this","isdisabled","ariaLabel","name","icon","width","height"],"sources":["src/snowflakes/myz/card/z-myz-card-icon/styles.css?tag=z-myz-card-icon&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-icon/index.tsx"],"sourcesContent":["button {\n  display: flex;\n  width: 42px;\n  width: calc(var(--space-unit) * 6);\n  height: calc(var(--space-unit) * 5);\n  height: calc(var(--space-unit) * 6);\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  border-left: var(--border-size-medium) solid var(--color-surface03);\n  margin: 0;\n  background: none;\n  border-radius: 0 var(--border-radius) 0 0;\n  color: var(--color-primary01);\n  cursor: pointer;\n  fill: var(--color-primary01);\n  outline: none;\n}\n\nbutton:active,\nbutton:focus {\n  color: var(--blue700);\n  fill: var(--blue700);\n}\n\nbutton > span {\n  display: flex;\n  width: 28px;\n  height: 28px;\n  align-items: center;\n  justify-content: center;\n  border: 0;\n  border-radius: var(--border-radius);\n}\n\nbutton:hover > span {\n  background: var(--color-primary03);\n}\n\nbutton:focus > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-focus-primary);\n}\n\nbutton:active > span {\n  background: var(--color-surface01);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-2);\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n}\n\nbutton:disabled > span {\n  background: none;\n  box-shadow: var(--shadow-0);\n  pointer-events: none;\n}\n\nbutton:disabled > span > z-icon {\n  fill: var(--color-surface03);\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardIcon {\n  /** icon name */\n  @Prop()\n  icon: string;\n\n  /** disabled status flag */\n  @Prop()\n  isdisabled = false;\n\n  /** description of the icon*/\n  @Prop()\n  ariaLabel = \"\";\n\n  render(): HTMLButtonElement {\n    return (\n      <button\n        disabled={this.isdisabled}\n        aria-label={this.ariaLabel}\n      >\n        <span>\n          <z-icon\n            name={this.icon}\n            width={16}\n            height={16}\n          />\n        </span>\n      </button>\n    );\n  }\n}\n"],"mappings":"yDAAA,IAAMA,UAAY,u1CAClB,IAAAC,mBAAeD,U,ICMFE,aAAY,W,2EAOV,M,eAID,E,CAEZA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,UAAAC,IAAA,2CACEC,SAAUC,KAAKC,WAAU,aACbD,KAAKE,WAEjBL,EAAA,QAAAC,IAAA,4CACED,EAAA,UAAAC,IAAA,2CACEK,KAAMH,KAAKI,KACXC,MAAO,GACPC,OAAQ,M,WAvBK,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card-info.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-c8ceadeb.js";import{P as PopoverPosition}from"./index-ee40e66b.js";import{d as handleKeyboardSubmit}from"./utils-b924649f.js";import"./breakpoints-d148bfde.js";var stylesCss=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;-webkit-box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%);box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-item-align:end;align-self:end;-ms-flex-pack:justify;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;-ms-flex-item-align:stretch;align-self:stretch}:host>div>div.content-wrapper>section{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:-webkit-gradient(linear, left top, left bottom, from(rgb(255 0 0 / 0%)), color-stop(60%, rgb(255 0 0 / 0%)), to(white));background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';var ZMyzCardInfoStyle0=stylesCss;var ZMyzCardInfo=function(){function i(i){registerInstance(this,i);this.flipCard=createEvent(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}i.prototype.emitFlipCard=function(i){if(i===void 0){i=false}this.flipCard.emit(i)};i.prototype.componentWillLoad=function(){this.setStringOrArray()};i.prototype.componentWillUpdate=function(){this.setStringOrArray()};i.prototype.componentDidRender=function(){this.handleContentHeight()};i.prototype.handleContentHeight=function(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){var i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height="".concat(i,"px");this.hiddenContent=true;return}this.hiddenContent=false};i.prototype.setStringOrArray=function(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}};i.prototype.renderCloseIcon=function(){var i=this;return h("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:function(){return i.emitFlipCard(false)},tabindex:this.htmltabindex,onKeyUp:function(t){handleKeyboardSubmit(t,i.emitFlipCard,false)}})};i.prototype.renderGeneralSection=function(){var i=this;var t,n;var e=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.title;var o=(n=this===null||this===void 0?void 0:this.cardData)===null||n===void 0?void 0:n.description;return h("section",{class:"info-wrapper ".concat(this.hiddenContent?"hidden":""),onClick:function(){if(i.hiddenContent){i.tooltip=!i.tooltip}},ref:function(t){return i.infoWrapper=t}},this.renderAuthor(),this.renderYear(),e,h("br",null),o)};i.prototype.renderAuthor=function(){var i;var t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return h("span",null,"Autore: ",h("b",null,t),h("br",null))};i.prototype.renderYear=function(){var i;var t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return h("span",null,"Anno: ",h("b",null,t),h("br",null))};i.prototype.renderTooltip=function(){var i=this;if(!this.tooltip){return}if(!this.cardData){return}var t=this.cardData,n=t.title,e=t.year,o=t.author,r=t.description;return h("z-popover",{position:PopoverPosition.RIGHT,onClick:function(){return i.tooltip=false}},"".concat(n," ").concat(e," ").concat(o," ").concat(r))};i.prototype.setExpirationLicenseMessage=function(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return h("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return h("span",{class:"expiring"},"IN SCADENZA")}};i.prototype.renderOnlineLicenseSection=function(){var i=this;var t;if(!((t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.onlineLicense)){return}return h("section",{ref:function(t){return i.onlineLicenseWrapper=t}},h("span",{class:"license-heading"},h("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",h("b",null,this.cardData.onlineLicense.expiration),h("br",null))};i.prototype.renderOfflineLicenseSection=function(){var i=this;var t;if(!((t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.offlineLicense)){return}return h("section",{ref:function(t){return i.offlineLicenseWrapper=t}},h("span",{class:"license-heading"},h("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",h("b",null,this.cardData.offlineLicense.expiration),h("br",null),"Installazioni disponibili: ",h("b",null,this.cardData.offlineLicense.installations))};i.prototype.render=function(){var i=this;return h("div",{key:"0f8111d48191f306b232f8b9e167aeffced4674b"},this.renderCloseIcon(),h("div",{key:"57b77f2f3ad645cebb44d6a247d93c1e82b8f281",class:"content-wrapper",ref:function(t){return i.contentWrapper=t}},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),h("div",{key:"226bd8e804cecfee34ff748a5d1936e68f6b2307",class:"cta-wrapper"},h("slot",{key:"2fc25a5fd61a0a04a44ceabb3372265424708f5f"})))};return i}();ZMyzCardInfo.style=ZMyzCardInfoStyle0;export{ZMyzCardInfo as z_myz_card_info};
+//# sourceMappingURL=z-myz-card-info.entry.js.map

package/dist/esm-es5/z-myz-card-info.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardInfoStyle0","ZMyzCardInfo","hostRef","this","emitFlipCard","bind","prototype","showBack","flipCard","emit","componentWillLoad","setStringOrArray","componentWillUpdate","componentDidRender","handleContentHeight","contentWrapper","infoWrapper","hiddenContent","scrollHeight","offsetHeight","height","onlineLicenseWrapper","offlineLicenseWrapper","style","concat","data","cardData","JSON","parse","renderCloseIcon","_this","h","name","width","onClick","tabindex","htmltabindex","onKeyUp","e","handleKeyboardSubmit","renderGeneralSection","title","_a","description","_b","class","tooltip","ref","el","renderAuthor","renderYear","author","year","renderTooltip","_c","position","PopoverPosition","RIGHT","setExpirationLicenseMessage","type","onlineLicense","expired","offlineLicense","expiring","renderOnlineLicenseSection","expiration","renderOfflineLicenseSection","installations","render","key"],"sources":["src/snowflakes/myz/card/z-myz-card-info/styles.css?tag=z-myz-card-info&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-info/index.tsx"],"sourcesContent":[":host {\n  width: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host > div {\n  position: relative;\n  display: grid;\n  width: calc(100% + calc(var(--space-unit) * 2));\n  height: 402px;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);\n  border: var(--border-size-small) solid var(--color-primary01);\n  margin-left: calc(-1 * var(--space-unit));\n  background: var(--color-surface01);\n  border-radius: 0;\n  box-shadow: 0 2px 4px 0 rgb(66 69 72 / 35%);\n}\n\n:host > div > z-icon {\n  position: absolute;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  cursor: pointer;\n  fill: var(--color-primary01);\n}\n\n:host > div > div.cta-wrapper {\n  display: flex;\n  flex-flow: column nowrap;\n  align-self: end;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper {\n  position: relative;\n  overflow: hidden;\n  align-self: stretch;\n}\n\n:host > div > div.content-wrapper > section {\n  box-sizing: border-box;\n  padding: var(--space-unit) 0;\n  border-bottom: var(--border-size-small) solid var(--color-surface04);\n  color: var(--color-surface05);\n  font-size: 14px;\n  line-height: 20px;\n}\n\n:host > div > div.content-wrapper > section:last-child {\n  border-bottom: none;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper {\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n:host > div > div.content-wrapper > section.info-wrapper.hidden::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);\n  content: \"\";\n  pointer-events: none;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading {\n  display: flex;\n  justify-content: space-between;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expired {\n  color: var(--color-primary01);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > section > span.license-heading > span.expiring {\n  color: var(--color-warning01);\n  font-size: 12px;\n  font-weight: 600;\n}\n\n:host > div > div.content-wrapper > z-popover {\n  position: absolute;\n  top: 0;\n  left: calc(var(--space-unit) * 4);\n}\n","import {Component, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {DictionaryData, PopoverPosition} from \"../../../../beans\";\nimport {handleKeyboardSubmit} from \"../../../../utils/utils\";\n\n/**\n * @slot  - content\n */\n@Component({\n  tag: \"z-myz-card-info\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardInfo {\n  /** dictionary info */\n  @Prop()\n  data: string | DictionaryData;\n\n  /** tabindex link attribute (optional) */\n  @Prop()\n  htmltabindex?: number = 0;\n\n  @State()\n  hiddenContent = false;\n\n  @State()\n  tooltip = false;\n\n  private cardData: DictionaryData;\n\n  private contentWrapper: HTMLElement;\n\n  private infoWrapper: HTMLElement;\n\n  private onlineLicenseWrapper: HTMLElement;\n\n  private offlineLicenseWrapper: HTMLElement;\n\n  /** flip card to front */\n  @Event()\n  flipCard: EventEmitter;\n\n  private emitFlipCard(showBack = false): void {\n    this.flipCard.emit(showBack);\n  }\n\n  constructor() {\n    this.emitFlipCard = this.emitFlipCard.bind(this);\n  }\n\n  componentWillLoad(): void {\n    this.setStringOrArray();\n  }\n\n  componentWillUpdate(): void {\n    this.setStringOrArray();\n  }\n\n  componentDidRender(): void {\n    this.handleContentHeight();\n  }\n\n  private handleContentHeight(): void {\n    if (!this.contentWrapper && !this.infoWrapper) {\n      this.hiddenContent = false;\n\n      return;\n    }\n\n    if (\n      this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||\n      this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight\n    ) {\n      const height =\n        this.contentWrapper.offsetHeight -\n        this.onlineLicenseWrapper.offsetHeight -\n        this.offlineLicenseWrapper.offsetHeight;\n      this.infoWrapper.style.height = `${height}px`;\n      this.hiddenContent = true;\n\n      return;\n    }\n\n    this.hiddenContent = false;\n  }\n\n  private setStringOrArray(): void {\n    if (typeof this.data === \"string\") {\n      this.cardData = JSON.parse(this.data);\n    } else {\n      this.cardData = this.data;\n    }\n  }\n\n  private renderCloseIcon(): HTMLZIconElement {\n    return (\n      <z-icon\n        name=\"multiply-circled-filled\"\n        height={18}\n        width={18}\n        onClick={() => this.emitFlipCard(false)}\n        tabindex={this.htmltabindex}\n        onKeyUp={(e: KeyboardEvent) => {\n          handleKeyboardSubmit(e, this.emitFlipCard, false);\n        }}\n      />\n    );\n  }\n\n  private renderGeneralSection(): HTMLElement {\n    const title = this?.cardData?.title;\n    const description = this?.cardData?.description;\n\n    return (\n      <section\n        class={`info-wrapper ${this.hiddenContent ? \"hidden\" : \"\"}`}\n        onClick={() => {\n          if (this.hiddenContent) {\n            this.tooltip = !this.tooltip;\n          }\n        }}\n        ref={(el) => (this.infoWrapper = el)}\n      >\n        {this.renderAuthor()}\n        {this.renderYear()}\n        {title}\n        <br />\n        {description}\n      </section>\n    );\n  }\n\n  private renderAuthor(): HTMLSpanElement {\n    const author = this?.cardData?.author;\n    if (!author) {\n      return null;\n    }\n\n    return (\n      <span>\n        Autore: <b>{author}</b>\n        <br />\n      </span>\n    );\n  }\n\n  private renderYear(): HTMLSpanElement {\n    const year = this?.cardData?.year;\n    if (!year) {\n      return null;\n    }\n\n    return (\n      <span>\n        Anno: <b>{year}</b>\n        <br />\n      </span>\n    );\n  }\n\n  private renderTooltip(): HTMLZPopoverElement {\n    if (!this.tooltip) {\n      return;\n    }\n\n    if (!this.cardData) {\n      return;\n    }\n    const {title, year, author, description} = this.cardData;\n\n    return (\n      <z-popover\n        position={PopoverPosition.RIGHT}\n        onClick={() => (this.tooltip = false)}\n      >\n        {`${title} ${year} ${author} ${description}`}\n      </z-popover>\n    );\n  }\n\n  private setExpirationLicenseMessage(type: string): HTMLSpanElement {\n    if (\n      (type === \"online\" && this.cardData.onlineLicense.expired) ||\n      (type === \"offline\" && this.cardData.offlineLicense.expired)\n    ) {\n      return <span class=\"expired\">SCADUTA</span>;\n    }\n\n    if (\n      (type === \"online\" && this.cardData.onlineLicense.expiring) ||\n      (type === \"offline\" && this.cardData.offlineLicense.expiring)\n    ) {\n      return <span class=\"expiring\">IN SCADENZA</span>;\n    }\n  }\n\n  private renderOnlineLicenseSection(): HTMLElement {\n    if (!this?.cardData?.onlineLicense) {\n      return;\n    }\n\n    return (\n      <section ref={(el) => (this.onlineLicenseWrapper = el)}>\n        <span class=\"license-heading\">\n          <span>Licenza online</span>\n          {this.setExpirationLicenseMessage(\"online\")}\n        </span>\n        Scadenza il <b>{this.cardData.onlineLicense.expiration}</b>\n        <br />\n      </section>\n    );\n  }\n\n  private renderOfflineLicenseSection(): HTMLElement {\n    if (!this?.cardData?.offlineLicense) {\n      return;\n    }\n\n    return (\n      <section ref={(el) => (this.offlineLicenseWrapper = el)}>\n        <span class=\"license-heading\">\n          <span>Licenza offline</span>\n          {this.setExpirationLicenseMessage(\"offline\")}\n        </span>\n        Scadenza il <b>{this.cardData.offlineLicense.expiration}</b>\n        <br />\n        Installazioni disponibili: <b>{this.cardData.offlineLicense.installations}</b>\n      </section>\n    );\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        {this.renderCloseIcon()}\n        <div\n          class=\"content-wrapper\"\n          ref={(el) => (this.contentWrapper = el)}\n        >\n          {this.renderGeneralSection()}\n          {this.renderTooltip()}\n          {this.renderOnlineLicenseSection()}\n          {this.renderOfflineLicenseSection()}\n        </div>\n        <div class=\"cta-wrapper\">\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/esm-es5/z-myz-card-list.entry.js

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

package/dist/esm-es5/z-myz-card-list.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardListStyle0","ZMyzCardList","hostRef","this","renderList","bind","prototype","handleSpaceKeyPress","e","url","keyCode","preventDefault","window","open","formatListContent","data","_this","value","isLink","h","role","onKeyPress","href","target","dataArray","map","render","key","JSON","parse","listdata"],"sources":["src/snowflakes/myz/card/z-myz-card-list/styles.css?tag=z-myz-card-list&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-list/index.tsx"],"sourcesContent":["*:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none !important;\n}\n\nul {\n  overflow: hidden;\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0 calc(var(--space-unit) * 2);\n  color: var(--color-primary01);\n  font-family: var(--font-family-sans);\n  list-style: none;\n}\n\nul > li {\n  padding-left: 10px;\n  text-indent: -10px;\n}\n\nul > li > a {\n  display: block;\n  padding-top: calc(var(--space-unit) * 0.5);\n  color: var(--color-primary01);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n\nul > li > a::before {\n  padding-right: 5px;\n  content: \"•\";\n}\n\nul > li > span {\n  padding: 0 calc(var(--space-unit) * 2);\n  color: var(--color-surface04);\n  font-size: 14px;\n  font-weight: var(--font-rg);\n  letter-spacing: 0.16px;\n  line-height: calc(var(--space-unit) * 2.5);\n  text-decoration: none;\n}\n","import {Component, 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":"yDAAA,IAAMA,UAAY,oyBAClB,IAAAC,mBAAeD,U,ICOFE,aAAY,WAKvB,SAAAA,EAAAC,G,iDACEC,KAAKC,WAAaD,KAAKC,WAAWC,KAAKF,K,CAGjCF,EAAAK,UAAAC,oBAAA,SAAoBC,EAAkBC,GAC5C,GAAID,EAAEE,SAAW,IAAMF,EAAEE,SAAW,GAAI,CACtCF,EAAEG,iBACFC,OAAOC,KAAKJ,EAAK,S,GAIbR,EAAAK,UAAAQ,kBAAA,SAAkBC,GAAlB,IAAAC,EAAAb,KACC,IAAAc,EAAsBF,EAAIE,MAAnBC,EAAeH,EAAIG,OAAXT,EAAOM,EAAIN,IACjC,IAAKS,EAAQ,CACX,OAAOC,EAAA,YAAOF,E,CAGhB,OACEE,EAAA,KACEC,KAAK,SACLC,WAAY,SAACb,GAAqB,OAAAQ,EAAKT,oBAAoBC,EAAGC,EAA5B,EAClCa,KAAMb,EACNc,OAAO,UAENN,E,EAKChB,EAAAK,UAAAF,WAAA,SAAWoB,GAAX,IAAAR,EAAAb,KACN,OAAOqB,EAAUC,KAAI,SAACV,GACpB,OAAOI,EAAA,UAAKH,EAAKF,kBAAkBC,G,KAIvCd,EAAAK,UAAAoB,OAAA,WACE,OAAOP,EAAA,MAAAQ,IAAA,4CAAKxB,KAAKC,WAAWwB,KAAKC,MAAM1B,KAAK2B,W,WAzCvB,G","ignoreList":[]}

package/dist/esm-es5/z-myz-card_4.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,h}from"./index-c8ceadeb.js";import{L as LicenseType}from"./index-ee40e66b.js";var stylesCss$3=":host{--card-overflow:hidden}div{display:-ms-flexbox;display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--blue100)}div.faded{border:var(--border-size-medium) solid var(--color-background)}div.highlighted{-webkit-box-shadow:var(--shadow-4);box-shadow:var(--shadow-4);outline:none}div.pressed{-webkit-box-shadow:var(--shadow-8);box-shadow:var(--shadow-8);outline:none}div:focus{-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none}";var ZMyzCardStyle0=stylesCss$3;var ZMyzCardComponent=function(){function e(e){registerInstance(this,e);this.faded=undefined;this.cardtype=undefined;this.ispressed=false;this.ishighlighted=false}e.prototype.retrieveClass=function(){var e="";if(this.cardtype===LicenseType.REAL){e+="real"}else if(this.cardtype===LicenseType.TRIAL){e+="trial"}else if(this.cardtype===LicenseType.TEMP){e+="temp"}if(this.faded){e+=" faded"}else if(this.ispressed){e+=" pressed"}else if(this.ishighlighted){e+=" highlighted"}return e};e.prototype.render=function(){return h("div",{key:"d999d04c93a5a556d397ec0458a8db7b252e4f4c",class:this.retrieveClass(),tabindex:"0"},h("slot",{key:"bebbc05f7f4a7e57a0b0379abc0a5b3d71432309"}))};return e}();ZMyzCardComponent.style=ZMyzCardStyle0;var stylesCss$2=":host{width:auto;height:340px}:host>div{position:relative;display:-ms-flexbox;display:flex;width:auto;height:340px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}";var ZMyzCardBodyStyle0=stylesCss$2;var ZMyzCardBody=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h("div",{key:"87bccb8aa58d306d1dd01960d83b87f6c72916a6"},h("slot",{key:"f30fbd1e1bebda1bab8dffeab7f7f6691eddf487",name:"alert"}),h("slot",{key:"1c12604a64392bea5f30af724bb10ad074336246",name:"cover"}))};return e}();ZMyzCardBody.style=ZMyzCardBodyStyle0;var stylesCss$1="img{display:block;max-width:100%;height:340px;margin:auto;-o-object-fit:cover;object-fit:cover}img.faded{opacity:0.3}";var ZMyzCardCoverStyle0=stylesCss$1;var ZMyzCardCover=function(){function e(e){registerInstance(this,e);this.img=undefined;this.titolo=undefined;this.faded=undefined;this.defaultimg=undefined}e.prototype.hadleOnImageError=function(){this.img=this.defaultimg};e.prototype.render=function(){return h("img",{key:"e8bb33422b5ec5cd69aa639b75bac7d36efb7eb0",class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})};return e}();ZMyzCardCover.style=ZMyzCardCoverStyle0;var stylesCss='header{position:relative;display:-ms-flexbox;display:flex;width:auto;height:calc(var(--space-unit) * 6);-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name="aria-heading"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-background)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}';var ZMyzCardHeaderStyle0=stylesCss;var ZMyzCardHeader=function(){function e(e){registerInstance(this,e);this.titolo=undefined;this.faded=undefined;this.cardtype=undefined;this.allowTooltip=false}e.prototype.getTitle=function(){return this.allowTooltip?this.titolo:""};e.prototype.componentDidLoad=function(){if(this.elementHasEllipsis()){this.allowTooltip=true}};e.prototype.elementHasEllipsis=function(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth};e.prototype.retrieveClass=function(){return{real:this.cardtype===LicenseType.REAL,trial:this.cardtype===LicenseType.TRIAL,temp:this.cardtype===LicenseType.TEMP,faded:this.faded}};e.prototype.render=function(){var e=this;return h("header",{key:"4dd5f09942f07568a180ac4bc2079aa3ebb5caf5",class:this.retrieveClass()},h("slot",{key:"09f9e26d737c37eb81b0f88430baeb731275a118",name:"aria-heading"}),h("span",{key:"a6401d5728990d95a9963ef9feb4496accfb9676",class:"card-title",ref:function(r){return e.ellipsis=r},title:this.getTitle()},this.titolo),h("slot",{key:"98e8d0b79de7170ac81aceed3fe07275b80f7d08",name:"icon"}))};return e}();ZMyzCardHeader.style=ZMyzCardHeaderStyle0;export{ZMyzCardComponent as z_myz_card,ZMyzCardBody as z_myz_card_body,ZMyzCardCover as z_myz_card_cover,ZMyzCardHeader as z_myz_card_header};
+//# sourceMappingURL=z-myz-card_4.entry.js.map

package/dist/esm-es5/z-myz-card_4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzCardStyle0","ZMyzCardComponent","prototype","retrieveClass","elemClasses","this","cardtype","LicenseType","REAL","TRIAL","TEMP","faded","ispressed","ishighlighted","render","h","key","class","tabindex","ZMyzCardBodyStyle0","ZMyzCardBody","name","ZMyzCardCoverStyle0","ZMyzCardCover","hadleOnImageError","img","defaultimg","onError","bind","alt","titolo","src","ZMyzCardHeaderStyle0","ZMyzCardHeader","getTitle","allowTooltip","componentDidLoad","elementHasEllipsis","ellipsis","offsetWidth","scrollWidth","real","trial","temp","_this","ref","el","title"],"sources":["src/snowflakes/myz/card/z-myz-card/styles.css?tag=z-myz-card&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card/index.tsx","src/snowflakes/myz/card/z-myz-card-body/styles.css?tag=z-myz-card-body&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-body/index.tsx","src/snowflakes/myz/card/z-myz-card-cover/styles.css?tag=z-myz-card-cover&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-cover/index.tsx","src/snowflakes/myz/card/z-myz-card-header/styles.css?tag=z-myz-card-header&encapsulation=shadow","src/snowflakes/myz/card/z-myz-card-header/index.tsx"],"sourcesContent":[":host {\n  --card-overflow: hidden;\n}\n\ndiv {\n  display: flex;\n  overflow: var(--card-overflow);\n  width: auto;\n  width: 256px; /* TODO: width must be 100% - must be handled in dashboard */\n  height: 522px;\n  box-sizing: border-box;\n  flex-direction: column;\n  border: var(--border-size-medium) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius);\n}\n\ndiv.real,\ndiv.trial,\ndiv.temp {\n  border-color: var(--blue100);\n}\n\n/* HIDDEN status */\ndiv.faded {\n  border: var(--border-size-medium) solid var(--color-background);\n}\n\n/* HIGHLIGHTED status */\ndiv.highlighted {\n  box-shadow: var(--shadow-4);\n  outline: none;\n}\n\n/* PRESSED status */\ndiv.pressed {\n  box-shadow: var(--shadow-8);\n  outline: none;\n}\n\ndiv:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n","import {Component, h, Prop} from \"@stencil/core\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot  - generic card slot\n */\n@Component({\n  tag: \"z-myz-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardComponent {\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** pressed status */\n  @Prop()\n  ispressed = false;\n\n  /** highlighted status */\n  @Prop()\n  ishighlighted = false;\n\n  private retrieveClass(): string {\n    let elemClasses = \"\";\n\n    if (this.cardtype === LicenseType.REAL) {\n      elemClasses += \"real\";\n    } else if (this.cardtype === LicenseType.TRIAL) {\n      elemClasses += \"trial\";\n    } else if (this.cardtype === LicenseType.TEMP) {\n      elemClasses += \"temp\";\n    }\n\n    if (this.faded) {\n      elemClasses += \" faded\";\n    } else if (this.ispressed) {\n      elemClasses += \" pressed\";\n    } else if (this.ishighlighted) {\n      elemClasses += \" highlighted\";\n    }\n\n    return elemClasses;\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={this.retrieveClass()}\n        tabindex=\"0\"\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n",":host {\n  width: auto;\n  height: 340px;\n}\n\n:host > div {\n  position: relative;\n  display: flex;\n  width: auto;\n  height: 340px;\n  align-items: center;\n  justify-content: center;\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot alert - card alert slot\n * @slot cover - book cover slot\n */\n@Component({\n  tag: \"z-myz-card-body\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardBody {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <slot name=\"alert\"></slot>\n        <slot name=\"cover\" />\n      </div>\n    );\n  }\n}\n","img {\n  display: block;\n  max-width: 100%;\n  height: 340px;\n  margin: auto;\n  object-fit: cover;\n}\n\nimg.faded {\n  opacity: 0.3;\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-cover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardCover {\n  /** image source */\n  @Prop()\n  img: string;\n\n  /** cover alt title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** default error image source */\n  @Prop()\n  defaultimg: string;\n\n  private hadleOnImageError(): void {\n    this.img = this.defaultimg;\n  }\n\n  render(): HTMLImageElement {\n    return (\n      <img\n        class={this.faded && \"faded\"}\n        onError={this.hadleOnImageError.bind(this)}\n        alt={this.titolo}\n        src={this.img}\n      />\n    );\n  }\n}\n","header {\n  position: relative;\n  display: flex;\n  width: auto;\n  height: calc(var(--space-unit) * 6);\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: space-between;\n  border-bottom: var(--border-size-medium) solid var(--color-surface03);\n  background-color: var(--color-surface01);\n  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);\n}\n\nslot[name=\"aria-heading\"]::slotted(*) {\n  position: absolute;\n  overflow: hidden !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  border: 0 none !important;\n  margin: -1px !important;\n  clip: rect(0, 0, 0, 0) !important;\n  white-space: nowrap !important;\n}\n\nheader.real,\nheader.trial,\nheader.temp {\n  border-bottom: var(--border-size-medium) solid var(--blue100);\n  background-color: var(--color-primary03);\n}\n\n.card-title {\n  overflow: hidden;\n  height: calc(var(--space-unit) * 2);\n  padding: calc(var(--space-unit) * 2);\n  margin: 0;\n  color: var(--color-surface05);\n  font-family: var(--font-family-sans);\n  font-size: 12px;\n  font-weight: var(--font-sb);\n  letter-spacing: 0.22px;\n  line-height: calc(var(--space-unit) * 2);\n  text-overflow: ellipsis;\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n\n.faded {\n  border-bottom: var(--border-size-medium) solid var(--color-background);\n}\n\n.faded.real,\n.faded.trial,\n.faded.temp {\n  border-top: var(--border-size-medium) solid var(--blue100);\n  border-right: var(--border-size-medium) solid var(--blue100);\n  border-left: var(--border-size-medium) solid var(--blue100);\n}\n","import {Component, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot icon - card header icon slot\n */\n@Component({\n  tag: \"z-myz-card-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardHeader {\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  @State()\n  allowTooltip = false;\n\n  private ellipsis?: HTMLElement;\n\n  private getTitle(): string {\n    return this.allowTooltip ? this.titolo : \"\";\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis()) {\n      this.allowTooltip = true;\n    }\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      real: this.cardtype === LicenseType.REAL,\n      trial: this.cardtype === LicenseType.TRIAL,\n      temp: this.cardtype === LicenseType.TEMP,\n      faded: this.faded,\n    };\n  }\n\n  render(): HTMLElement {\n    return (\n      <header class={this.retrieveClass()}>\n        <slot name=\"aria-heading\" />\n        <span\n          class=\"card-title\"\n          ref={(el) => (this.ellipsis = el as HTMLElement)}\n          title={this.getTitle()}\n        >\n          {this.titolo}\n        </span>\n        <slot name=\"icon\" />\n      </header>\n    );\n  }\n}\n"],"mappings":"2GAAA,IAAMA,YAAY,oxBAClB,IAAAC,eAAeD,Y,ICUFE,kBAAiB,W,mGAWhB,M,mBAII,K,CAERA,EAAAC,UAAAC,cAAA,WACN,IAAIC,EAAc,GAElB,GAAIC,KAAKC,WAAaC,YAAYC,KAAM,CACtCJ,GAAe,M,MACV,GAAIC,KAAKC,WAAaC,YAAYE,MAAO,CAC9CL,GAAe,O,MACV,GAAIC,KAAKC,WAAaC,YAAYG,KAAM,CAC7CN,GAAe,M,CAGjB,GAAIC,KAAKM,MAAO,CACdP,GAAe,Q,MACV,GAAIC,KAAKO,UAAW,CACzBR,GAAe,U,MACV,GAAIC,KAAKQ,cAAe,CAC7BT,GAAe,c,CAGjB,OAAOA,C,EAGTH,EAAAC,UAAAY,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOZ,KAAKF,gBACZe,SAAS,KAETH,EAAA,QAAAC,IAAA,6C,WA7CsB,G,uCCX9B,IAAMjB,YAAY,2MAClB,IAAAoB,mBAAepB,Y,ICUFqB,aAAY,W,uCACvBA,EAAAlB,UAAAY,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,4CACED,EAAA,QAAAC,IAAA,2CAAMK,KAAK,UACXN,EAAA,QAAAC,IAAA,2CAAMK,KAAK,U,WALM,G,sCCXzB,IAAMtB,YAAY,wHAClB,IAAAuB,oBAAevB,Y,ICMFwB,cAAa,W,+HAiBhBA,EAAArB,UAAAsB,kBAAA,WACNnB,KAAKoB,IAAMpB,KAAKqB,U,EAGlBH,EAAArB,UAAAY,OAAA,WACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MAAOZ,KAAKM,OAAS,QACrBgB,QAAStB,KAAKmB,kBAAkBI,KAAKvB,MACrCwB,IAAKxB,KAAKyB,OACVC,IAAK1B,KAAKoB,K,WA3BQ,G,wCCP1B,IAAM1B,UAAY,i9CAClB,IAAAiC,qBAAejC,U,ICWFkC,eAAc,W,4HAcV,K,CAIPA,EAAA/B,UAAAgC,SAAA,WACN,OAAO7B,KAAK8B,aAAe9B,KAAKyB,OAAS,E,EAG3CG,EAAA/B,UAAAkC,iBAAA,WACE,GAAI/B,KAAKgC,qBAAsB,CAC7BhC,KAAK8B,aAAe,I,GAIhBF,EAAA/B,UAAAmC,mBAAA,WACN,OAAOhC,KAAKiC,SAASC,YAAclC,KAAKiC,SAASE,W,EAG3CP,EAAA/B,UAAAC,cAAA,WACN,MAAO,CACLsC,KAAMpC,KAAKC,WAAaC,YAAYC,KACpCkC,MAAOrC,KAAKC,WAAaC,YAAYE,MACrCkC,KAAMtC,KAAKC,WAAaC,YAAYG,KACpCC,MAAON,KAAKM,M,EAIhBsB,EAAA/B,UAAAY,OAAA,eAAA8B,EAAAvC,KACE,OACEU,EAAA,UAAAC,IAAA,2CAAQC,MAAOZ,KAAKF,iBAClBY,EAAA,QAAAC,IAAA,2CAAMK,KAAK,iBACXN,EAAA,QAAAC,IAAA,2CACEC,MAAM,aACN4B,IAAK,SAACC,GAAE,OAAMF,EAAKN,SAAWQ,CAAtB,EACRC,MAAO1C,KAAK6B,YAEX7B,KAAKyB,QAERf,EAAA,QAAAC,IAAA,2CAAMK,KAAK,S,WApDQ,G","ignoreList":[]}

package/dist/esm-es5/z-myz-list-item.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h}from"./index-c8ceadeb.js";import{d as handleKeyboardSubmit}from"./utils-b924649f.js";import"./index-ee40e66b.js";import"./breakpoints-d148bfde.js";var stylesCss=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:-ms-flexbox;display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);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)}";var ZMyzListItemStyle0=stylesCss;var ZMyzListItem=function(){function t(t){registerInstance(this,t);this.zListItemLinkClick=createEvent(this,"zListItemLinkClick",7);this.zListItemClick=createEvent(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)}t.prototype.emitZListItemLinkClick=function(t,i){this.zListItemLinkClick.emit({e:t,linkId:i})};t.prototype.emitZListItemClick=function(t,i){this.zListItemClick.emit({e:t,listitemid:i})};t.prototype.render=function(){var t=this;var i=this.listitemid?"link_".concat(this.listitemid):"";return h("li",{key:"b96b5f850ed4f955ef40eafdedfabe71c942e886",role:"button",id:this.listitemid,"data-action":this.action,onClick:function(i){return t.emitZListItemClick(i,t.listitemid)},onKeyPress:function(i){return handleKeyboardSubmit(i,t.emitZListItemClick,t.listitemid)}},h("span",{key:"2ca05ec788e9ff591ad7b1cdbb5517b32d5681a9",class:this.underlined&&"border"},this.icon&&h("z-icon",{key:"e573f22f4797e9420e9a460a4aa4c793be06c14f",name:this.icon}),this.link?h("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:function(e){return t.emitZListItemLinkClick(e,i)},onKeyPress:function(e){return handleKeyboardSubmit(e,t.emitZListItemLinkClick,i)},role:this.link?"link":"button",tabindex:"0"},this.text):h("span",{innerHTML:this.text}),h("slot",{key:"6efed7b8ca33c2dcb7402555330443244340bae5"})))};return t}();ZMyzListItem.style=ZMyzListItemStyle0;export{ZMyzListItem as z_myz_list_item};
+//# sourceMappingURL=z-myz-list-item.entry.js.map

package/dist/esm-es5/z-myz-list-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzListItemStyle0","ZMyzListItem","hostRef","this","emitZListItemLinkClick","bind","emitZListItemClick","prototype","e","linkId","zListItemLinkClick","emit","listitemid","zListItemClick","render","_this","concat","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-default-text);\n  fill: var(--color-default-icon);\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, Event, EventEmitter, Prop, h} 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":"mMAAA,IAAMA,UAAY,0nCAClB,IAAAC,mBAAeD,U,ICOFE,aAAY,WA6CvB,SAAAA,EAAAC,G,2MAlCsB,Q,oFAgBT,KAmBXC,KAAKC,uBAAyBD,KAAKC,uBAAuBC,KAAKF,MAC/DA,KAAKG,mBAAqBH,KAAKG,mBAAmBD,KAAKF,K,CAdjDF,EAAAM,UAAAH,uBAAA,SAAuBI,EAAeC,GAC5CN,KAAKO,mBAAmBC,KAAK,CAACH,EAACA,EAAEC,OAAMA,G,EAOjCR,EAAAM,UAAAD,mBAAA,SAAmBE,EAAeI,GACxCT,KAAKU,eAAeF,KAAK,CAACH,EAACA,EAAEI,WAAUA,G,EAQzCX,EAAAM,UAAAO,OAAA,eAAAC,EAAAZ,KACE,IAAMM,EAASN,KAAKS,WAAa,QAAAI,OAAQb,KAAKS,YAAe,GAE7D,OACEK,EAAA,MAAAC,IAAA,2CACEC,KAAK,SACLC,GAAIjB,KAAKS,WAAU,cACNT,KAAKkB,OAClBC,QAAS,SAACd,GAAkB,OAAAO,EAAKT,mBAAmBE,EAAGO,EAAKH,WAAhC,EAC5BW,WAAY,SAACC,GAAsB,OAAAC,qBAAqBD,EAAIT,EAAKT,mBAAoBS,EAAKH,WAAvD,GAEnCK,EAAA,QAAAC,IAAA,2CAAMQ,MAAOvB,KAAKwB,YAAc,UAC7BxB,KAAKyB,MAAQX,EAAA,UAAAC,IAAA,2CAAQW,KAAM1B,KAAKyB,OAChCzB,KAAK2B,KACJb,EAAA,KACEc,KAAM5B,KAAK2B,KAAO3B,KAAK2B,KAAO,KAC9BE,OAAQ7B,KAAK8B,WACbb,GAAIX,EACJa,QAAS,SAACd,GAAkB,OAAAO,EAAKX,uBAAuBI,EAAGC,EAA/B,EAC5Bc,WAAY,SAACC,GAAsB,OAAAC,qBAAqBD,EAAIT,EAAKX,uBAAwBK,EAAtD,EACnCU,KAAMhB,KAAK2B,KAAO,OAAS,SAC3BI,SAAS,KAER/B,KAAKgC,MAGRlB,EAAA,QAAMmB,UAAWjC,KAAKgC,OAExBlB,EAAA,QAAAC,IAAA,8C,WA9Ee,G","ignoreList":[]}

package/dist/esm-es5/z-myz-list.entry.js

@@ -0,0 +1,2 @@
+var __spreadArray=this&&this.__spreadArray||function(t,i,n){if(n||arguments.length===2)for(var e=0,r=i.length,s;e<r;e++){if(s||!(e in i)){if(!s)s=Array.prototype.slice.call(i,0,e);s[e]=i[e]}}return t.concat(s||Array.prototype.slice.call(i))};import{r as registerInstance,h}from"./index-c8ceadeb.js";var stylesCss="ul{padding:0;margin:0}";var ZMyzListStyle0=stylesCss;var ZMyzList=function(){function t(t){registerInstance(this,t);this.inputrawdata=undefined;this.list=undefined}t.prototype.componentWillLoad=function(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}};t.prototype.parseinputrawdata=function(t){this.list=__spreadArray([],JSON.parse(t),true)};t.prototype.oninputrawdataChange=function(t){this.parseinputrawdata(t)};t.prototype.render=function(){var t=this.list?this.list.length-1:-1;return h("ul",{key:"c7777e913e0359afc93a18a2152cd977fcbcb813"},this.list&&this.list.map((function(i,n){return h("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:t!=n})})))};Object.defineProperty(t,"watchers",{get:function(){return{inputrawdata:["oninputrawdataChange"]}},enumerable:false,configurable:true});return t}();ZMyzList.style=ZMyzListStyle0;export{ZMyzList as z_myz_list};
+//# sourceMappingURL=z-myz-list.entry.js.map

package/dist/esm-es5/z-myz-list.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZMyzListStyle0","ZMyzList","prototype","componentWillLoad","this","inputrawdata","parseinputrawdata","list","__spreadArray","JSON","parse","oninputrawdataChange","newValue","render","lastElem","length","h","key","map","bean","i","listitemid","text","link","linktarget","icon","underlined"],"sources":["src/snowflakes/myz/list/z-myz-list/styles.css?tag=z-myz-list&encapsulation=shadow","src/snowflakes/myz/list/z-myz-list/index.tsx"],"sourcesContent":["ul {\n  padding: 0;\n  margin: 0;\n}\n","import {Component, Prop, Watch, h} from \"@stencil/core\";\nimport {ListItem} from \"../../../../beans/index.js\";\n\n@Component({\n  tag: \"z-myz-list\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzList {\n  /** json stringified list data (mutable, optional) */\n  @Prop()\n  inputrawdata?: string;\n\n  /** list item data (mutable, optional)*/\n  @Prop({mutable: true})\n  list?: ListItem[];\n\n  componentWillLoad(): void {\n    if (this.inputrawdata) {\n      this.parseinputrawdata(this.inputrawdata);\n    }\n  }\n\n  private parseinputrawdata(inputrawdata: string): void {\n    this.list = [...JSON.parse(inputrawdata)];\n  }\n\n  @Watch(\"inputrawdata\")\n  oninputrawdataChange(newValue: string): void {\n    this.parseinputrawdata(newValue);\n  }\n\n  render(): HTMLUListElement {\n    const lastElem = this.list ? this.list.length - 1 : -1;\n\n    return (\n      <ul>\n        {this.list &&\n          this.list.map((bean, i) => (\n            <z-myz-list-item\n              listitemid={bean.listitemid}\n              text={bean.text}\n              link={bean.link}\n              linktarget={bean.linktarget}\n              icon={bean.icon}\n              underlined={lastElem != i}\n            />\n          ))}\n      </ul>\n    );\n  }\n}\n"],"mappings":"2SAAA,IAAMA,UAAY,yBAClB,IAAAC,eAAeD,U,ICOFE,SAAQ,W,uFASnBA,EAAAC,UAAAC,kBAAA,WACE,GAAIC,KAAKC,aAAc,CACrBD,KAAKE,kBAAkBF,KAAKC,a,GAIxBJ,EAAAC,UAAAI,kBAAA,SAAkBD,GACxBD,KAAKG,KAAIC,cAAA,GAAOC,KAAKC,MAAML,GAAa,K,EAI1CJ,EAAAC,UAAAS,qBAAA,SAAqBC,GACnBR,KAAKE,kBAAkBM,E,EAGzBX,EAAAC,UAAAW,OAAA,WACE,IAAMC,EAAWV,KAAKG,KAAOH,KAAKG,KAAKQ,OAAS,GAAK,EAErD,OACEC,EAAA,MAAAC,IAAA,4CACGb,KAAKG,MACJH,KAAKG,KAAKW,KAAI,SAACC,EAAMC,GAAC,OACpBJ,EAAA,mBACEK,WAAYF,EAAKE,WACjBC,KAAMH,EAAKG,KACXC,KAAMJ,EAAKI,KACXC,WAAYL,EAAKK,WACjBC,KAAMN,EAAKM,KACXC,WAAYZ,GAAYM,GAPN,I,kJA9BX,G","ignoreList":[]}

package/dist/esm-es5/z-navigation-tabs.entry.js

@@ -0,0 +1,2 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-c8ceadeb.js";import{N as NavigationTabsOrientation,a as NavigationTabsSize,b as NavigationTabsKeyboardEvents}from"./index-ee40e66b.js";var stylesCss='z-navigation-tabs{position:relative;z-index:0;display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:row;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs *{-webkit-box-sizing:border-box;box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);-webkit-box-shadow:0 0 4px 1px var(--shadow-color-base);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:-ms-flexbox;display:flex;overflow:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation="horizontal"]>nav{width:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}z-navigation-tabs[orientation="horizontal"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation="horizontal"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation="vertical"]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-ms-flex-direction:column;flex-direction:column}z-navigation-tabs[orientation="vertical"]>nav{height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}z-navigation-tabs[orientation="vertical"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation="vertical"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation="vertical"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size="small"][orientation="vertical"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>*{position:relative;z-index:0;display:-ms-inline-flexbox;display:inline-flex;width:auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>*:focus:focus-visible{z-index:1;-webkit-box-shadow:inset 0 0 4px 3px var(--blue800);box-shadow:inset 0 0 4px 3px var(--blue800)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-background)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected="true"]{color:var(--color-hover-primary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected="true"]::after{position:absolute;background-color:var(--color-hover-primary);content:""}z-navigation-tabs[orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="horizontal"]>nav>[aria-selected="true"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav>* z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:-ms-flexbox;display:flex;margin:0}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tabs[size="small"][orientation="horizontal"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size="small"][orientation="horizontal"]>nav>[aria-selected="true"]::after{height:var(--border-size-medium)}z-navigation-tabs[size="small"]:not([orientation="vertical"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation="vertical"]>nav>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation="vertical"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation="vertical"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation="vertical"]>nav>[aria-selected="true"]::after{top:0;right:0;width:var(--border-size-large);height:100%}';var ZNavigationTabsStyle0=stylesCss;var ZNavigationTabs=function(){function i(i){registerInstance(this,i);this.selected=createEvent(this,"selected",7);this.focusedTab=undefined;this.ariaLabel="";this.orientation=NavigationTabsOrientation.HORIZONTAL;this.size=NavigationTabsSize.BIG;this.selectedTab=undefined;this.canNavigate=undefined;this.canNavigatePrev=undefined;this.canNavigateNext=undefined}Object.defineProperty(i.prototype,"direction",{get:function(){return this.orientation==NavigationTabsOrientation.HORIZONTAL?"Left":"Top"},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"dimension",{get:function(){return this.orientation==NavigationTabsOrientation.HORIZONTAL?"Width":"Height"},enumerable:false,configurable:true});Object.defineProperty(i.prototype,"tabs",{get:function(){return Array.from(this.nav.children)},enumerable:false,configurable:true});i.prototype.scrollToTab=function(i){var t=this.orientation===NavigationTabsOrientation.HORIZONTAL?{block:"nearest",inline:"center"}:{block:"center",inline:"nearest"};i.scrollIntoView(Object.assign({behavior:"smooth"},t))};i.prototype.navigateBackwards=function(){var i;this.nav.scrollBy((i={},i[this.direction.toLowerCase()]=0-this.nav["client".concat(this.dimension)]/2,i.behavior="smooth",i))};i.prototype.navigateForward=function(){var i;this.nav.scrollBy((i={},i[this.direction.toLowerCase()]=this.nav["scroll".concat(this.direction)]+this.nav["client".concat(this.dimension)]/2,i.behavior="smooth",i))};i.prototype.isArrowNavigation=function(i){return Object.values(NavigationTabsKeyboardEvents).includes(i.key)};i.prototype.checkScrollVisible=function(){if(!this.nav){return}this.canNavigate=this.nav["scroll".concat(this.dimension)]>this.nav["client".concat(this.dimension)]};i.prototype.checkScrollEnabled=function(){if(!this.nav){return}this.canNavigateNext=this.nav["scroll".concat(this.direction)]+this.nav["client".concat(this.dimension)]<this.nav["scroll".concat(this.dimension)];this.canNavigatePrev=this.nav["scroll".concat(this.direction)]>0};i.prototype.onTabSelected=function(){var i=this;this.tabs.forEach((function(t,a){var n=t.querySelector("z-icon");var e=n===null||n===void 0?void 0:n.name.replace("-filled","");if(a!==i.selectedTab){t.setAttribute("aria-selected","false");t.tabIndex=-1;if(n){n.name=e}return}if(n){n.name="".concat(e,"-filled")}t.setAttribute("aria-selected","true")}));this.selected.emit(this.selectedTab);if(this.selectedTab!==undefined){this.scrollToTab(this.tabs[this.selectedTab])}};i.prototype.handleTabClick=function(i){var t=i.target.closest("[role='tab']");if(!this.tabs.some((function(i){return i.contains(t)}))){return}this.selectedTab=this.tabs.indexOf(t)};i.prototype.onTabFocusIn=function(i){var t=this.tabs.findIndex((function(t){return t.contains(i.target)}));if(t===-1){return}if(this.selectedTab!==undefined){this.tabs[this.selectedTab].tabIndex=-1}this.focusedTab=t;this.tabs[this.focusedTab].tabIndex=-1;this.scrollToTab(this.tabs[this.focusedTab])};i.prototype.navigateThroughTabs=function(i){if(!this.tabs.some((function(t){return t.contains(i.target)}))||!this.isArrowNavigation(i)){return true}i.preventDefault();if(i.key===NavigationTabsKeyboardEvents.RIGHT&&this.orientation==NavigationTabsOrientation.HORIZONTAL||i.key===NavigationTabsKeyboardEvents.DOWN&&this.orientation==NavigationTabsOrientation.VERTICAL){this.focusedTab++;if(this.focusedTab>=this.tabs.length){this.focusedTab=0}}else if(i.key===NavigationTabsKeyboardEvents.LEFT&&this.orientation==NavigationTabsOrientation.HORIZONTAL||i.key===NavigationTabsKeyboardEvents.UP&&this.orientation==NavigationTabsOrientation.VERTICAL){this.focusedTab--;if(this.focusedTab<0){this.focusedTab=this.tabs.length-1}}if(this.tabs[this.focusedTab].hasAttribute("disabled")&&this.tabs[this.focusedTab].getAttribute("disabled")!=="false"){return this.navigateThroughTabs(i)}this.tabs[this.focusedTab].focus();this.scrollToTab(this.tabs[this.focusedTab])};i.prototype.onTabFocusOut=function(i){var t;if(!this.tabs.some((function(t){return t.contains(i.relatedTarget)}))){this.tabs[(t=this.selectedTab)!==null&&t!==void 0?t:0].tabIndex=0;this.focusedTab=undefined}};i.prototype.connectedCallback=function(){var i=this;this.resizeObserver=new ResizeObserver((function(){return i.checkScrollVisible()}))};i.prototype.componentDidLoad=function(){var i;this.tabs.forEach((function(i){i.setAttribute("role","tab");i.tabIndex=-1}));var t=(i=this.selectedTab)!==null&&i!==void 0?i:this.tabs.findIndex((function(i){return i.ariaSelected==="true"}));if(t!==-1){this.selectedTab=t;this.tabs[t].tabIndex=0;this.onTabSelected()}else{this.tabs[0].tabIndex=0}this.resizeObserver.observe(this.nav)};i.prototype.disconnectedCallback=function(){var i;(i=this.resizeObserver)===null||i===void 0?void 0:i.disconnect()};i.prototype.render=function(){var i=this;return h(Host,{key:"8f134ce69da30cd0a053700a95c39a4ec9d588ed",class:{"interactive-2":this.size===NavigationTabsSize.SMALL,"interactive-1":this.size!==NavigationTabsSize.SMALL},scrollable:this.canNavigate},h("button",{key:"231f97991908054d424dbcc83fd7e65e6651e767",class:"navigation-button",onClick:this.navigateBackwards.bind(this),tabIndex:-1,disabled:!this.canNavigatePrev,"aria-label":"Mostra elementi precedenti",hidden:!this.canNavigate},h("z-icon",{key:"145b4e6220e14acfbe6c13d1da095128096064c1",name:this.orientation===NavigationTabsOrientation.HORIZONTAL?"chevron-left":"chevron-up",width:16,height:16})),h("nav",{key:"111d66f763a80c52fdd21a906028cb7aa4817ee7",role:"tablist","aria-label":this.ariaLabel,ref:function(t){return i.nav=t!==null&&t!==void 0?t:i.nav},onScroll:this.checkScrollEnabled.bind(this),"aria-orientation":this.orientation},h("slot",{key:"ea3edcae8daaa4b5ad1124957d47d05f899f3bc2"})),h("button",{key:"b5329374d042f246c785b868a87bcf5a39d2c712",class:"navigation-button",onClick:this.navigateForward.bind(this),tabIndex:-1,disabled:!this.canNavigateNext,"aria-label":"Mostra elementi successivi",hidden:!this.canNavigate},h("z-icon",{key:"373978c44182a33ca9d844eb3fa6c6991511d63f",name:this.orientation===NavigationTabsOrientation.HORIZONTAL?"chevron-right":"chevron-down",width:16,height:16})))};Object.defineProperty(i.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{canNavigate:["checkScrollEnabled"],selectedTab:["onTabSelected"]}},enumerable:false,configurable:true});return i}();ZNavigationTabs.style=ZNavigationTabsStyle0;export{ZNavigationTabs as z_navigation_tabs};
+//# sourceMappingURL=z-navigation-tabs.entry.js.map

package/dist/esm-es5/z-navigation-tabs.entry.js.map

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