@zanichelli/albe-web-components 5.5.1 → 5.5.2

package/www/build/z-button.entry.js

@@ -1,38 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-81176684.js';
-import { b as ButtonTypeEnum, B as ButtonVariantEnum, c as ButtonSizeEnum } from './index-3ee81524.js';
-
-const stylesCss = ".sc-z-button-h{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:0}[disabled].sc-z-button-h:not([disabled=\"false\"]){pointer-events:none}.sc-z-button-h .z-button--container.sc-z-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0;font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}.sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button{min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}.sc-z-button-h .z-button--container.z-button--has-text.sc-z-button z-icon.sc-z-button{--z-icon-right-margin:var(--space-unit)}[size=\"big\"].sc-z-button-h .z-button--container.sc-z-button{height:44px;min-width:44px}[size=\"small\"].sc-z-button-h .z-button--container.sc-z-button{height:36px;min-width:36px}[size=\"x-small\"].sc-z-button-h .z-button--container.sc-z-button{height:32px;min-width:32px}[variant=\"primary\"].sc-z-button-h .z-button--container.sc-z-button{background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){[variant=\"primary\"].sc-z-button-h .z-button--container.sc-z-button:hover{background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}[variant=\"primary\"].sc-z-button-h .z-button--container.sc-z-button:active{background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}[variant=\"primary\"][disabled].sc-z-button-h:not([disabled=\"false\"]) .z-button--container.sc-z-button{background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}[variant=\"secondary\"].sc-z-button-h .z-button--container.sc-z-button{background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){[variant=\"secondary\"].sc-z-button-h .z-button--container.sc-z-button:hover{background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}[variant=\"secondary\"].sc-z-button-h .z-button--container.sc-z-button:active{background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}[variant=\"secondary\"][disabled].sc-z-button-h:not([disabled=\"false\"]) .z-button--container.sc-z-button{background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}[variant=\"tertiary\"].sc-z-button-h .z-button--container.sc-z-button{background-color:transparent;border-color:transparent;color:var(--color-primary01)}@media (hover: hover){[variant=\"tertiary\"].sc-z-button-h .z-button--container.sc-z-button:hover{background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}[variant=\"tertiary\"].sc-z-button-h .z-button--container.sc-z-button:focus:focus-visible{background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}[variant=\"tertiary\"].sc-z-button-h .z-button--container.sc-z-button:active{background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}[variant=\"tertiary\"][disabled].sc-z-button-h:not([disabled=\"false\"]) .z-button--container.sc-z-button{background-color:transparent;border-color:transparent;color:var(--color-disabled02)}";
-
-const ZButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** HTML button disabled attribute. */
-    this.disabled = false;
-    /** HTML button type attribute. */
-    this.type = ButtonTypeEnum.button;
-    /** Graphical variant: `primary`, `secondary`, `tertiary`. Defaults to `primary`. */
-    this.variant = ButtonVariantEnum.primary;
-    /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */
-    this.size = ButtonSizeEnum.big;
-  }
-  getAttributes() {
-    return {
-      id: this.htmlid,
-      "aria-label": this.ariaLabel,
-      class: {
-        "z-button--container": true,
-        "z-button--has-text": !!this.hostElement.textContent.trim()
-      }
-    };
-  }
-  render() {
-    if (this.href) {
-      return (h("a", Object.assign({}, this.getAttributes(), { href: this.href, target: this.target }), this.icon && h("z-icon", { name: this.icon, width: 16, height: 16 }), h("slot", null)));
-    }
-    return (h("button", Object.assign({}, this.getAttributes(), { name: this.name, type: this.type, disabled: this.disabled }), this.icon && h("z-icon", { name: this.icon, width: 16, height: 16 }), h("slot", null)));
-  }
-  get hostElement() { return getElement(this); }
-};
-ZButton.style = stylesCss;
-
-export { ZButton as z_button };

package/www/build/z-candybar.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h } from './index-81176684.js';
-
-const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:center}:host>div{position:fixed;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;top:30vh;max-width:297px;height:fit-content;min-height:232px;z-index:1000;margin:auto;overflow:auto;overflow:-moz-scrollbars-none;-ms-overflow-style:none;background:var(--myz-blue-lighter);border-radius:calc(var(--space-unit) * .5);box-shadow:0px -2px 4px 0px rgba(66, 69, 72, 0.4)}@media only screen and (min-width: 768px){:host>div{position:initial;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:stretch;position:fixed;top:auto;bottom:0;margin:0 auto;left:0;right:0;height:auto;min-height:138px;max-width:100%;border-radius:0px}}@media only screen and (min-width: 1152px){:host>div{min-height:122px}}";
-
-const ZCandybar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h("div", null, h("slot", { name: "content" })));
-  }
-};
-ZCandybar.style = stylesCss;
-
-export { ZCandybar as z_candybar };

package/www/build/z-card.entry.js

@@ -1,65 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-81176684.js';
-import { C as CardVariants } from './index-3ee81524.js';
-
-const stylesCss = ":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='text']){background-color:var(--z-card--text-background);border:var(--z-card--text-border);border-radius:var(--z-card--text-border-radius)}:host([showshadow])>.content,:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='text'])>.content{padding:calc(var(--space-unit) * 2) var(--space-unit)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']),:host([showshadow]){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover),:host([clickable][showshadow]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible),:host([clickable][showshadow]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active),:host([clickable][showshadow]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";
-
-const ZCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cardClicked = createEvent(this, "cardClicked", 7);
-    /** Enable click interactions on the card. Default: false */
-    this.clickable = false;
-    /** Enable shadow. Default: false. */
-    this.showshadow = false;
-  }
-  onClick(ev) {
-    // Do nothing for clicks on actions.
-    if (ev.target.getAttribute('slot') === 'action') {
-      return;
-    }
-    if (!this.clickable) {
-      ev.preventDefault();
-      ev.stopPropagation();
-      return;
-    }
-    this.cardClicked.emit();
-  }
-  componentWillLoad() {
-    this.hasCoverImage = !!this.host.querySelector('[slot="cover"]');
-  }
-  /**
-   * Template for a card without image cover.
-   * A colored background replaces the image and some data is moved over it.
-   */
-  renderColorCoverCard() {
-    return [
-      h("div", { class: "cover-container" }, h("div", { class: "color-cover" }, h("div", { class: "cover-content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" })))),
-      h("div", { class: "content" }, h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" })))
-    ];
-  }
-  /**
-  * Template for the content div.
-  */
-  renderContentDiv() {
-    return (h("div", { class: "content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" }), h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" }))));
-  }
-  render() {
-    if (this.variant === CardVariants.text) {
-      return this.renderContentDiv();
-    }
-    if (this.variant === CardVariants.overlay || this.hasCoverImage) {
-      return [
-        h("div", { class: "cover-container" }, this.hasCoverImage && [
-          h("slot", { name: "cover" }),
-          (this.variant !== CardVariants.overlay) && this.coverIcon && h("z-icon", { name: this.coverIcon })
-        ], !this.hasCoverImage && h("div", { class: "color-cover" })),
-        this.renderContentDiv()
-      ];
-    }
-    return this.renderColorCoverCard();
-  }
-  get host() { return getElement(this); }
-};
-ZCard.style = stylesCss;
-
-export { ZCard as z_card };

package/www/build/z-carousel.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h } from './index-81176684.js';
-
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0}.z-carousel-items-container{display:flex;overflow-x:scroll;padding-inline-start:0;margin:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container>*:not(:last-child){margin-right:var(--z-carousel-gutter)}";
-
-const ZCarousel = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** sets the height of z-carousel ghost loading, this prop is mandatory when isloading is set to true, as otherwise the component won't show. */
-    this.ghostLoadingHeight = 100;
-  }
-  render() {
-    if (this.isLoading) {
-      return (h("div", { style: { height: `${this.ghostLoadingHeight}px` } }, h("z-ghost-loading", null), h("div", { style: { display: "none" } }, h("slot", null))));
-    }
-    return (h("ul", { class: "z-carousel-items-container" }, h("slot", null)));
-  }
-};
-ZCarousel.style = stylesCss;
-
-export { ZCarousel as z_carousel };

package/www/build/z-chip-deprecated.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h } from './index-81176684.js';
-
-const stylesCss = ":host>div{display:inline-block;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:12px}.boldtext{font-weight:bold}";
-
-const ZChipDeprecated = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  renderLegacyChip() {
-    return h("div", null, h("span", { class: "boldtext" }, this.boldtext), " ", this.regulartext);
-  }
-  render() {
-    return this.boldtext != null || this.regulartext != null ?
-      this.renderLegacyChip() :
-      h("div", null, h("slot", null));
-  }
-};
-ZChipDeprecated.style = stylesCss;
-
-export { ZChipDeprecated as z_chip_deprecated };

package/www/build/z-chip.entry.js

@@ -1,33 +0,0 @@
-import { r as registerInstance, e as createEvent, h, g as getElement } from './index-81176684.js';
-import { z as ZChipType, r as DeviceEnum } from './index-3ee81524.js';
-import { g as getDevice, h as handleKeyboardSubmit } from './utils-a3134cfb.js';
-import './breakpoints-c386984e.js';
-
-const stylesCss = ".sc-z-chip-h>button.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--gray400);border-radius:14px;color:var(--color-primary01);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled),.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:last-child{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{cursor:pointer}.sc-z-chip-h>button.sc-z-chip>z-icon.iconSx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{margin-left:var(--space-unit);fill:var(--color-primary01)}.sc-z-chip-h>button.sc-z-chip:disabled,.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>button.sc-z-chip:disabled{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>button.sc-z-chip:focus:focus-visible,.sc-z-chip-h>div.sc-z-chip:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active{background-color:var(--gray50);text-decoration:underline}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active:hover,.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;align-items:center;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;line-height:44px;border-radius:22px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;line-height:40px;border-radius:22px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;line-height:36px;border-radius:22px}@media only screen and (min-width: 1152px){.sc-z-chip-h>button.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;line-height:32px;border-radius:16px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;line-height:28px;border-radius:16px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;line-height:24px;border-radius:16px}}";
-
-const ZChip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.interactiveIconClick = createEvent(this, "interactiveIconClick", 7);
-    /** z-chip size type, can be default, medium or small */
-    this.type = ZChipType.default;
-    /** set z-chip as disabled  */
-    this.disabled = false;
-  }
-  emitinteractiveIconClick() {
-    this.interactiveIconClick.emit();
-  }
-  getIconSize() {
-    return getDevice() !== DeviceEnum.desktop ? 22 : 14;
-  }
-  render() {
-    if (this.interactiveIcon) {
-      return (h("button", { class: this.type, disabled: this.disabled, tabindex: "0" }, this.icon && (h("z-icon", { class: "iconSx", name: this.icon, width: this.getIconSize(), height: this.getIconSize() })), h("slot", null), h("z-icon", { tabIndex: this.disabled ? -1 : 0, onClick: () => this.emitinteractiveIconClick(), onKeyUp: (e) => handleKeyboardSubmit(e, this.emitinteractiveIconClick.bind(this)), name: this.interactiveIcon, width: this.getIconSize(), height: this.getIconSize() })));
-    }
-    return (h("div", { class: `${this.type}`, tabindex: "0" }, this.icon && (h("z-icon", { name: this.icon, width: this.getIconSize(), height: this.getIconSize() })), h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-ZChip.style = stylesCss;
-
-export { ZChip as z_chip };

package/www/build/z-combobox.entry.js

@@ -1,166 +0,0 @@
-import { r as registerInstance, e as createEvent, h } from './index-81176684.js';
-import { I as InputTypeEnum, K as KeyboardKeyCodeEnum } from './index-3ee81524.js';
-import { h as handleKeyboardSubmit } from './utils-a3134cfb.js';
-import './breakpoints-c386984e.js';
-
-const stylesCss = ":host{display:block}:host>div.fixed{position:relative;height:42px}:host>div>.header{background-color:var(--bg-white);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--bg-grey-700);position:relative;z-index:10;min-height:42px;margin:0;padding:0 calc(var(--space-unit) * 2);display:flex;justify-content:space-between;align-items:center;cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{margin:0;padding:var(--space-unit) 0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border-radius:var(border-radius-small) var(border-radius-small) 0 0;border:var(--border-size-small) solid var(--blue500)}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.openComboData{background-color:var(--bg-white);border-radius:0;border:var(--border-size-small) solid var(--gray200);border-top:0px;position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host>div.open>div.openComboData>div{padding:0;max-height:235px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--gray200)}:host>div.open>div.openComboData>z-input{margin-bottom:calc(var(--space-unit) * 2);width:100%}:host>div.open>div.openComboData>div>ul{margin:0;padding:0 3px;max-height:235px}::-webkit-scrollbar{background:linear-gradient(\n    90deg,\n    var(--bg-white) 2px,\n    var(--bg-grey-200) 4px,\n    var(--bg-white) 8px\n  );border-radius:var(--border-radius);width:10px}::-webkit-scrollbar-thumb{background-color:var(--myz-blue);border-radius:var(--border-radius);width:10px}:host>div.open>z-input{color:var(--myz-blue);margin:0 calc(var(--space-unit) * 2);width:238px;position:relative;z-index:1}:host>div.open>div.openComboData>div.search{box-shadow:1px 1px 4px 2px rgba(217, 222, 227, 0.5);margin-top:0;max-height:auto;overflow:hidden}:host>div.open>div.openComboData>div.search>ul{padding:var(--space-unit) calc(var(--space-unit) * 2);max-height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--bg-grey-200)}:host>div.open>div.openComboData>div.search>div{display:flex;justify-content:center}:host>div.open>div.openComboData>div.search>div>a{display:inline-block;cursor:pointer;color:var(--myz-blue);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;height:44px;line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.openComboData>div.checkAllWrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * .5);text-align:left}";
-
-const ZCombobox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.comboboxChange = createEvent(this, "comboboxChange", 7);
-    /** show search input flag (optional) */
-    this.hassearch = false;
-    /** no result text message */
-    this.noresultslabel = "Nessun risultato";
-    /** toggle combo list opening flag */
-    this.isopen = false;
-    /** fixed style flag */
-    this.isfixed = false;
-    /** close combobox list text */
-    this.closesearchtext = "Chiudi";
-    /** show "check all" checkbox (optional) */
-    this.hascheckall = false;
-    /** check all label (optional) */
-    this.checkalltext = "Seleziona tutti";
-    /** uncheck all label (optional) */
-    this.uncheckalltext = "Deseleziona tutti";
-    /** max number of checkable items (0 = unlimited) */
-    this.maxcheckableitems = 0;
-    this.renderItemsList = []; // used for render only
-    this.itemsList = [];
-    this.inputType = InputTypeEnum.text;
-    this.toggleComboBox = this.toggleComboBox.bind(this);
-    this.closeFilterItems = this.closeFilterItems.bind(this);
-  }
-  watchItems() {
-    this.itemsList =
-      typeof this.items === "string" ? JSON.parse(this.items) : this.items;
-    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;
-    if (this.searchValue) {
-      this.filterItems(this.searchValue);
-    }
-    else {
-      this.resetRenderItemsList();
-    }
-  }
-  inputCheckListener(e) {
-    const id = e.detail.id.replace(`combo-checkbox-${this.inputid}-`, "");
-    if (id === "check-all" &&
-      (!this.maxcheckableitems ||
-        this.maxcheckableitems >= this.itemsList.length)) {
-      return this.checkAll(e.detail.checked);
-    }
-    this.itemsList = this.itemsList.map((item) => {
-      if (item.id === id)
-        item.checked = e.detail.checked;
-      return item;
-    });
-    this.resetRenderItemsList();
-    this.emitComboboxChange();
-  }
-  emitComboboxChange() {
-    this.comboboxChange.emit({ id: this.inputid, items: this.itemsList });
-  }
-  componentWillLoad() {
-    this.watchItems();
-  }
-  componentWillRender() {
-    this.selectedCounter = this.itemsList.filter((item) => item.checked).length;
-    if (this.searchValue) {
-      this.filterItems(this.searchValue);
-    }
-  }
-  resetRenderItemsList() {
-    const renderItemsList = [];
-    this.itemsList.forEach((item) => {
-      renderItemsList.push(Object.assign({}, item));
-    });
-    this.renderItemsList = renderItemsList;
-  }
-  filterItems(value) {
-    if (!value)
-      return this.closeFilterItems();
-    this.searchValue = value;
-    this.resetRenderItemsList();
-    this.renderItemsList = this.renderItemsList.filter((item) => {
-      const start = item.name.toUpperCase().indexOf(value.toUpperCase());
-      const end = start + value.length;
-      const newName = item.name.substring(0, start) +
-        item.name.substring(start, end).bold() +
-        item.name.substring(end, item.name.length);
-      item.name = newName;
-      return start >= 0;
-    });
-  }
-  checkAll(checked = true) {
-    this.itemsList = this.itemsList.map((item) => (Object.assign(Object.assign({}, item), { checked: checked })));
-    this.resetRenderItemsList();
-    this.emitComboboxChange();
-  }
-  closeFilterItems() {
-    this.searchValue = "";
-    this.resetRenderItemsList();
-  }
-  toggleComboBox() {
-    this.isopen = !this.isopen;
-  }
-  renderHeader() {
-    return (h("div", { class: "header", onClick: () => this.toggleComboBox(), onKeyDown: (ev) => {
-        if (ev.keyCode === KeyboardKeyCodeEnum.SPACE)
-          ev.preventDefault();
-      }, onKeyUp: (ev) => handleKeyboardSubmit(ev, this.toggleComboBox), role: "button", tabindex: 0 }, h("z-body", { level: 3, component: "p" }, this.label, h("span", null, this.selectedCounter > 0 && ` (${this.selectedCounter})`)), h("z-icon", { name: "caret-down", width: 18, height: 18 })));
-  }
-  renderContent() {
-    if (!this.isopen)
-      return;
-    return (h("div", { class: "openComboData" }, this.hassearch && this.renderSearchInput(), this.hascheckall && this.renderCheckAll(), this.renderItems()));
-  }
-  renderItems() {
-    if (!this.isopen)
-      return;
-    return (h("div", { class: this.searchValue && "search", tabindex: -1 }, this.renderList(this.renderItemsList), this.searchValue && this.renderCloseButton()));
-  }
-  renderList(items) {
-    if (!items)
-      return;
-    if (!items.length && this.searchValue)
-      return this.renderNoSearchResults();
-    return (h("ul", null, items.map((item, i) => {
-      return (h("z-myz-list-item", { id: item.id, listitemid: item.id, action: `combo-li-${this.inputid}`, underlined: i !== items.length - 1 }, h("z-input", { type: InputTypeEnum.checkbox, checked: item.checked, htmlid: `combo-checkbox-${this.inputid}-${item.id}`, label: item.name, disabled: !item.checked &&
-          this.maxcheckableitems &&
-          this.maxcheckableitems === this.selectedCounter })));
-    })));
-  }
-  renderNoSearchResults() {
-    return (h("ul", null, h("z-myz-list-item", { id: "no-results", text: this.noresultslabel, listitemid: "no-results", icon: "multiply-circle" })));
-  }
-  renderCloseButton() {
-    return (h("div", null, h("a", { onClick: () => this.closeFilterItems(), onKeyUp: (e) => handleKeyboardSubmit(e, this.closeFilterItems), role: "button", tabindex: 0 }, this.closesearchtext)));
-  }
-  renderSearchInput() {
-    if (!this.isopen)
-      return;
-    return (h("z-input", { htmlid: `${this.inputid}_search`, label: this.searchlabel, placeholder: this.searchplaceholder, htmltitle: this.searchtitle, type: this.inputType, value: this.searchValue, message: false, onInputChange: (e) => {
-        if (e.detail.keycode === 27)
-          return this.closeFilterItems();
-        this.filterItems(e.detail.value);
-      } }));
-  }
-  renderCheckAll() {
-    if (this.searchValue)
-      return;
-    const allChecked = this.selectedCounter === this.itemsList.length;
-    return (h("div", { class: "checkAllWrapper" }, h("z-input", { type: InputTypeEnum.checkbox, checked: allChecked, htmlid: `combo-checkbox-${this.inputid}-check-all`, label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems &&
-        this.maxcheckableitems < this.itemsList.length })));
-  }
-  render() {
-    return (h("div", { "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed }, id: this.inputid }, this.renderHeader(), this.renderContent()));
-  }
-  static get watchers() { return {
-    "items": ["watchItems"]
-  }; }
-};
-ZCombobox.style = stylesCss;
-
-export { ZCombobox as z_combobox };

package/www/build/z-contextual-menu.entry.js

@@ -1,47 +0,0 @@
-import { r as registerInstance, e as createEvent, h } from './index-81176684.js';
-import { P as PopoverPositions } from './index-3ee81524.js';
-
-const stylesCss = ":host{position:relative;display:flex;justify-content:center;align-items:center;font-family:var(--font-family-sans);font-weight:var(--font-rg)}button{width:100%;height:100%;border:none;background:transparent;cursor:pointer;padding:0}z-popover{overflow:hidden}.popover-content-container{position:relative;min-width:112px;max-width:280px;white-space:nowrap;background-color:var(--color-surface02);box-shadow:var(--shadow-2)}.element-container:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.element-text{overflow:hidden;text-overflow:ellipsis;font-size:14px}.element-container,.disabled-element-container{display:flex;align-items:center;gap:var(--space-unit);fill:var(--color-disabled03);padding:calc(var(--space-unit) / 2) var(--space-unit);min-height:calc(var(--space-unit) * 4);box-sizing:border-box}.element-container{fill:var(--color-primary01)}.element-icon{display:flex}";
-
-const ZContextualMenu = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.clickContextualMenu = createEvent(this, "clickContextualMenu", 7);
-    /**
-     * [optional] Sets text color of ZContextualMenu's content
-     */
-    this.color = "color-primary01";
-    /**
-     * [optional] Sets the position of the popover
-     */
-    this.popoverPosition = PopoverPositions.bottom_right;
-  }
-  componentWillRender() {
-    if (this.elements) {
-      this.jsonElements = JSON.parse(this.elements.replace(/"/g, '"'));
-    }
-  }
-  componentDidLoad() {
-    this.popover.bindTo = this.triggerButton;
-  }
-  showIcon() {
-    return !this.jsonElements.some((element) => !element.icon);
-  }
-  togglePopover() {
-    if (!this.popover.open) {
-      this.popover.open = true;
-    }
-  }
-  render() {
-    var _a, _b;
-    return [
-      h("button", { ref: (el) => (this.triggerButton = el), "aria-label": ((_a = this.popover) === null || _a === void 0 ? void 0 : _a.open) ? "chiudi menu contestuale" : "apri menu contestuale", onClick: () => this.togglePopover() }, h("z-icon", { name: "contextual-menu", fill: this.color })),
-      h("z-popover", { ref: (el) => (this.popover = el), position: this.popoverPosition }, h("div", { class: "popover-content-container" }, h("z-list", null, h("z-list-group", { "divider-type": "element" }, (_b = this.jsonElements) === null || _b === void 0 ? void 0 : _b.map((element, index) => (h("z-list-element", { clickable: !element.disabled, class: "my-z-list-element", "align-button": "left", "expandable-style": "accordion", color: element.disabled ? `color-disabled03` : this.color, isContextualMenu: true, listElementId: index, onClickItem: (event) => this.clickContextualMenu.emit(event.detail) }, h("div", { class: element.disabled
-          ? "disabled-element-container"
-          : "element-container" }, this.showIcon() && (h("div", { class: "element-icon" }, h("z-icon", { name: element.icon, width: 16, height: 16 }))), h("div", { class: "element-text" }, h("span", null, element.text))))))))))
-    ];
-  }
-};
-ZContextualMenu.style = stylesCss;
-
-export { ZContextualMenu as z_contextual_menu };

package/www/build/z-cookiebar.entry.js

@@ -1,38 +0,0 @@
-import { r as registerInstance, e as createEvent, h } from './index-81176684.js';
-import { B as ButtonVariantEnum } from './index-3ee81524.js';
-
-const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-candybar.hidden{display:none}.content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:space-between;color:var(--text-grey-800);border-radius:calc(var(--space-unit) * 0.5);font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.content>div>h2{margin:0;padding:0;color:var(--text-grey-800);border-radius:0px;font-size:18px;font-weight:var(--font-sb);letter-spacing:0px}.content>div>div{padding:calc(var(--space-unit) * 3) 0;font-size:14px;letter-spacing:0.16px;line-height:20px}.content>div>div>p{margin:0}.content>div>div>p>a{cursor:pointer;font-weight:var(--font-sb);color:var(--text-grey-800);text-decoration:underline;height:14px;display:inline-flex}.content>div>div>p>a:visited{color:var(--text-grey-800);cursor:pointer;z-index:1000}.content>z-button{margin:0;width:100%}@media only screen and (min-width: 768px){.content{width:100%;flex-direction:row;align-items:center;font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3)}.content>div{width:560px}.content>div>h2{height:calc(var(--space-unit) * 3.5)}.content>div>div{padding:0}.content>z-button{margin:0;width:initial}}@media only screen and (min-width: 1152px){.content>div{width:935px}}@media only screen and (min-width: 1366px){.content{padding-left:calc(var(--space-unit) * 4);padding-right:calc(var(--space-unit) * 4)}}";
-
-const ZCookiebar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.accept = createEvent(this, "accept", 7);
-  }
-  emitAccept(ev) {
-    this.accept.emit({ ev });
-  }
-  handleOkButtonClick(ev) {
-    this.emitAccept(ev);
-    if (typeof this.callback === "function") {
-      this.callback();
-    }
-  }
-  handleOkButtonKeyUp(ev) {
-    this.emitAccept(ev);
-    if (ev.code === "Enter") {
-      if (typeof this.callback !== "undefined" &&
-        typeof this.callback === "function") {
-        this.callback();
-      }
-    }
-  }
-  renderContentSlot() {
-    return (h("div", { class: "content", slot: "content" }, h("div", null, h("h2", null, "Su questo sito usiamo i cookie."), h("div", null, h("p", null, "Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai \u00A0", h("a", { href: this.cookiepolicyurl, target: "_blank" }, "cookie"), "."))), h("z-button", { variant: ButtonVariantEnum.primary, onClick: (ev) => this.handleOkButtonClick(ev), onKeyUp: (ev) => this.handleOkButtonKeyUp(ev) }, "ACCETTA")));
-  }
-  render() {
-    return (h("z-candybar", { class: `${this.hide ? "hidden" : ""}` }, this.renderContentSlot()));
-  }
-};
-ZCookiebar.style = stylesCss;
-
-export { ZCookiebar as z_cookiebar };