@zanichelli/delta_share 2.0.13 → 2.0.15

package/dist/wc/esm/z-footer-link_3.entry.js

@@ -1,43 +0,0 @@
-import { r as registerInstance, h } from './index-b3a91e19.js';
-
-const stylesCss$2 = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>a{display:inline-block;color:var(--color-white);padding:calc(var(--space-unit) / 2 * 3) 0;border-bottom:1px solid var(--gray50);text-decoration:none;font-size:14px;width:100%}@media only screen and (min-width: 768px){:host a{font-size:12px;border-bottom:none;text-decoration:underline;padding:0;width:initial}}";
-
-const ZFooterLink = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("a", { href: this.href, target: "_blank" }, h("slot", null)));
-  }
-};
-ZFooterLink.style = stylesCss$2;
-
-const stylesCss$1 = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>nav{background-color:var(--gray900);display:flex;flex-direction:column;justify-items:flex-start;overflow:hidden;margin:calc(var(--space-unit) / 2) 0;padding:0}:host>nav>.header{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;height:calc(var(--space-unit) * 4);border-bottom:1px solid var(--gray50);line-height:1}:host>nav>.header>h2{color:var(--color-white);font-size:16px;margin:var(--space-unit) 0}:host>nav>.header{fill:var(--color-white)}:host>nav>.header>button{position:absolute;top:var(--space-unit);right:0;margin:0;padding:0;background:transparent;border:0;appearance:none;cursor:pointer}:host>nav>.header>z-icon{display:block}:host>nav>.content{background-color:var(--gray800);display:none;height:0;transition:0.3s ease;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host>nav>.content.show{display:block;height:auto;transition:0.3s ease}@media only screen and (min-width: 768px){:host>nav{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr;grid-column-gap:var(--grid-tablet-margin);padding:calc(var(--space-unit) * 2) 0;border-bottom:1px solid var(--color-white);margin:0;background-color:var(--gray800)}:host>nav>.header>button.toggleButton{display:none}:host>nav>.header{border-bottom:none;padding:0;margin:0}:host>nav>.header>h2{border:none}:host>nav>.content,:host>nav>.content.show{grid-column:span 3;width:100%;padding:0;margin:0;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-tablet-margin);grid-row-gap:var(--space-unit);height:auto;align-items:stretch;align-content:stretch;margin:0}}@media only screen and (min-width: 1152px){:host>nav{display:grid;grid-template-columns:1fr;grid-template-rows:40px 4fr;padding:0;border-bottom:none}:host>nav>.header{position:relative;display:inline-flex;height:24px}:host>nav>.header>h2{width:auto;font-size:16px;line-height:1;font-weight:600;color:var(--gray50);padding:0 0 var(--space-unit);margin:0}:host>nav>.header::after{content:\"\";display:block;position:absolute;top:100%;left:0;width:120px;border-bottom:1px solid var(--gray50)}:host>nav>.content,:host>nav>.content.show{grid-column:auto;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start}}";
-
-const ZFooterSection = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.isOpen = false;
-  }
-  renderToggleButton() {
-    return (h("button", { class: "toggleButton", onClick: () => (this.isOpen = !this.isOpen) }, h("z-icon", { name: this.isOpen ? "chevron-up" : "chevron-down", width: 16, height: 16 })));
-  }
-  render() {
-    return (h("nav", null, h("div", { class: "header" }, h("h2", null, this.name), this.renderToggleButton()), h("div", { class: `content ${this.isOpen ? "show" : ""}` }, h("slot", null))));
-  }
-};
-ZFooterSection.style = stylesCss$1;
-
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>a>img{width:calc(var(--space-unit) * 3)}@media only screen and (min-width: 1152px){:host>a>img{width:16px}}";
-
-const ZFooterSocial = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("a", { href: this.href, target: "_blank" }, h("img", { src: this.icon, alt: this.description })));
-  }
-};
-ZFooterSocial.style = stylesCss;
-
-export { ZFooterLink as z_footer_link, ZFooterSection as z_footer_section, ZFooterSocial as z_footer_social };

package/dist/wc/esm/z-footer.entry.js

@@ -1,103 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-b3a91e19.js';
-import { b as ButtonSizeEnum } from './index-654849a7.js';
-
-const stylesCss = ":host{width:100%}footer{width:auto;height:auto;box-sizing:border-box;font-family:var(--font-family-sans);font-size:13px;padding:var(--space-unit) 0;background-color:var(--gray900);color:var(--gray50)}footer *{box-sizing:border-box}footer>section>div{display:grid}#top{padding:0 calc(var(--space-unit) * 2)}#bottom{width:auto;height:auto;margin:0;padding:0 calc(var(--space-unit) * 2);white-space:pre-line;font-size:12px}#bottom>div{display:grid;grid-template-columns:1fr}#bottom>div>div.item{display:flex;flex-direction:column;align-items:flex-start;grid-column:span 1;height:auto;width:auto;padding:calc(var(--space-unit) * 2) 0}#bottom>div>div.item:nth-child(1){order:2}#bottom>div>div.item:nth-child(2){order:1;border-bottom:1px solid var(--gray50)}#bottom>div>div.item>div.social{display:grid;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(auto-fill, 24px);column-gap:12px;padding:0;margin-bottom:0px}#bottom>div>div.bottom-links{display:none}#bottom>div>div.item>p{margin:var(--space-unit) 0;padding:var(--space-unit) 0}#bottom>div>div.item>p:first-child{margin-top:0}#bottom>div>div.item>p:last-child{margin-bottom:0}#bottom>div>div.logo>p>span{display:block}#extension{padding:0 calc(var(--space-unit) * 2)}#extension>div{display:grid;grid-template-columns:1fr;grid-row-gap:var(--space-unit);align-items:center}#extension z-divider{margin-top:var(--space-unit)}#extension z-button{margin-left:var(--space-unit)}div.limited-width{margin:auto;max-width:var(--mw)}z-button{--color-primary01:var(--gray600);--color-hover-primary:var(--gray700)}@media only screen and (min-width: 768px){footer{padding:0}#top{background-color:var(--gray800);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3)}#top z-footer-section:last-child{display:none}#bottom{background-color:var(--gray900);padding:0 calc(var(--space-unit) * 3)}#bottom>div{grid-template-columns:repeat(4, 1fr);grid-column-gap:var(--grid-tablet-margin)}#bottom>div>div.item{margin:0}#bottom>div>div.item:nth-child(1){order:1}#bottom>div>div.item:nth-child(2){order:2;border-bottom:none}#bottom>div>div.item>p{padding-top:0}#bottom>div>div.logo>z-logo{width:auto;height:39px}#bottom>div>div.bottom-links{display:block;grid-column:span 2;order:3}#bottom>div>div.bottom-links{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(auto-fill, 24px);grid-column-gap:var(--grid-tablet-margin);font-size:12px}#extension{margin:auto;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3) 0;background-color:var(--gray800);color:white;grid-template-columns:1fr 1fr}#extension>div>div{text-align:end}#extension z-divider{grid-column:1 / span 2}}@media only screen and (min-width: 1152px){#top{width:100%}#top>div{grid-template-columns:repeat(6, 1fr);grid-column-gap:var(--grid-desktop-margin)}#bottom>div>div.item:nth-child(1)>p:nth-of-type(2){font-size:10px}#bottom>div>div.item>p{padding-bottom:0;margin-bottom:calc(var(--space-unit) * 2)}#bottom>div>div.item>div.social{margin-top:0}#bottom>div>div.bottom-links{padding:calc(var(--space-unit) * 2) 0 0 0}#bottom>div>div.bottom-links{grid-template-columns:repeat(3, 1fr);grid-column-gap:var(--grid-desktop-margin);margin:0}}@media only screen and (min-width: 1366px){#top{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}#bottom{padding:0 calc(var(--space-unit) * 4)}#extension{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4) 0}}";
-
-const ZFooter = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.creditsLinkClick = createEvent(this, "creditsLinkClick", 7);
-    this.reportAProblemButtonClick = createEvent(this, "reportAProblemButtonClick", 7);
-    this.creditsLinkId = "creditsLinkId";
-    this.emitReportAProblemButtonClick =
-      this.emitReportAProblemButtonClick.bind(this);
-  }
-  componentWillLoad() {
-    if (this.data) {
-      console.warn("z-footer: `data` prop is deprecated and will be removed in a future version. Use slots instead.");
-      this.jsonData = JSON.parse(this.data);
-    }
-  }
-  zLinkClickListener(e) {
-    if (e.detail.linkId === this.creditsLinkId) {
-      this.emitCreditsLinkClick();
-    }
-  }
-  emitCreditsLinkClick() {
-    this.creditsLinkClick.emit();
-  }
-  emitReportAProblemButtonClick() {
-    this.reportAProblemButtonClick.emit();
-  }
-  renderZLogo() {
-    return (h("z-logo", { link: "https://www.zanichelli.it", width: 144, height: 38, imageAlt: "Home Zanichelli", targetBlank: true }));
-  }
-  renderAddress() {
-    return (h("p", null, "Zanichelli editore S.p.A. via Irnerio 34, 40126 Bologna", h("br", null), "Fax 051 - 249.782 / 293.224 | Tel. 051 - 293.111 / 245.024", h("br", null), "Partita IVA 03978000374"));
-  }
-  renderSocial() {
-    return (h("div", { class: "social" }, h("slot", { name: "social" }), this.renderFooterSocialJsonData()));
-  }
-  renderCopyright() {
-    return (h("p", null, "Copyright \u2013 2018-", new Date().getFullYear(), " Zanichelli", h("span", null, "All rights reserved")));
-  }
-  renderCertification() {
-    return (h("p", null, "Zanichelli editore S.p.A. opera con sistema qualit\u00E0 certificato CertiCarGraf n. 477", h("br", null), "secondo la norma UNI EN ISO 9001:2015"));
-  }
-  renderBottomLinks() {
-    return (h("div", { class: "item bottom-links" }, h("slot", { name: "links" }), this.renderFooterBottomJsonData()));
-  }
-  renderFooterBottom() {
-    return (h("section", { id: "bottom" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { class: "item logo" }, this.renderZLogo(), this.renderCopyright(), this.renderCertification()), h("div", { class: "item" }, this.renderAddress(), this.renderSocial()), this.renderBottomLinks())));
-  }
-  renderFooterTop() {
-    return (h("section", { id: "top" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("slot", null), this.renderFooterTopJsonData())));
-  }
-  renderFooterProductInfo() {
-    var _a;
-    if (this.productName ||
-      this.productVersion ||
-      this.productCreditsLink != null ||
-      this.showReportAProblemButton) {
-      const versionString = `${this.productName ? " versione" : "Versione"} ${this.productVersion}`;
-      const creditsObject = (h("z-body", { level: 5 }, (this.productName || this.productVersion) && " - ", h("z-link", { htmlid: this.creditsLinkId, href: (_a = this.productCreditsLink) === null || _a === void 0 ? void 0 : _a.trim(), target: "_blank", textcolor: "white" }, "Credits")));
-      return (h("div", { id: "extension" }, h("div", { class: { "limited-width": !!this.contentMaxWidth }, style: this.contentMaxWidth
-          ? { "--mw": `${this.contentMaxWidth}px` }
-          : {} }, h("span", null, this.productName && (h("z-body", { level: 5, variant: "semibold" }, this.productName)), this.productVersion && (h("z-body", { level: 5 }, versionString)), this.productCreditsLink != null && creditsObject), this.showReportAProblemButton && (h("div", null, h("z-body", { level: 5 }, "Hai bisogno di aiuto?"), h("z-button", { size: ButtonSizeEnum.small, onClick: this.emitReportAProblemButtonClick }, "SEGNALA UN PROBLEMA"))), h("z-divider", { color: "gray500" }))));
-    }
-  }
-  // INFO: backward compatibility
-  renderFooterTopJsonData() {
-    if (!this.jsonData || !this.jsonData.zanichelliLinks)
-      return null;
-    const zanichelliLinks = this.jsonData.zanichelliLinks;
-    if (this.jsonData.bottomLinks) {
-      const bottomLinks = this.jsonData.bottomLinks;
-      zanichelliLinks.push({
-        title: "Altre informazioni",
-        items: bottomLinks,
-      });
-    }
-    return zanichelliLinks.map((item) => (h("z-footer-section", { name: item.title }, item.items.map((item) => (h("z-footer-link", { href: item.link }, item.label))))));
-  }
-  // INFO: backward compatibility
-  renderFooterBottomJsonData() {
-    if (!this.jsonData || !this.jsonData.bottomLinks)
-      return null;
-    const bottomLinks = this.jsonData.bottomLinks;
-    return bottomLinks.map((item) => (h("z-footer-link", { href: item.link }, item.label)));
-  }
-  // INFO: backward compatibility
-  renderFooterSocialJsonData() {
-    if (!this.jsonData || !this.jsonData.social)
-      return null;
-    const social = this.jsonData.social;
-    return social.map((item) => (h("z-footer-social", { href: item.link, icon: item.icon, description: item.description })));
-  }
-  render() {
-    return (h("footer", null, this.renderFooterProductInfo(), this.renderFooterTop(), this.renderFooterBottom()));
-  }
-};
-ZFooter.style = stylesCss;
-
-export { ZFooter as z_footer };

package/dist/wc/esm/z-icon-package.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, h } from './index-b3a91e19.js';
-import { i as icons } from './icons-74713b55.js';
-
-const stylesCss = ":host>div{display:flex;flex-flow:row wrap;justify-content:flex-start;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px}:host>div>div{width:300px;margin:5px}:host>div>div>label{margin:0 10px}";
-
-const ZIconPackage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    const iconsNames = Object.keys(icons);
-    return (h("div", null, iconsNames.map((icon) => {
-      return (h("div", null, h("z-icon", { name: icon }), h("label", null, icon)));
-    })));
-  }
-};
-ZIconPackage.style = stylesCss;
-
-export { ZIconPackage as z_icon_package };

package/dist/wc/esm/z-input-deprecated.entry.js

@@ -1,267 +0,0 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-b3a91e19.js';
-import { I as InputTypeEnum } from './index-654849a7.js';
-import { r as randomId } from './utils-417652d9.js';
-import './breakpoints-e07f80e7.js';
-
-const stylesCss = ".sc-z-input-deprecated-h{display:inline-block;width:inherit}input.sc-z-input-deprecated::-ms-clear,input.sc-z-input-deprecated::-ms-reveal{display:none}.sc-z-input-deprecated-h input.sc-z-input-deprecated::-ms-clear,.sc-z-input-deprecated-h input.sc-z-input-deprecated::-ms-reveal{display:none}input.sc-z-input-deprecated,textarea.sc-z-input-deprecated,.textareaWrapper.sc-z-input-deprecated,ul[role=\"listbox\"].sc-z-input-deprecated{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-deprecated:focus:focus-visible,li[role=\"option\"].sc-z-input-deprecated:focus:focus-visible,.focus.sc-z-input-deprecated{box-shadow:var(--shadow-focus-primary)}.filled.sc-z-input-deprecated{border-color:var(--color-surface05)}.input_success.sc-z-input-deprecated,.input_success.sc-z-input-deprecated:hover,.input_success.hover.sc-z-input-deprecated{background:var(--color-success-inverse);border-color:var(--color-success01);fill:var(--color-success01)}.input_error.sc-z-input-deprecated,.input_error.sc-z-input-deprecated:hover,.input_error.hover.sc-z-input-deprecated{background:var(--color-error-inverse);border-color:var(--color-error01);fill:var(--color-error01)}.input_warning.sc-z-input-deprecated,.input_warning.sc-z-input-deprecated:hover,.input_warning.hover.sc-z-input-deprecated{background:var(--color-warning-inverse);border-color:var(--color-warning01);fill:var(--color-warning01)}input[readonly].sc-z-input-deprecated,.readonly.sc-z-input-deprecated{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input-deprecated:disabled,.disabled.sc-z-input-deprecated,.filled.sc-z-input-deprecated:disabled{border-color:var(--color-disabled01);color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none;box-shadow:none}input.sc-z-input-deprecated::placeholder,textarea.sc-z-input-deprecated::placeholder{color:var(--color-text05)}.sc-z-input-deprecated::-webkit-input-placeholder,.sc-z-input-deprecated::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input-deprecated:-ms-input-placeholder,.sc-z-input-deprecated:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input-deprecated::-moz-placeholder{color:var(--color-text05)}.sc-z-input-deprecated:-moz-placeholder{color:var(--color-text05)}.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated{fill:var(--color-icon02)}.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated{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-deprecated>div.sc-z-input-deprecated>input.hasIcon.sc-z-input-deprecated,.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.hasClearIcon.sc-z-input-deprecated{padding-right:calc(var(--space-unit) * 4)}.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.hasIcon.hasClearIcon.sc-z-input-deprecated{padding-right:calc(var(--space-unit) * 7)}.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated{position:relative;z-index:1}.textWrapper.sc-z-input-deprecated .iconsWrapper.sc-z-input-deprecated{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-deprecated .iconsWrapper.sc-z-input-deprecated>z-icon.sc-z-input-deprecated{--z-icon-width:18px;--z-icon-height:18px;display:block;margin-left:calc(var(--space-unit) * 0.5)}.textWrapper.sc-z-input-deprecated .iconsWrapper.sc-z-input-deprecated>z-icon.resetIcon.sc-z-input-deprecated,.textWrapper.sc-z-input-deprecated .iconsWrapper.sc-z-input-deprecated>z-icon.showHidePasswordIcon.sc-z-input-deprecated{cursor:pointer}.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill,.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill:hover,.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill:focus,.textWrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill:active{-webkit-background-clip:text !important}.textareaWrapper.sc-z-input-deprecated{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input-deprecated::-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-deprecated::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input-deprecated::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input-deprecated::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input-deprecated{min-height:132px;width:100%;margin:0;padding:0;border:none;resize:none}.radioWrapper.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated{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-deprecated:hover,.checkboxWrapper.sc-z-input-deprecated:hover{color:var(--color-hover-primary);fill:currentColor}.radioWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated{position:absolute;opacity:0;z-index:-1;pointer-events:none}.radioWrapper.sc-z-input-deprecated .radioLabel.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated .checkboxLabel.sc-z-input-deprecated{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-deprecated input.sc-z-input-deprecated:not(:disabled)+.radioLabel.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated input.sc-z-input-deprecated:not(:disabled)+.checkboxLabel.sc-z-input-deprecated{cursor:pointer}.radioWrapper.sc-z-input-deprecated .radioLabel.sc-z-input-deprecated z-icon.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated .checkboxLabel.sc-z-input-deprecated z-icon.sc-z-input-deprecated{fill:inherit;cursor:pointer}.radioWrapper.sc-z-input-deprecated .radioLabel.after.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated .checkboxLabel.after.sc-z-input-deprecated{flex-direction:row}.radioWrapper.sc-z-input-deprecated .radioLabel.before.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated .checkboxLabel.before.sc-z-input-deprecated{flex-direction:row-reverse}.radioWrapper.sc-z-input-deprecated .radioLabel.after.sc-z-input-deprecated>span.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated .checkboxLabel.after.sc-z-input-deprecated>span.sc-z-input-deprecated{margin-left:var(--space-unit)}.radioWrapper.sc-z-input-deprecated .radioLabel.before.sc-z-input-deprecated>span.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated .checkboxLabel.before.sc-z-input-deprecated>span.sc-z-input-deprecated{margin-right:var(--space-unit)}.radioWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:focus:focus-visible+.radioLabel.sc-z-input-deprecated>z-icon.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:focus:focus-visible+.checkboxLabel.sc-z-input-deprecated>z-icon.sc-z-input-deprecated{box-shadow:var(--shadow-focus-primary);border-radius:var(--border-radius-small)}.radioWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.radioLabel.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.checkboxLabel.sc-z-input-deprecated{color:var(--color-disabled02)}.radioWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.radioLabel.sc-z-input-deprecated>z-icon.sc-z-input-deprecated,.checkboxWrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.checkboxLabel.sc-z-input-deprecated>z-icon.sc-z-input-deprecated{fill:var(--color-disabled01);cursor:default}";
-
-const ZInputDeprecated = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.inputChange = createEvent(this, "inputChange", 7);
-    this.startTyping = createEvent(this, "startTyping", 7);
-    this.stopTyping = createEvent(this, "stopTyping", 7);
-    this.inputCheck = createEvent(this, "inputCheck", 7);
-    this.optionSelect = createEvent(this, "optionSelect", 7);
-    /** the id of the input element */
-    this.htmlid = `id-${randomId()}`;
-    /** the input is disabled */
-    this.disabled = false;
-    /** the input is readonly */
-    this.readonly = false;
-    /** the input is required (optional): available for text, password, number, email, textarea, checkbox */
-    this.required = false;
-    /** checked: available for checkbox, radio */
-    this.checked = false;
-    /** show input helper message (optional): available for text, password, number, email, textarea, select */
-    this.hasmessage = true;
-    /** the input label position: available for checkbox, radio */
-    this.labelafter = true;
-    /** timeout setting before trigger `inputChange` event (optional): available for text, textarea */
-    this.typingtimeout = 300;
-    /** multiple options can be selected (optional): available for select */
-    this.multiple = false;
-    /** render clear icon when typing (optional): available for text */
-    this.hasclearicon = true;
-    this.isTyping = false;
-    this.textareaWrapperHover = "";
-    this.textareaWrapperFocus = "";
-    this.passwordHidden = true;
-  }
-  inputCheckListener(e) {
-    const data = e.detail;
-    switch (this.type) {
-      case InputTypeEnum.radio:
-        if (data.type === InputTypeEnum.radio &&
-          data.name === this.name &&
-          data.id !== this.htmlid) {
-          this.checked = false;
-        }
-      default:
-        return;
-    }
-  }
-  /** get the input value */
-  async getValue() {
-    switch (this.type) {
-      // @ts-ignore
-      case "select":
-        return this.selectElem.getValue();
-      default:
-        return this.value;
-    }
-  }
-  /** set the input value */
-  async setValue(value) {
-    switch (this.type) {
-      // @ts-ignore
-      case "select":
-        this.selectElem.setValue(value);
-        break;
-      default:
-        if (typeof value === "string")
-          this.value = value;
-        break;
-    }
-  }
-  /** get checked status */
-  async isChecked() {
-    switch (this.type) {
-      case InputTypeEnum.checkbox:
-      case InputTypeEnum.radio:
-        return this.checked;
-      default:
-        return false;
-    }
-  }
-  emitInputChange(value, keycode) {
-    if (!this.isTyping) {
-      this.emitStartTyping();
-    }
-    let validity = {};
-    if (this.type === InputTypeEnum.textarea) {
-      validity = this.getValidity("textarea");
-    }
-    else {
-      validity = this.getValidity("input");
-    }
-    this.value = value;
-    this.inputChange.emit({ value, keycode, validity });
-    clearTimeout(this.timer);
-    this.timer = setTimeout(() => {
-      this.emitStopTyping(this.value, validity);
-    }, this.typingtimeout);
-  }
-  emitStartTyping() {
-    this.isTyping = true;
-    this.startTyping.emit();
-  }
-  emitStopTyping(value, validity) {
-    this.isTyping = false;
-    this.stopTyping.emit({
-      value: value,
-      validity: validity,
-    });
-  }
-  emitInputCheck(checked) {
-    this.inputCheck.emit({
-      id: this.htmlid,
-      checked: checked,
-      type: this.type,
-      name: this.name,
-      value: this.value,
-      validity: this.getValidity("input"),
-    });
-  }
-  getValidity(type) {
-    const input = this.hostElement.querySelector(type);
-    return input.validity;
-  }
-  /* START text/password/email/number */
-  getTextAttributes() {
-    const attr = {
-      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: (e) => this.emitInputChange(e.target.value, e.keyCode),
-    };
-    if (this.autocomplete) {
-      attr["autocomplete"] = this.autocomplete;
-    }
-    return attr;
-  }
-  renderInputText(type = InputTypeEnum.text) {
-    const attr = this.getTextAttributes();
-    if (this.icon || type === InputTypeEnum.password) {
-      attr.class += " hasIcon";
-    }
-    if (this.hasclearicon) {
-      attr.class += " hasClearIcon";
-    }
-    return (h("div", { class: "textWrapper" }, this.renderLabel(), h("div", null, h("input", Object.assign({ type: type === InputTypeEnum.password && !this.passwordHidden
-        ? InputTypeEnum.text
-        : type }, attr, { "aria-label": this.ariaLabel || this.label })), this.renderIcons()), this.renderMessage()));
-  }
-  renderLabel() {
-    if (!this.label)
-      return;
-    return (h("z-input-label", { htmlfor: this.htmlid, value: this.label, disabled: this.disabled, "aria-label": this.label, id: `${this.htmlid}_label` }));
-  }
-  renderIcons() {
-    return (h("span", { class: {
-        iconsWrapper: true,
-        disabled: this.disabled,
-      } }, this.renderResetIcon(), this.renderIcon()));
-  }
-  renderIcon() {
-    if (this.type === InputTypeEnum.password) {
-      return this.renderShowHidePassword();
-    }
-    if (!this.icon)
-      return;
-    return h("z-icon", { class: "inputIcon", name: this.icon });
-  }
-  renderResetIcon() {
-    if (!this.hasclearicon || !this.value || this.disabled || this.readonly)
-      return;
-    return (h("z-icon", { class: "resetIcon", name: "multiply", onClick: (e) => this.emitInputChange("", e.keyCode) }));
-  }
-  renderShowHidePassword() {
-    return (h("z-icon", { class: "showHidePasswordIcon", name: this.passwordHidden ? "view-filled" : "view-off-filled", onClick: () => (this.passwordHidden = !this.passwordHidden) }));
-  }
-  renderMessage() {
-    if (!this.hasmessage)
-      return;
-    return h("z-input-message", { message: this.message, status: this.status });
-  }
-  /* END text/password/email/number */
-  /* START textarea */
-  renderTextarea() {
-    const attributes = this.getTextAttributes();
-    return (h("div", { class: "textWrapper" }, this.renderLabel(), h("div", { class: [
-        "textareaWrapper",
-        attributes.class,
-        attributes.disabled && "disabled",
-        attributes.readonly && "readonly",
-        this.isTyping && "istyping",
-        this.textareaWrapperFocus,
-        this.textareaWrapperHover,
-      ]
-        .filter(Boolean)
-        .join(" ") }, h("textarea", Object.assign({}, attributes, { onFocus: () => (this.textareaWrapperFocus = "focus"), onBlur: () => (this.textareaWrapperFocus = ""), onMouseOver: () => (this.textareaWrapperHover = "hover"), onMouseOut: () => (this.textareaWrapperHover = ""), "aria-label": this.ariaLabel || this.label }))), this.renderMessage()));
-  }
-  /* END textarea */
-  handleCheck(ev) {
-    this.checked = ev.target.checked;
-    this.emitInputCheck(this.checked);
-  }
-  /* START checkbox */
-  renderCheckbox() {
-    return (h("div", { class: "checkboxWrapper" }, h("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 }), h("label", { htmlFor: this.htmlid, class: {
-        checkboxLabel: true,
-        after: this.labelafter,
-        before: !this.labelafter,
-      } }, h("z-icon", { name: this.checked ? "checkbox-checked" : "checkbox", "aria-hidden": "true" }), this.label && h("span", { innerHTML: this.label }))));
-  }
-  /* END checkbox */
-  /* START radio */
-  renderRadio() {
-    return (h("div", { class: "radioWrapper" }, h("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 }), h("label", { htmlFor: this.htmlid, class: {
-        radioLabel: true,
-        after: this.labelafter,
-        before: !this.labelafter,
-      } }, h("z-icon", { name: this.checked ? "radio-button-checked" : "radio-button", "aria-hidden": "true" }), this.label && h("span", { innerHTML: this.label }))));
-  }
-  /* END radio */
-  /* START select */
-  renderSelect() {
-    return (h("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, message: !this.hasmessage ? false : this.message, autocomplete: this.autocomplete, ref: (el) => (this.selectElem = el) }));
-  }
-  /* END select */
-  render() {
-    switch (this.type) {
-      case InputTypeEnum.text:
-      case InputTypeEnum.password:
-      case InputTypeEnum.number:
-      case InputTypeEnum.email:
-        return this.renderInputText(this.type);
-      case InputTypeEnum.textarea:
-        return this.renderTextarea();
-      case InputTypeEnum.checkbox:
-        return this.renderCheckbox();
-      case InputTypeEnum.radio:
-        return this.renderRadio();
-      // @ts-ignore
-      case "select":
-        return this.renderSelect();
-      default:
-        return this.renderInputText();
-    }
-  }
-  get hostElement() { return getElement(this); }
-};
-ZInputDeprecated.style = stylesCss;
-
-export { ZInputDeprecated as z_input_deprecated };