@zanichelli/albe-web-components 12.1.2 → 12.1.4-rc

package/dist/esm/z-aria-alert.entry.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-4968ce56.js';
-import { u as ZAriaAlertMode } from './index-47f23745.js';
-
-const ZAriaAlert = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Aria live mode */
-    this.mode = ZAriaAlertMode.POLITE;
-  }
-  render() {
-    return (h(Host, { "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", null)));
-  }
-};
-
-export { ZAriaAlert as z_aria_alert };

package/dist/esm/z-avatar.entry.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host } from './index-4968ce56.js';
-import { A as AvatarSize } from './index-47f23745.js';
-
-const stylesCss = ":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--gray700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";
-
-const ZAvatar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    var _a, _b;
-    /** [optional] Avatar size */
-    this.size = AvatarSize.MEDIUM;
-    /** [optional] Avatar text color */
-    this.textColor = "color-white";
-    /** [optional] Avatar background color */
-    this.backgroundColor = "gray700";
-    if (((_a = this.text) === null || _a === void 0 ? void 0 : _a.length) === 0 && ((_b = this.image) === null || _b === void 0 ? void 0 : _b.length) === 0) {
-      console.warn("z-avatar must contain at least one prop between text and image");
-    }
-  }
-  getTextSize() {
-    if (this.size === AvatarSize.SMALL) {
-      return "5";
-    }
-    else if (this.size === AvatarSize.MEDIUM) {
-      return "4";
-    }
-    else if (this.size === AvatarSize.LARGE) {
-      return "2";
-    }
-  }
-  render() {
-    return (h(Host, { class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
-        color: `var(--${this.textColor})`,
-        backgroundColor: `var(--${this.backgroundColor})`,
-      } }, this.text && !this.image && h("span", null, this.text.substring(0, 2)), this.image && (h("img", { src: this.image, onError: () => (this.image = "") }))));
-  }
-};
-ZAvatar.style = stylesCss;
-
-export { ZAvatar as z_avatar };

package/dist/esm/z-book-card.entry.js

@@ -1,122 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-4968ce56.js';
-import { Y as BookCardVariant } from './index-47f23745.js';
-import { m as mobileBreakpoint } from './breakpoints-9b81eb1b.js';
-import { r as randomId } from './utils-2a4ef29d.js';
-
-const stylesCss = ":host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text04);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:\"\"}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-text02);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-text02);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-text02);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-text02);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot=\"tags\"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot=\"header-cta\"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-icon01)}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}";
-
-const ZBookCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ribbonClick = createEvent(this, "ribbonClick", 7);
-    /**
-     * [optional] ISBN label
-     */
-    this.isbnLabel = "";
-    this.isMobile = false;
-    this.hasResources = false;
-    this.showResources = false;
-  }
-  emitRibbonClick() {
-    this.ribbonClick.emit();
-  }
-  componentWillLoad() {
-    this.id = `id-${randomId()}`;
-    const mobileMediaQuery = window.matchMedia(`(max-width: ${mobileBreakpoint}px)`);
-    this.isMobile = mobileMediaQuery.matches;
-    mobileMediaQuery.onchange = (mql) => (this.isMobile = mql.matches);
-  }
-  componentDidLoad() {
-    this.handleResources();
-  }
-  handleResources() {
-    var _a;
-    if (this.variant !== BookCardVariant.EXPANDED || !this.isMobile) {
-      return;
-    }
-    this.hasResources = ((_a = this.hostElement.querySelectorAll("[slot=resources]")) === null || _a === void 0 ? void 0 : _a.length) > 0;
-  }
-  toggleResources() {
-    this.showResources = !this.showResources;
-  }
-  renderCard() {
-    switch (this.variant) {
-      case BookCardVariant.EXPANDED:
-        return this.isMobile ? this.renderMobileExpandedCard() : this.renderExpandedCard();
-      case BookCardVariant.COMPACT:
-        return this.renderCompactCard();
-      case BookCardVariant.SEARCH:
-        return this.renderSearchCard();
-    }
-  }
-  renderExpandedCard() {
-    return (h("div", { class: "wrapper" }, this.renderCover(), h("div", { class: "content" }, h("div", { class: "top" }, h("div", { class: "info" }, h("div", { class: "left" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h("div", { class: "right" }, this.renderHeaderCtaSlot())), this.renderTagsSlot()), h("div", { class: "bottom" }, this.renderResourcesSlot()))));
-  }
-  renderMobileExpandedCard() {
-    return (h("div", { class: "wrapper" }, h("div", { class: "header" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), h("div", { class: "content" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn()), this.hasResources && (h("div", { class: {
-        footer: true,
-        open: this.showResources,
-        close: !this.showResources,
-      } }, !this.showResources && this.renderShowResources(), this.renderResourcesSlot(), this.showResources && this.renderShowResources()))));
-  }
-  renderSearchCard() {
-    return (h("div", { class: "wrapper-container" }, h("div", { class: "wrapper" }, h("div", { class: "header" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), h("div", { class: "content" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn())), this.renderFooterCtaSlot()));
-  }
-  renderCompactCard() {
-    return (h("div", { class: "wrapper" }, this.renderCover(), h("div", { class: "content" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), this.renderFooterCtaSlot()));
-  }
-  renderCover() {
-    return (h("div", { class: "cover" }, this.ribbon && this.variant !== BookCardVariant.COMPACT && this.renderRibbon(), h("div", { class: "img-wrapper" }, h("img", { src: this.cover, onError: () => {
-        if (this.fallbackCover) {
-          this.cover = this.fallbackCover;
-        }
-      }, "aria-hidden": "true" }))));
-  }
-  renderRibbon() {
-    const content = [
-      this.ribbonIcon && (h("z-icon", { name: this.ribbonIcon, width: 16, height: 16, fill: "color-icon03" })),
-      h("span", null, this.ribbon),
-    ];
-    return this.ribbonInteractive ? (h("button", { class: "ribbon interactive", onClick: () => this.emitRibbonClick() }, content)) : (h("div", { class: "ribbon" }, content));
-  }
-  renderOperaTitle() {
-    const title = this.operaTitleTag
-      ? `<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`
-      : this.operaTitle;
-    return (h("div", { class: "title", innerHTML: title }));
-  }
-  renderVolumeTitle() {
-    return this.volumeTitle ? h("div", { class: "subtitle" }, this.volumeTitle) : null;
-  }
-  renderAuthors() {
-    return this.authors ? (h("div", { class: "authors", "aria-description": "Autori" }, this.authors)) : null;
-  }
-  renderIsbn() {
-    return this.isbn ? (h("div", { class: "isbn" }, h("span", { class: "code", "aria-description": `ISBN ${this.isbnLabel}` }, this.isbn), this.isbnLabel ? h("span", { class: "label" }, " ", this.isbnLabel) : null)) : null;
-  }
-  renderShowResources() {
-    return (h("button", { class: "show-resources", "aria-label": `Risorse del libro ${this.operaTitle}`, "aria-expanded": this.showResources.toString(), "aria-controls": `resources-${this.id}`, onClick: () => this.toggleResources() }, this.showResources ? "Chiudi" : "Vedi tutto", h("z-icon", { name: this.showResources ? "chevron-up" : "chevron-down" })));
-  }
-  renderTagsSlot() {
-    return (h("div", { class: "tags" }, h("slot", { name: "tags" })));
-  }
-  renderHeaderCtaSlot() {
-    return h("slot", { name: "header-cta" });
-  }
-  renderResourcesSlot() {
-    return (h("div", { id: `resources-${this.id}`, class: "resources" }, h("slot", { name: "resources", onSlotchange: () => this.handleResources() })));
-  }
-  renderFooterCtaSlot() {
-    return (h("div", { class: "action-container" }, h("slot", { name: "footer-cta" })));
-  }
-  render() {
-    return (h("article", { class: {
-        [this.variant]: true,
-        borderless: !!this.borderless,
-      } }, this.renderCard()));
-  }
-  get hostElement() { return getElement(this); }
-};
-ZBookCard.style = stylesCss;
-
-export { ZBookCard as z_book_card };

package/dist/esm/z-breadcrumb.entry.js

@@ -1,228 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4968ce56.js';
-import { V as BreadcrumbPathStyle, W as BreadcrumbHomepageVariant, p as Device, P as PopoverPosition, g as KeyboardCode, i as ListSize } from './index-47f23745.js';
-import { g as getDevice, a as handleKeyboardSubmit } from './utils-2a4ef29d.js';
-import './breakpoints-9b81eb1b.js';
-
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;height:30px;align-items:center;padding-left:calc(var(--space-unit) / 2);overflow-x:hidden}li{display:flex;align-items:baseline}:host a:focus,:host button:focus{box-shadow:var(--shadow-focus-primary);outline:0}:host a{color:var(--color-link-primary);font-size:var(--font-size-2);text-decoration:none;white-space:nowrap}:host a.homepage-icon{display:list-item}:host a.homepage-text{display:initial;margin-top:calc(var(--space-unit) / 4);margin-right:var(--space-unit)}:host a.missing-path{color:var(--color-text01)}:host a.text-ellipsis{display:-webkit-box !important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:normal}:host ol{display:flex;padding:0;margin:0;list-style-type:none}:host ol>li:not(:first-child,:last-child){margin-right:var(--space-unit)}nav.underlined>ol>li a:not(.missing-path),nav.underlined>ol>li button{text-decoration:underline}nav.semibold>ol>li a:not(.missing-path),nav.semibold>ol>li button{font-weight:var(--font-sb)}:host z-icon{margin-right:var(--space-unit);--z-icon-width:12px;--z-icon-height:12px}:host button.dots{display:inline-block;color:var(--color-link-primary);cursor:pointer}:host .hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}:host .hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}:host .hidden-paths-popover{--z-popover-theme--surface:var(--color-surface02);--z-popover-padding:0}:host .hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}:host .full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}:host .tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){:host ol>li+li::before{display:inline-block;width:10px;height:10px;flex:1;margin-right:2px;color:var(--color-disabled03);content:\"\\203A\"}:host a.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover)}}";
-
-const ZBreadcrumb = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.clickOnNode = createEvent(this, "clickOnNode", 7);
-    /** [optional] Sets the path style */
-    this.pathStyle = BreadcrumbPathStyle.UNDERLINED;
-    /** [optional] Variant of first node */
-    this.homepageVariant = BreadcrumbHomepageVariant.ICON;
-    /** [optional] Sets max number of element to show */
-    this.maxNodesToShow = 5;
-    /** [optional] Controls the behaviour on <a> tag click/enter */
-    this.preventFollowUrl = false;
-    /** [optional] Sets max number of row for each path inside the popover. Zero equals unlimited */
-    this.overflowMenuItemRows = 0;
-    /** [optional] Sets the maximun number of chars per single node */
-    this.truncateChar = 30;
-    /** Detect whether the length of the nodes shown exceeds the container length */
-    this.hasOverflow = false;
-    this.popoverEllipsisOpen = false;
-    this.collapsedElements = [];
-    this.currentIndex = 0;
-    this.truncatePosition = null;
-  }
-  handleResize() {
-    this.viewPortWidth = getDevice();
-    if (this.viewPortWidth !== Device.MOBILE &&
-      this.wrapElement &&
-      this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {
-      this.hasOverflow = true;
-    }
-  }
-  // eslint-disable-next-line lines-between-class-members
-  handlePropChange() {
-    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);
-  }
-  handleResizeUp(newValue, oldValue) {
-    if (newValue === Device.MOBILE ||
-      (oldValue === Device.MOBILE && newValue === Device.TABLET) ||
-      (oldValue === Device.MOBILE && newValue === Device.DESKTOP) ||
-      (oldValue === Device.MOBILE && newValue === Device.DESKTOP_WIDE) ||
-      (oldValue === Device.TABLET && newValue === Device.DESKTOP) ||
-      (oldValue === Device.TABLET && newValue === Device.DESKTOP_WIDE) ||
-      (oldValue === Device.DESKTOP && newValue === Device.DESKTOP_WIDE)) {
-      this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);
-    }
-  }
-  componentWillLoad() {
-    this.viewPortWidth = getDevice();
-    this.initializeBreadcrumb(this.viewPortWidth === Device.MOBILE);
-  }
-  componentWillRender() {
-    if (this.viewPortWidth !== Device.MOBILE && this.hasOverflow) {
-      this.checkEllipsisOrOverflowMenu();
-      this.hasOverflow = false;
-    }
-  }
-  componentDidRender() {
-    if (this.collapsedElementsRef) {
-      this.anchorElements = Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"));
-    }
-    if (this.viewPortWidth !== Device.MOBILE && this.wrapElement.scrollWidth > this.wrapElement.clientWidth) {
-      this.hasOverflow = true;
-    }
-  }
-  initializeBreadcrumb(isMobile) {
-    if (isMobile) {
-      this.pathsList = this.getPathsItemsList().filter((item) => !!item.path);
-    }
-    else {
-      this.pathsList = this.getPathsItemsList();
-    }
-    this.totalLenght = this.pathsList.length;
-    this.homepageNode = this.pathsList.shift();
-    this.pathListCopy = JSON.parse(JSON.stringify(this.pathsList));
-    this.collapsedElements = [];
-    if (this.totalLenght > this.maxNodesToShow) {
-      this.collapsedElements = this.pathsList.splice(0, this.pathsList.length - 2);
-    }
-  }
-  checkEllipsisOrOverflowMenu() {
-    if (this.pathListCopy.length > 0) {
-      for (let i = 0; i < this.pathsList.length; i++) {
-        if (this.pathsList[i].text.length > this.truncateChar) {
-          if (this.truncatePosition !== null) {
-            if (this.truncatePosition > 0) {
-              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition);
-              arrayToPush.forEach((item) => {
-                this.collapsedElements.push(item);
-              });
-              this.pathsList.splice(0, this.truncatePosition);
-              this.truncatePosition = 0;
-              return;
-            }
-            if (this.truncatePosition === 0) {
-              const arrayToPush = this.pathListCopy.splice(0, this.truncatePosition + 1);
-              this.collapsedElements.push(...arrayToPush);
-              this.pathsList.splice(0, this.truncatePosition + 1);
-              this.truncatePosition = null;
-              return;
-            }
-          }
-          if (i !== this.pathsList.length - 1) {
-            const truncatedString = this.truncateWithEllipsis(this.pathsList[i].text, this.truncateChar);
-            this.currentEllipsisText = this.pathsList[i].text;
-            this.pathsList[i].text = truncatedString;
-            this.pathsList[i].hasTooltip = true;
-            this.truncatePosition = i;
-            return;
-          }
-        }
-      }
-    }
-  }
-  truncateWithEllipsis(str, length) {
-    const ending = "&mldr;";
-    if (str.length > length) {
-      return str.substring(0, length - 1) + ending;
-    }
-    return str;
-  }
-  getPathsItemsList() {
-    return Array.from(this.hostElement.children).map((item) => {
-      return {
-        text: item.textContent,
-        path: item.href,
-        hasTooltip: false,
-      };
-    });
-  }
-  renderMobileBreadcrumb() {
-    const lastPath = this.pathsList[this.pathsList.length - 1];
-    return (h("nav", { "aria-label": "Breadcrumb", class: {
-        underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-        semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
-      } }, h("ol", null, this.renderNode(lastPath, true))));
-  }
-  renderHomepageNode(item) {
-    return (h("li", null, h("a", { class: {
-        "homepage-icon": this.homepageVariant === BreadcrumbHomepageVariant.ICON,
-        "homepage-text": this.homepageVariant === BreadcrumbHomepageVariant.TEXT,
-      }, href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item) }, this.homepageVariant === BreadcrumbHomepageVariant.ICON ? (h("z-icon", { name: "home", fill: "color-link-primary", height: 16, width: 16 })) : ("Home"))));
-  }
-  renderNode(item, mobile) {
-    return (h("li", null, item.hasTooltip && (h("z-popover", { class: "full-path-tooltip", "bind-to": this.triggerEllipsis, open: this.popoverEllipsisOpen, position: PopoverPosition.BOTTOM_RIGHT, closable: false, showArrow: true }, h("span", { class: "tooltip-content" }, this.currentEllipsisText))), h("a", { class: {
-        "missing-path": !item.path,
-        "text-ellipsis": mobile,
-      }, ref: (val) => (this.triggerEllipsis = val), "aria-current": item.path ? undefined : "page", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onMouseOver: () => {
-        if (item.hasTooltip) {
-          this.popoverEllipsisOpen = true;
-        }
-      }, onMouseLeave: () => {
-        if (item.hasTooltip) {
-          this.popoverEllipsisOpen = false;
-        }
-      }, innerHTML: mobile ? `<z-icon fill="color-link-primary" name="chevron-left"></z-icon>${item.text}` : item.text })));
-  }
-  renderBreadcrumb() {
-    return (h("nav", { ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
-        underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-        semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
-      } }, h("ol", null, this.renderHomepageNode(this.homepageNode), this.collapsedElements.length ? this.renderOverflowMenu() : "", this.pathsList.map((item) => this.renderNode(item, false)))));
-  }
-  togglePopover() {
-    if (!this.collapsedElementsRef.open) {
-      this.collapsedElementsRef.open = true;
-    }
-  }
-  handlePreventFollowUrl(e, item) {
-    if (this.preventFollowUrl) {
-      e.preventDefault();
-      this.clickOnNode.emit(item.path);
-    }
-  }
-  handleOverflowMenuAccessibility(e) {
-    const anchorElementsLenght = this.anchorElements.length;
-    if (e.key === KeyboardCode.TAB) {
-      e.preventDefault();
-      return;
-    }
-    e.stopPropagation();
-    const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];
-    if (arrows.includes(e.key)) {
-      e.preventDefault();
-      if (e.key === KeyboardCode.ARROW_DOWN) {
-        this.currentIndex = anchorElementsLenght === this.currentIndex + 1 ? 0 : this.currentIndex + 1;
-      }
-      if (e.key === KeyboardCode.ARROW_UP) {
-        this.currentIndex = this.currentIndex <= 0 ? anchorElementsLenght - 1 : this.currentIndex - 1;
-      }
-      this.anchorElements[this.currentIndex].focus();
-    }
-    if (e.key === KeyboardCode.ESC) {
-      this.triggerButton.focus();
-    }
-  }
-  renderOverflowMenu() {
-    if (this.collapsedElements.length) {
-      return (h("li", null, h("z-popover", { class: "hidden-paths-popover", ref: (val) => (this.collapsedElementsRef = val), "bind-to": this.triggerButton, position: PopoverPosition.BOTTOM_RIGHT, closable: true, showArrow: true }, h("div", { class: "popover-content" }, h("z-list", null, h("z-list-group", { size: ListSize.SMALL }, this.collapsedElements.map((item, index, array) => {
-        return (h("div", null, h("z-list-element", { clickable: true }, h("a", { class: "text-ellipsis", href: item.path, onClick: (e) => this.handlePreventFollowUrl(e, item), onKeyDown: (e) => this.handleOverflowMenuAccessibility(e) }, item.text)), index < array.length - 1 && h("z-divider", { color: "color-surface03" })));
-      }))))), h("button", { "aria-label": "Mostra pi\u00F9 breadcrumb", "aria-haspopup": "true", ref: (el) => (this.triggerButton = el), class: "dots", onClick: () => {
-          this.togglePopover();
-        }, onKeyDown: (e) => {
-          handleKeyboardSubmit(e, this.togglePopover.bind(this));
-          setTimeout(() => {
-            this.anchorElements[0].focus();
-          }, 100);
-        } }, "...")));
-    }
-  }
-  render() {
-    return (h(Host, { style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, this.viewPortWidth === Device.MOBILE ? this.renderMobileBreadcrumb() : this.renderBreadcrumb()));
-  }
-  get hostElement() { return getElement(this); }
-  static get watchers() { return {
-    "maxNodesToShow": ["handlePropChange"],
-    "viewPortWidth": ["handleResizeUp"]
-  }; }
-};
-ZBreadcrumb.style = stylesCss;
-
-export { ZBreadcrumb as z_breadcrumb };

package/dist/esm/z-button-sort.entry.js

@@ -1,49 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-4968ce56.js';
-import { t as tabletBreakpoint } from './breakpoints-9b81eb1b.js';
-
-const stylesCss = "button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-pressed-primary)}button.selected{border-color:var(--color-active-primary);background-color:var(--color-active-primary);color:var(--color-text-inverse);fill:var(--color-text-inverse)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}";
-
-const ZButtonSort = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.buttonSortClick = createEvent(this, "buttonSortClick", 7);
-    /** sort label content (ascending) (optional) */
-    this.sortlabelasc = "A-Z";
-    /** sort label content (descending) (optional) */
-    this.sortlabeldesc = "Z-A";
-    /** selected flag (optional) */
-    this.isselected = false;
-    /** sortable flag (optional) */
-    this.sortasc = true;
-    this.allowTooltip = false;
-  }
-  emitButtonSortClick() {
-    if (!this.isselected) {
-      this.isselected = true;
-    }
-    else {
-      this.sortasc = !this.sortasc;
-    }
-    this.buttonSortClick.emit({
-      buttonid: this.buttonid,
-      sortAsc: this.sortasc,
-    });
-  }
-  componentDidLoad() {
-    if (this.elementHasEllipsis() && window.innerWidth > tabletBreakpoint) {
-      this.allowTooltip = true;
-    }
-  }
-  setButtonTitle() {
-    return this.allowTooltip ? `${this.sortasc ? this.label : this.desclabel}` : "";
-  }
-  elementHasEllipsis() {
-    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
-  }
-  render() {
-    return (h("button", { title: this.setButtonTitle(), id: this.buttonid, class: this.isselected && "selected", onClick: () => this.emitButtonSortClick() }, h("span", { ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { class: "counter" }, this.counter && ` (${this.counter})`), h("span", { class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { name: "caret-up-down", width: 16, height: 16 })));
-  }
-};
-ZButtonSort.style = stylesCss;
-
-export { ZButtonSort as z_button_sort };

package/dist/esm/z-card.entry.js

@@ -1,49 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4968ce56.js';
-import { C as CardVariant } from './index-47f23745.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;--z-card--text-padding:calc(var(--space-unit) * 2) var(--space-unit);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;height:100%;flex-direction:column;justify-content:flex-end;padding:var(--space-unit)}::slotted([slot=\"metadata\"]),::slotted([slot=\"title\"]),::slotted([slot=\"text\"]){display:box;overflow:hidden;-webkit-box-orient:vertical}::slotted([slot=\"title\"]:not(:last-child)),::slotted([slot=\"text\"]:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot=\"title\"])::before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:\"\"}::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;color:inherit;font-size:inherit;font-weight:var(--font-sb);-webkit-line-clamp:2;text-decoration:none}::slotted([slot=\"text\"]){margin:0;-webkit-line-clamp:3}.actions{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center}::slotted([slot=\"action\"]:not(:last-child)){margin-right:calc(var(--space-unit) * 2)}:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible)::before{box-shadow:var(--shadow-focus-primary)}:host([clickable]) ::slotted([slot=\"title\"]:focus:focus-visible){box-shadow:none !important;outline:none !important}:host([variant=\"text\"]){border:var(--z-card--text-border);background-color:var(--z-card--text-background);border-radius:var(--z-card--text-border-radius)}:host([show-shadow])>.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:var(--z-card--text-padding)}: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([show-shadow]){box-shadow:var(--shadow-2)}:host([variant=\"shadow\"][clickable]:hover),:host([clickable][show-shadow]:hover){box-shadow:var(--shadow-4)}:host([variant=\"shadow\"][clickable]:focus:focus-visible),:host([clickable][show-shadow]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant=\"shadow\"][clickable]:active),:host([clickable][show-shadow]: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, rgb(0 0 0 / 100%), rgb(0 0 0 / 0%));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";
-
-const ZCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /** Enable shadow. Default: false. */
-    this.showShadow = false;
-    /** Enable 'clickable' style like hover and focus style. */
-    this.clickable = false;
-  }
-  componentWillLoad() {
-    this.hasCoverImage = this.host.querySelector('[slot="cover"]') !== null;
-  }
-  /**
-   * 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 === CardVariant.TEXT) {
-      return h(Host, null, this.renderContentDiv());
-    }
-    if (this.variant === CardVariant.OVERLAY || this.hasCoverImage) {
-      return (h(Host, null, h("div", { class: "cover-container" }, this.hasCoverImage && [
-        h("slot", { name: "cover" }),
-        this.variant !== CardVariant.OVERLAY && this.coverIcon && h("z-icon", { name: this.coverIcon }),
-      ], !this.hasCoverImage && h("div", { class: "color-cover" })), this.renderContentDiv()));
-    }
-    return h(Host, null, this.renderColorCoverCard());
-  }
-  get host() { return getElement(this); }
-};
-ZCard.style = stylesCss;
-
-export { ZCard as z_card };