npm - @zanichelli/albe-web-components - Versions diffs - 2.45.0 → 2.46.2 - Mend

@zanichelli/albe-web-components 2.45.0 → 2.46.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (254) hide show

package/dist/collection/components/navigation/z-navigation-tab/index.js DELETED Viewed

@@ -1,151 +0,0 @@
-import { Component, Prop, h, Element, Listen, Event, Watch } from "@stencil/core";
-/**
- * @slot icon - tab icon
- * @slot label - tab label
- */
-export class ZNavigationTab {
-  constructor() {
-    this.selected = false;
-    this.disabled = false;
-    this.orientation = 'horizontal';
-    this.size = 'big';
-  }
-  onFocus() {
-    this.host.scrollIntoView({
-      behavior: 'smooth',
-      block: 'nearest',
-      inline: 'nearest',
-    });
-  }
-  onClick() {
-    if (!this.disabled) {
-      this.selected = true;
-    }
-  }
-  onSelected() {
-    if (this.selected) {
-      this.emitSelected.emit();
-    }
-  }
-  render() {
-    return (h("button", { disabled: this.disabled, role: "tab" },
-      h("slot", { name: "icon" }),
-      this.orientation === "horizontal" && h("slot", { name: "label" })));
-  }
-  static get is() { return "z-navigation-tab"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "selected": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "orientation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "orientation",
-      "reflect": true,
-      "defaultValue": "'horizontal'"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "'big'"
-    }
-  }; }
-  static get events() { return [{
-      "method": "emitSelected",
-      "name": "selected",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "selected",
-      "methodName": "onSelected"
-    }]; }
-  static get listeners() { return [{
-      "name": "focus",
-      "method": "onFocus",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "click",
-      "method": "onClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/components/navigation/z-navigation-tabs/index.js DELETED Viewed

@@ -1,179 +0,0 @@
-import { Component, Prop, h, Listen, Element, State, Watch, Host } from '@stencil/core';
-import { TabSizeEnum, TabOrientationEnum } from '../../../beans';
-export class ZNavigationTabs {
-  constructor() {
-    /** Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`. */
-    this.orientation = TabOrientationEnum.horizontal;
-    /** Available sizes: `big` and `small`. Defaults to `big`. */
-    this.size = TabSizeEnum.big;
-    this.direction = this.orientation == TabOrientationEnum.vertical ? 'Top' : 'Left';
-    this.dimension = this.orientation == TabOrientationEnum.vertical ? 'Height' : 'Width';
-  }
-  /** Set all childrens (tab) size attribute : big (default) or small */
-  setChildrenSize() {
-    const children = this.host.children;
-    for (let i = 0; i < children.length; i++) {
-      children[i].setAttribute('size', this.size);
-    }
-  }
-  /** Set all childrens (tab) orientation attribute : horizontal (default) or vertical */
-  setChildrenOrientation() {
-    const children = this.host.children;
-    for (let i = 0; i < children.length; i++) {
-      children[i].setAttribute('orientation', this.orientation);
-    }
-  }
-  /** When resize check if the navigation buttons are needed */
-  checkScrollVisible() {
-    if (!this.tabsNav) {
-      return;
-    }
-    this.canNavigate = this.tabsNav[`scroll${this.dimension}`] > this.tabsNav[`client${this.dimension}`];
-    this.checkScrollEnabled();
-  }
-  /** Check if navigation buttons can be enabled for each orientation */
-  checkScrollEnabled() {
-    if (!this.tabsNav) {
-      return;
-    }
-    this.canNavigateNext = this.tabsNav[`scroll${this.direction}`] +
-      this.tabsNav[`client${this.dimension}`] < this.tabsNav[`scroll${this.dimension}`];
-    this.canNavigatePrev = this.tabsNav[`scroll${this.direction}`] > 0;
-  }
-  selectedTabHandler(event) {
-    this.select(event.target);
-  }
-  /** Select a tab child and deselect the others */
-  select(tab) {
-    const children = this.host.children;
-    for (let i = 0; i < children.length; i++) {
-      const child = children[i];
-      if (child.tagName === 'Z-NAVIGATION-TAB') {
-        if (child !== tab) {
-          child.selected = false;
-        }
-      }
-    }
-  }
-  /** Scroll the navigation bar (half of its size) backward, based on orientation */
-  navigatePrevious() {
-    this.tabsNav.scrollBy({
-      [this.direction.toLowerCase()]: 0 - (this.tabsNav[`client${this.dimension}`] / 2),
-      behavior: 'smooth',
-    });
-  }
-  /** Scroll the navigation bar (half of its size) forward, based on orientation */
-  navigateNext() {
-    this.tabsNav.scrollBy({
-      [this.direction.toLowerCase()]: this.tabsNav.scrollTop + (this.tabsNav[`client${this.dimension}`] / 2),
-      behavior: 'smooth',
-    });
-  }
-  componentDidLoad() {
-    this.setChildrenSize();
-    this.setChildrenOrientation();
-    this.checkScrollVisible();
-  }
-  render() {
-    return h(Host, { class: {
-        'interactive-2': this.size === 'small',
-        'interactive-1': this.size !== 'small'
-      }, scrollable: this.canNavigate },
-      this.canNavigate && h("button", { class: "navigation", onClick: () => this.navigatePrevious(), tabindex: "-1", disabled: !this.canNavigatePrev },
-        h("z-icon", { name: this.orientation == 'horizontal' ? 'chevron-left' : 'chevron-up', width: 16, height: 16 })),
-      h("nav", { role: "tablist", ref: (el) => this.tabsNav = el !== null && el !== void 0 ? el : this.tabsNav, onScroll: this.checkScrollEnabled.bind(this) },
-        h("slot", null)),
-      this.canNavigate && h("button", { class: "navigation", onClick: () => { this.navigateNext(); }, tabindex: "-1", disabled: !this.canNavigateNext },
-        h("z-icon", { name: this.orientation == 'horizontal' ? 'chevron-right' : 'chevron-down', width: 16, height: 16 })));
-  }
-  static get is() { return "z-navigation-tabs"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "orientation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TabOrientationBean",
-        "resolved": "TabOrientationEnum.horizontal | TabOrientationEnum.vertical",
-        "references": {
-          "TabOrientationBean": {
-            "location": "import",
-            "path": "../../../beans"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`."
-      },
-      "attribute": "orientation",
-      "reflect": true,
-      "defaultValue": "TabOrientationEnum.horizontal"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TabSizeBean",
-        "resolved": "TabSizeEnum.big | TabSizeEnum.small",
-        "references": {
-          "TabSizeBean": {
-            "location": "import",
-            "path": "../../../beans"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Available sizes: `big` and `small`. Defaults to `big`."
-      },
-      "attribute": "size",
-      "reflect": true,
-      "defaultValue": "TabSizeEnum.big"
-    }
-  }; }
-  static get states() { return {
-    "canNavigate": {},
-    "canNavigatePrev": {},
-    "canNavigateNext": {},
-    "direction": {},
-    "dimension": {}
-  }; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "size",
-      "methodName": "setChildrenSize"
-    }, {
-      "propName": "orientation",
-      "methodName": "setChildrenOrientation"
-    }, {
-      "propName": "direction",
-      "methodName": "checkScrollEnabled"
-    }, {
-      "propName": "dimension",
-      "methodName": "checkScrollEnabled"
-    }]; }
-  static get listeners() { return [{
-      "name": "resize",
-      "method": "checkScrollVisible",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "selected",
-      "method": "selectedTabHandler",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/types/components/navigation/z-navigation-tab/index.d.ts DELETED Viewed

@@ -1,16 +0,0 @@
-/**
- * @slot icon - tab icon
- * @slot label - tab label
- */
-export declare class ZNavigationTab {
-  host: HTMLElement;
-  selected?: boolean;
-  disabled?: boolean;
-  orientation: string;
-  size: string;
-  private emitSelected;
-  onFocus(): void;
-  onClick(): void;
-  onSelected(): void;
-  render(): any;
-}

package/dist/types/components/navigation/z-navigation-tabs/index.d.ts DELETED Viewed

@@ -1,32 +0,0 @@
-import { TabSizeBean, TabOrientationBean } from '../../../beans';
-export declare class ZNavigationTabs {
-  host: HTMLElement;
-  /** Available orientation: `horizontal` and `vertical`. Defaults to `horizontal`. */
-  orientation?: TabOrientationBean;
-  /** Available sizes: `big` and `small`. Defaults to `big`. */
-  size?: TabSizeBean;
-  /** State for the navigation */
-  canNavigate: boolean;
-  canNavigatePrev: boolean;
-  canNavigateNext: boolean;
-  direction: 'Top' | 'Left';
-  dimension: 'Height' | 'Width';
-  tabsNav: HTMLElement;
-  /** Set all childrens (tab) size attribute : big (default) or small */
-  setChildrenSize(): void;
-  /** Set all childrens (tab) orientation attribute : horizontal (default) or vertical */
-  setChildrenOrientation(): void;
-  /** When resize check if the navigation buttons are needed */
-  checkScrollVisible(): void;
-  /** Check if navigation buttons can be enabled for each orientation */
-  checkScrollEnabled(): void;
-  selectedTabHandler(event: CustomEvent): void;
-  /** Select a tab child and deselect the others */
-  select(tab: Element): void;
-  /** Scroll the navigation bar (half of its size) backward, based on orientation */
-  navigatePrevious(): void;
-  /** Scroll the navigation bar (half of its size) forward, based on orientation */
-  navigateNext(): void;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/web-components-library/p-1242e682.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,h as i,H as a,g as o}from"./p-98268a57.js";import{m as s,n as e}from"./p-5b5d269c.js";const r=class{constructor(i){t(this,i),this.orientation=s.horizontal,this.size=e.big,this.direction=this.orientation==s.vertical?"Top":"Left",this.dimension=this.orientation==s.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}checkScrollEnabled(){this.tabsNav&&(this.canNavigateNext=this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]<this.tabsNav[`scroll${this.dimension}`],this.canNavigatePrev=this.tabsNav[`scroll${this.direction}`]>0)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}

package/dist/web-components-library/p-3d99e2b1.entry.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{r,h as a,H as t}from"./p-98268a57.js";import{Z as s}from"./p-5b5d269c.js";const i=class{constructor(a){r(this,a),this.mode=s.polite}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}

package/dist/web-components-library/p-5300e675.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,c as e,h as i,g as s,H as r}from"./p-98268a57.js";import{I as c,k as a,j as n}from"./p-5b5d269c.js";import{r as o,b as l,h as p,d as h}from"./p-26572e05.js";import"./p-d69e14fb.js";const u=class{constructor(i){t(this,i),this.removefilter=e(this,"removefilter",7),this.isfixed=!1,this.hasicon=!0,this.issmall=!1,this.handleRemovingFilterClick=this.handleRemovingFilterClick.bind(this)}handleRemovingFilterClick(){this.removefilter.emit({filterid:this.filterid})}renderFixedPillow(t){return i("button",{class:"container "+(this.issmall?"small":"")},this.renderIcon(),this.renderContent(t))}renderDynamicPillow(t){return i("button",{class:"container isactive "+(this.issmall?"small":""),onClick:this.handleRemovingFilterClick},this.renderIcon(),this.renderContent(t))}renderIcon(){return this.hasicon?i("z-icon",{class:"close-icon-container",name:"multiply",height:12,width:12}):null}renderContent(t){return i("span",{class:"text-container"},t)}render(){return this.isfixed?this.renderFixedPillow(this.filtername):this.renderDynamicPillow(this.filtername)}};u.style="button.container{min-height:32px;line-height:32px;border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-webkit-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-moz-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);text-align:center;padding:0 calc(var(--space-unit) * 2);cursor:pointer;letter-spacing:0.17px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);opacity:1;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{background-color:var(--myz-blue-dark);border-color:var(--myz-blue-dark);box-shadow:0px 0px 4px 0px var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";const d=class{constructor(i){t(this,i),this.inputChange=e(this,"inputChange",7),this.startTyping=e(this,"startTyping",7),this.stopTyping=e(this,"stopTyping",7),this.inputCheck=e(this,"inputCheck",7),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.hasmessage=!0,this.labelafter=!0,this.typingtimeout=300,this.multiple=!1,this.hasclearicon=!0,this.isTyping=!1,this.textareaWrapperHover="",this.textareaWrapperFocus="",this.passwordHidden=!0}inputCheckListener(t){const e=t.detail;switch(this.type){case c.radio:e.type===c.radio&&e.name===this.name&&e.id!==this.htmlid&&(this.checked=!1);default:return}}async getValue(){switch(this.type){case c.select:return this.selectElem.getValue();default:return this.value}}async setValue(t){switch(this.type){case c.select:this.selectElem.setValue(t);break;default:"string"==typeof t&&(this.value=t)}}async isChecked(){switch(this.type){case c.checkbox:case c.radio:return this.checked;default:return!1}}emitInputChange(t,e){this.isTyping||this.emitStartTyping();let i={};i=this.getValidity(this.type===c.textarea?"textarea":"input"),this.value=t,this.inputChange.emit({value:t,keycode:e,validity:i}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,i)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,e){this.isTyping=!1,this.stopTyping.emit({value:t,validity:e})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){const t={id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,class:[`input_${this.status||"default"}`,this.isTyping&&"istyping",!this.isTyping&&this.value&&"filled"].filter(Boolean).join(" "),onInput:t=>this.emitInputChange(t.target.value,t.keyCode)};return this.autocomplete&&(t.autocomplete=this.autocomplete),t}renderInputText(t=c.text){const e=this.getTextAttributes();return(this.icon||t===c.password)&&(e.class+=" hasIcon"),this.hasclearicon&&(e.class+=" hasClearIcon"),i("div",{class:"textWrapper"},this.renderLabel(),i("div",null,i("input",Object.assign({type:t!==c.password||this.passwordHidden?t:c.text},e,{"aria-label":this.ariaLabel||this.label})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_label`})}renderIcons(){return i("span",{class:{iconsWrapper:!0,disabled:this.disabled}},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===c.password?this.renderShowHidePassword():this.icon?i("z-icon",{class:"inputIcon",name:this.icon}):void 0}renderResetIcon(){if(this.hasclearicon&&this.value&&!this.disabled&&!this.readonly)return i("z-icon",{class:"resetIcon",name:"multiply",onClick:t=>this.emitInputChange("",t.keyCode)})}renderShowHidePassword(){return i("z-icon",{class:"showHidePasswordIcon",name:this.passwordHidden?"view-filled":"view-off-filled",onClick:()=>this.passwordHidden=!this.passwordHidden})}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}renderTextarea(){const t=this.getTextAttributes();return i("div",{class:"textWrapper"},this.renderLabel(),i("div",{class:["textareaWrapper",t.class,t.disabled&&"disabled",t.readonly&&"readonly",this.isTyping&&"istyping",this.textareaWrapperFocus,this.textareaWrapperHover].filter(Boolean).join(" ")},i("textarea",Object.assign({},t,{onFocus:()=>this.textareaWrapperFocus="focus",onBlur:()=>this.textareaWrapperFocus="",onMouseOver:()=>this.textareaWrapperHover="hover",onMouseOut:()=>this.textareaWrapperHover="","aria-label":this.ariaLabel||this.label}))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return i("div",{class:"checkboxWrapper"},i("input",{id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{checkboxLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderRadio(){return i("div",{class:"radioWrapper"},i("input",{id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{radioLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderSelect(){return i("z-select",{htmlid:this.htmlid,items:this.items,name:this.name,label:this.label,"aria-label":this.ariaLabel,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,htmltitle:this.htmltitle,status:this.status,hasmessage:this.hasmessage,message:this.message,autocomplete:this.autocomplete,multiple:this.multiple,ref:t=>this.selectElem=t})}render(){switch(this.type){case c.text:case c.password:case c.number:case c.email:return this.renderInputText(this.type);case c.textarea:return this.renderTextarea();case c.checkbox:return this.renderCheckbox();case c.radio:return this.renderRadio();case c.select:return this.renderSelect();default:return this.renderInputText()}}get hostElement(){return s(this)}};d.style='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textareaWrapper.sc-z-input,ul[role="listbox"].sc-z-input{background:var(--color-input-field01);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--color-surface04);box-sizing:border-box;color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);outline:none}input.sc-z-input:focus:focus-visible,li[role="option"].sc-z-input:focus:focus-visible,.focus.sc-z-input{box-shadow:var(--shadow-focus-primary)}.filled.sc-z-input{border-color:var(--color-surface05)}.istyping.sc-z-input,.focus.istyping.sc-z-input,.input_selecting.sc-z-input{border-color:var(--color-primary01);color:var(--color-primary01)}.input_success.sc-z-input,.input_success.sc-z-input:hover,.input_success.hover.sc-z-input{background:var(--color-success-inverse);border-color:var(--color-success01);fill:var(--color-success01)}.input_error.sc-z-input,.input_error.sc-z-input:hover,.input_error.hover.sc-z-input{background:var(--color-error-inverse);border-color:var(--color-error01);fill:var(--color-error01)}.input_warning.sc-z-input,.input_warning.sc-z-input:hover,.input_warning.hover.sc-z-input{background:var(--color-warning-inverse);border-color:var(--color-warning01);fill:var(--color-warning01)}input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input:disabled,.disabled.sc-z-input,.filled.sc-z-input:disabled{border-color:var(--color-disabled01);color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none;box-shadow:none}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-input-placeholder,.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-input-placeholder,.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::-moz-placeholder{color:var(--color-text05)}.sc-z-input:-moz-placeholder{color:var(--color-text05)}.textWrapper.sc-z-input>div.sc-z-input{fill:var(--color-icon02)}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);margin:0;padding:0 calc(var(--space-unit) * 4.5) 0 calc(var(--space-unit) * 1.5);box-sizing:border-box}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.sc-z-input,.textWrapper.sc-z-input>div.sc-z-input>input.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 4)}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 7)}.textWrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1}.textWrapper.sc-z-input .iconsWrapper.sc-z-input{position:absolute;bottom:calc(var(--space-unit) * 1.5);right:calc(var(--space-unit) * 1.5);display:flex;z-index:2}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block;margin-left:calc(var(--space-unit) * 0.5)}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.resetIcon.sc-z-input,.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.showHidePasswordIcon.sc-z-input{cursor:pointer}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:hover,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:focus,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:active{-webkit-background-clip:text !important}.textareaWrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{min-height:132px;width:100%;margin:0;padding:0;border:none;resize:none}.radioWrapper.sc-z-input,.checkboxWrapper.sc-z-input{display:inline-flex;flex-direction:row;align-items:center;font-family:var(--font-family-sans);position:relative;color:var(--color-text01);fill:var(--color-primary01)}.radioWrapper.sc-z-input:hover,.checkboxWrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentColor}.radioWrapper.sc-z-input>input.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input{position:absolute;opacity:0;z-index:-1;pointer-events:none}.radioWrapper.sc-z-input .radioLabel.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input{display:inline-flex;align-items:center;margin:0;line-height:1;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit}.radioWrapper.sc-z-input input.sc-z-input:not(:disabled)+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkboxLabel.sc-z-input{cursor:pointer}.radioWrapper.sc-z-input .radioLabel.sc-z-input z-icon.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input z-icon.sc-z-input{fill:inherit;cursor:pointer}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input{flex-direction:row}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input{flex-direction:row-reverse}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}.radioWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkboxLabel.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary);border-radius:var(--border-radius-small)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input{color:var(--color-disabled02)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input>z-icon.sc-z-input{fill:var(--color-disabled01);cursor:default}';const z=class{constructor(e){t(this,e),this.disabled=!1}render(){return i("label",{htmlFor:this.htmlfor,class:{disabled:this.disabled}},this.value)}};z.style="label{display:block;margin:var(--space-unit) 0;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);line-height:1.33;letter-spacing:0.32px;text-transform:uppercase;text-align:left}label.disabled{color:var(--color-disabled02)}";const b=class{constructor(e){t(this,e),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return i(r,{role:"alert","aria-label":this.message,tabindex:this.message?0:-1},this.statusIcons[this.status]&&this.message&&i("z-icon",{name:this.statusIcons[this.status]}),i("span",{innerHTML:this.message}))}};b.style=":host{display:flex;align-items:start;min-height:calc(var(--space-unit) * 2);margin-top:var(--space-unit);color:var(--color-text05);fill:currentColor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status='success']){color:var(--color-text-success)}:host([status='error']){color:var(--color-text-error)}:host([status='warning']){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:calc(var(--space-unit) / 3) var(--space-unit) 0 0}";const v=class{constructor(i){t(this,i),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.hasmessage=!0,this.autocomplete=!1,this.multiple=!1,this.noresultslabel="Nessun risultato",this.isOpen=!1,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItems=this.itemsList.filter((t=>t.selected))}async getSelectedItems(){return this.selectedItems}async getValue(){return this.getSelectedValues()}async setValue(t){let e=[];"string"==typeof t?e.push(t):e=t,this.selectedItems=this.itemsList.filter((t=>e.includes(t.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValues()})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemsToItemsArray(){return this.getInitialItemsArray().map((t=>{const e=this.selectedItems.find((e=>e.id===t.id));return t.selected=!!e,t}))}getSelectedValues(){return this.multiple?this.selectedItems.map((t=>t.id)):!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null}filterItems(t){const e=this.mapSelectedItemsToItemsArray();this.itemsList=(null==t?void 0:t.length)?e.filter((e=>e.name.toUpperCase().includes(t.toUpperCase()))).map((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase()),s=i+t.length,r=e.name.substring(0,i)+e.name.substring(i,s).bold()+e.name.substring(s,e.name.length);return e.name=r,e})):e}hasAutcomplete(){return!0===this.autocomplete||"true"===this.autocomplete||"on"===this.autocomplete}handleInputChange(t){this.searchString=t.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(t,e){t&&t.disabled||(this.itemsList=this.mapSelectedItemsToItemsArray(),this.itemsList=this.itemsList.map((i=>(this.multiple||(i.selected=!1),i.id===(t?t.id:null)&&(i.selected=e),i))),this.selectedItems=this.itemsList.filter((t=>t.selected)),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(t,e){if(![a.ARROW_DOWN,a.ARROW_UP].includes(t.keyCode))return;let i;t.preventDefault(),t.stopPropagation(),this.isOpen||this.toggleSelectUl(),t.keyCode===a.ARROW_DOWN?i=e+1===this.itemsList.length?0:e+1:t.keyCode===a.ARROW_UP&&(i=e<=0?this.itemsList.length-1:e-1),this.focusSelectItem(i)}focusSelectItem(t){const e=this.element.querySelector(`#${this.htmlid}_${t}`);e&&e.focus()}toggleSelectUl(t=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),t&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.isOpen=!this.isOpen)}handleInputClick(t){t.composedPath().find((t=>t.classList&&t.classList.contains("resetIcon")))?t.stopPropagation():this.toggleSelectUl()}handleSelectFocus(t){if(t instanceof KeyboardEvent&&t.keyCode===a.ESC)return t.stopPropagation(),this.toggleSelectUl(!0);t instanceof KeyboardEvent&&t.keyCode!==a.TAB&&t.keyCode!==a.ENTER||l(h()).find((t=>"z-input"===t.nodeName.toLowerCase()&&t.id===`${this.htmlid}_input`||this.multiple&&"ul"===t.nodeName.toLowerCase()&&t.id===this.htmlid))||this.toggleSelectUl(t instanceof MouseEvent)}scrollToLetter(t){const e=this.itemsList.find((e=>e.name.charAt(0)===t));e&&this.focusSelectItem(this.itemsList.indexOf(e))}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_input_label`})}renderInput(){return i("z-input",{id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_input`,placeholder:this.placeholder,value:this.isOpen||this.multiple||!this.selectedItems.length?null:this.selectedItems[0].name.replace(/<[^>]+>/g,""),"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutcomplete(),hasmessage:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutcomplete()&&this.isOpen,status:this.isOpen?n.selecting:this.status,onClick:t=>{this.handleInputClick(t)},onKeyUp:t=>{13!==t.keyCode&&t.preventDefault(),p(t,this.toggleSelectUl)},onKeyDown:t=>this.arrowsSelectNav(t,this.selectedItems.length?this.itemsList.indexOf(this.selectedItems[0]):-1),onInputChange:t=>{this.handleInputChange(t)},onKeyPress:t=>{this.hasAutcomplete()||(t.preventDefault(),this.scrollToLetter(String.fromCharCode(t.keyCode)))}})}renderChips(){if(this.multiple&&this.selectedItems.length)return i("div",{class:"chipsWrapper "+(this.isOpen?"open":"")},this.selectedItems.map((t=>i("z-button-filter",{filterid:t.id,filtername:t.name.replace(/<[^>]+>/g,""),issmall:!0,onRemovefilter:()=>this.selectItem(t,!1)}))))}renderSelectUl(){return i("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},i("div",{class:"ulScrollWrapper",tabindex:"-1"},i("ul",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:this.htmlid,"aria-activedescendant":!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null,"aria-multiselectable":!!this.multiple,class:`\n ${this.disabled?" disabled":""}\n ${this.readonly?" readonly":""}\n ${!this.isOpen&&this.status?" input_"+this.status:" input_default"}\n ${this.selectedItems.length?" filled":""}\n `},this.renderSelectUlItems())))}renderSelectUlItems(){return this.itemsList.length?this.itemsList.map(((t,e)=>i("li",{role:"option",tabindex:t.disabled||!this.isOpen?-1:0,"aria-selected":!!t.selected,class:t.disabled&&"disabled",id:`${this.htmlid}_${e}`,onClick:()=>this.selectItem(t,!0),onKeyUp:e=>p(e,this.selectItem,t,!0),onKeyDown:t=>this.arrowsSelectNav(t,e)},i("span",{innerHTML:t.name})))):this.renderNoSearchResults()}renderNoSearchResults(){return i("li",{class:"noResults"},i("z-icon",{name:"multiply-circle"}),this.noresultslabel)}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}render(){return i("div",{class:"selectWrapper"},this.renderLabel(),this.renderChips(),this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return s(this)}static get watchers(){return{items:["watchItems"]}}};v.style='.sc-z-select-h{display:inline-block;width:inherit}li[role="option"].sc-z-select:focus:focus-visible{border-color:transparent;box-shadow:var(--shadow-focus-primary);outline:none}.selectWrapper.sc-z-select>z-input.sc-z-select{width:100%}.selectWrapper.sc-z-select>div.sc-z-select{position:relative}.selectWrapper.sc-z-select>div.closed.sc-z-select{height:0;overflow:hidden}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select{background:var(--color-surface01);position:absolute;padding:calc(var(--space-unit) * .5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;width:100%;box-sizing:border-box;outline:none}.selectWrapper.sc-z-select .closed.sc-z-select .ulScrollWrapper.sc-z-select{z-index:10}.selectWrapper.sc-z-select .open.sc-z-select .ulScrollWrapper.sc-z-select{z-index:20}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select{position:relative;margin:0;padding:0;list-style:none;border:0;max-height:240px;overflow:auto;outline:none;scrollbar-color:var(--color-primary01) transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select{display:flex;align-items:center;min-height:calc(var(--space-unit) * 5.5);padding:calc(var(--space-unit) * 1.5);box-sizing:border-box;border-bottom:var(--border-size-small) solid var(--gray200);text-align:left;cursor:pointer}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:hover{color:var(--color-hover-primary);background:var(--color-surface02)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:focus:focus-visible{margin:2px}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li[aria-selected=""].sc-z-select{font-weight:var(--font-sb)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.disabled.sc-z-select{color:var(--color-disabled02);cursor:default;pointer-events:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.noResults.sc-z-select{color:var(--color-primary01);fill:currentColor;border:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select .noResults.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select{padding-bottom:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select z-button-filter.sc-z-select{display:inline-block;margin:calc(var(--space-unit) * 0.5)}';export{u as z_button_filter,d as z_input,z as z_input_label,b as z_input_message,v as z_select}

package/dist/web-components-library/p-5b5d269c.js DELETED Viewed

@@ -1 +0,0 @@

- var t,n,e,o,a,i,s,r,c,l,u,f,d,m,g,h,b,w,p,v,E,x,A,k,y,_,C,R,S,D,O,P,T,z,B,W,K,L,N,U,j;!function(t){t.real="reale",t.virtual="virtuale",t.trial="saggio"}(t||(t={})),function(t){t.border="border",t.shadow="shadow",t.overlay="overlay",t.text="text"}(n||(n={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(e||(e={})),function(t){t.big="big",t.small="small"}(o||(o={})),function(t){t.primary="primary",t.secondary="secondary",t.tertiary="tertiary",t["dark-bg"]="dark-bg"}(a||(a={})),function(t){t.submit="submit",t.reset="reset",t.button="button"}(i||(i={})),function(t){t.big="big",t.small="small",t["x-small"]="x-small"}(s||(s={})),function(t){t.text="text",t.password="password",t.number="number",t.email="email",t.textarea="textarea",t.checkbox="checkbox",t.radio="radio",t.select="select"}(r||(r={})),function(t){t.success="success",t.error="error",t.warning="warning",t.selecting="selecting"}(c||(c={})),function(t){t.AUTO="auto",t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left",t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left"}(l||(l={})),function(t){t[t.TAB=9]="TAB",t[t.SPACE=32]="SPACE",t[t.ESC=27]="ESC",t[t.ENTER=13]="ENTER",t[t.ARROW_UP=38]="ARROW_UP",t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.BACKSPACE=8]="BACKSPACE",t[t.DELETE=46]="DELETE"}(u||(u={})),function(t){t.ARROW_DOWN="ArrowDown",t.ARROW_UP="ArrowUp",t.ENTER="Enter",t.ESC="Escape",t.SPACE="Space"}(f||(f={})),function(t){t.dark="dark",t.light="light"}(d||(d={})),function(t){t["after-down"]="after-down",t["after-center"]="after-center",t["after-up"]="after-up",t["below-right"]="below-right",t["below-center"]="below-center",t["below-left"]="below-left",t["before-down"]="before-down",t["before-center"]="before-center",t["before-up"]="before-up",t["above-right"]="above-right",t["above-center"]="above-center",t["above-left"]="above-left"}(m||(m={})),function(t){t.none="none",t.small="small",t.medium="medium"}(g||(g={})),function(t){t["shadow-1"]="shadow-1",t["shadow-2"]="shadow-2",t["shadow-3"]="shadow-3",t["shadow-4"]="shadow-4",t["shadow-6"]="shadow-6",t["shadow-8"]="shadow-8",t["shadow-12"]="shadow-12",t["shadow-16"]="shadow-16",t["shadow-24"]="shadow-24"}(h||(h={})),function(t){t.small="small",t.medium="medium",t.large="large"}(b||(b={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(w||(w={})),function(t){t.asc="asc",t.desc="desc",t.none="none"}(p||(p={})),function(t){t.small="small",t.medium="medium",t.large="large"}(v||(v={})),function(t){t.warning="warning",t.error="error",t.success="success",t.neutral="neutral",t.default="default"}(E||(E={})),function(t){t.small="small",t.medium="medium",t.large="large",t["x-large"]="x-large"}(x||(x={})),function(t){t["x-small"]="x-small",t.small="small",t.medium="medium",t.large="large",t.special="special"}(A||(A={})),function(t){t.accordion="accordion",t.menu="menu"}(k||(k={})),function(t){t.right="right",t.left="left"}(y||(y={})),function(t){t.right="right",t.left="left"}(_||(_={})),function(t){t.none="none",t.header="header",t.element="element"}(C||(C={})),function(t){t.success="success",t.warning="warning",t.error="error"}(R||(R={})),function(t){t.success="success",t.warning="warning",t.error="error"}(S||(S={})),function(t){t.mobile="mobile",t.tablet="tablet",t.desktop="desktop"}(D||(D={})),function(t){t.preview="preview",t.open="open",t.closed="closed"}(O||(O={})),function(t){t.dark="dark",t.light="light",t.accent="accent",t.error="error",t.success="success",t.warning="warning"}(P||(P={})),function(t){t.slideInLeft="slide-in-left",t.slideInRight="slide-in-right",t.slideInDown="slide-in-down",t.slideInUp="slide-in-up",t.slideOutLeft="slide-out-left",t.slideOutRight="slide-out-right",t.slideOutDown="slide-out-down",t.slideOutUp="slide-out-up"}(T||(T={})),function(t){t.topRight="top-right",t.topLeft="top-left",t.topCentre="top-centre",t.bottomRight="bottom-right",t.bottomLeft="bottom-left",t.bottomCentre="bottom-centre"}(z||(z={})),function(t){t.expandable="expandable",t.padding="padding",t.none="none"}(B||(B={})),function(t){t.polite="polite",t.assertive="assertive"}(W||(W={})),function(t){t.left="left",t.right="right"}(K||(K={})),function(t){t.overlay="overlay",t.pushcontent="pushcontent"}(L||(L={})),function(t){t.default="default",t.dragdrop="dragdrop"}(N||(N={})),function(t){t.default="default",t.mini="mini"}(U||(U={})),function(t){t.before="before",t.after="after"}(j||(j={}));export{v as A,i as B,n as C,D,y as E,r as I,f as K,t as L,L as O,m as P,E as S,d as T,W as Z,w as a,a as b,s as c,b as d,K as e,U as f,l as g,N as h,O as i,c as j,u as k,S as l,e as m,o as n,j as o,B as p,T as q,z as r,_ as s,x as t,C as u,k as v,A as w,p as x,g as y,h as z}

package/dist/web-components-library/p-5e41c6c2.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,c as o,h as e,g as i}from"./p-98268a57.js";const r=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation="horizontal",this.size="big"}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}render(){return e("button",{disabled:this.disabled,role:"tab"},e("slot",{name:"icon"}),"horizontal"===this.orientation&&e("slot",{name:"label"}))}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};r.style="button{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}*::before,*::after{box-sizing:border-box}:host(:hover:not([disabled])) button,:host([selected]) button{color:var(--color-hover-secondary);fill:currentColor}:host(:hover:not([disabled])) button::after,:host([selected]) button::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover) button::after,:host([orientation='horizontal'][selected]) button::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}:host([orientation='horizontal']) ::slotted(z-icon){margin-right:var(--space-unit)}:host(:hover:not([disabled])) button{background-color:var(--color-background)}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled]) button{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small']) button{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal']) button{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover) button::after,:host([size='small'][orientation='horizontal'][selected]) button::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) ::slotted(z-icon){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical']) button{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled])) button::after,:host([orientation='vertical'][selected]) button::after{width:var(--border-size-large);height:100%;top:0;right:0}:host([orientation='vertical']) ::slotted([slot='label']){display:none}::slotted(z-icon){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:0}";export{r as z_navigation_tab}

package/dist/web-components-library/p-99e53bd5.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,h as e,g as i}from"./p-98268a57.js";import{o,d as r}from"./p-5b5d269c.js";const s=class{constructor(e){t(this,e),this.dividerPosition=o.before,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return[e("slot",{name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.before&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"}),e("slot",{name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.after&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"})]}get host(){return i(this)}};s.style=':host{--z-section-title--divider-color:var(--red500);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);text-transform:uppercase;font-size:var(--font-size-3);line-height:1.5rem}::slotted([slot="primary-title"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';export{s as z_section_title}

package/dist/web-components-library/p-b68038b5.js DELETED Viewed

	@@ -1 +0,0 @@
1	- function r(r,n,e){return r(e={path:n,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},e.exports),e.exports}export{r as c}

package/dist/web-components-library/p-e98bb01e.entry.js DELETED Viewed

@@ -1 +0,0 @@

- import{r as t,c as r,h as i}from"./p-98268a57.js";import{j as n}from"./p-5b5d269c.js";const s=class{constructor(i){t(this,i),this.otpChange=r(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=Array.apply(null,Array(this.inputNum)),this.otpRef=Array.apply(null,Array(this.inputNum))}render(){return i("div",{class:"otp-container"},i("div",{class:"digits-container"},this.otp.map(((t,r)=>i("input",{class:this.status==n.error?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[r].value="")},onKeyUp:t=>{t.keyCode>47&&r<this.inputNum-1&&this.otpRef[r+1].focus()},onInput:t=>{this.otp[r]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[r]=t})))),i("z-input-message",{message:this.message,status:this.status}))}};s.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{height:72px;width:calc(var(--space-unit) * 5);font-size:32px;font-weight:300;font-family:var(--font-family-sans);text-align:center;caret-color:transparent;box-sizing:border-box;padding:0;color:var(--color-surface05)}input.error{border:1px solid;border-radius:4px;border-color:var(--color-error01);background-color:var(--color-error-inverse)}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";export{s as z_otp}

package/src-react/index.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export * from './components';

package/www/build/p-1242e682.entry.js DELETED Viewed

@@ -1 +0,0 @@

package/www/build/p-3d99e2b1.entry.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{r,h as a,H as t}from"./p-98268a57.js";import{Z as s}from"./p-5b5d269c.js";const i=class{constructor(a){r(this,a),this.mode=s.polite}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}

package/www/build/p-5300e675.entry.js DELETED Viewed

@@ -1 +0,0 @@

package/www/build/p-5b5d269c.js DELETED Viewed

@@ -1 +0,0 @@

package/www/build/p-5e41c6c2.entry.js DELETED Viewed

@@ -1 +0,0 @@