@zanichelli/albe-web-components 19.2.2 → 19.2.3-RC1

package/dist/components/z-result-card.js

@@ -1,121 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './index4.js';
-import { d as defineCustomElement$2 } from './index10.js';
-
-const stylesCss = ":host,*{box-sizing:border-box}:host{display:flex;overflow:hidden;min-width:0;height:11.125rem;padding:var(--space-unit);border:var(--border-size-medium) solid var(--color-surface02);background-color:var(--color-surface01);border-radius:var(--border-size-large);cursor:pointer;font-family:var(--font-family-sans);gap:calc(var(--space-unit) * 2)}z-book-cover{--z-book-cover-stack-shift-x:6px;--z-book-cover-stack-shift-y:8px;--z-book-cover-height:158px;--z-book-cover-border-radius:0}.info-container{display:flex;overflow:hidden;min-width:0;flex:1;flex-direction:column}.authors-label{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);text-overflow:ellipsis;white-space:nowrap}.card-title{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;font-size:var(--font-size-3);font-weight:var(--font-bd);-webkit-line-clamp:2;line-clamp:2;line-height:1.5;word-break:break-word}.card-subtitle{overflow:hidden;color:var(--color-default-text);text-overflow:ellipsis;white-space:nowrap}.tags-container{display:flex;max-width:100%;flex-wrap:wrap;margin-top:calc(var(--space-unit) * 2);gap:var(--space-unit)}.volumes-label{display:flex;flex-grow:1;align-items:end;color:var(--color-default-text);font-size:var(--font-size-1)}:host(.info-card){height:5rem;gap:calc(var(--space-unit) * 1.5)}:host(.info-card) .info-icon-container{display:flex;align-items:center;align-self:flex-start;justify-content:center;padding:var(--space-unit);margin-bottom:calc(var(--space-unit) * 3);background-color:var(--gray50);border-radius:var(--border-size-large)}:host(.info-card) .info-icon{--z-icon-width:1.125rem;--z-icon-height:1.125rem;fill:var(--color-default-icon)}:host(.info-card) .card-title{display:-webkit-box;overflow:hidden;min-width:0;max-width:100%;max-height:2.4em;margin-top:0;margin-bottom:calc(var(--space-unit) / 2);-webkit-box-orient:vertical;font-size:var(--font-size-3);font-weight:var(--font-bd);-webkit-line-clamp:1;line-clamp:1;line-height:1.2;word-break:break-word}:host(.info-card) .card-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.2;white-space:normal;word-break:break-word}@media (max-width: 767px){.card-title{display:block;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}}";
-const ZResultCardStyle0 = stylesCss;
-
-const ZResultCard$1 = /*@__PURE__*/ proxyCustomElement(class ZResultCard extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.resizeHandler = () => {
-            this.setTooltipTitle(this.authorsRef);
-            this.setTooltipTitle(this.titleRef);
-            this.setTooltipTitle(this.subtitleRef);
-        };
-        this.renderTitle = () => {
-            const TitleTag = this.titleHtmlTag || "div";
-            return (h(TitleTag, { class: "card-title", ref: (el) => (this.titleRef = el) }, this.cardTitle));
-        };
-        this.renderSubtitle = () => {
-            return (h("span", { class: "card-subtitle", ref: (el) => (this.subtitleRef = el) }, this.cardSubtitle));
-        };
-        this.renderOperaCard = () => {
-            return (h(Host, null, h("z-book-cover", { cover: this.cover, fallbackCover: this.fallbackCover, multiple: this.hasMultipleCovers, bordered: true }), h("div", { class: "info-container" }, this.authors && (h("span", { class: "authors-label", ref: (el) => (this.authorsRef = el) }, this.authors)), this.renderTitle(), this.renderSubtitle(), h("div", { class: "tags-container" }, h("slot", { name: "tags" })), h("div", { class: "volumes-label" }, h("slot", { name: "volumes" })))));
-        };
-        this.renderInfoCard = () => {
-            return (h(Host, { class: "info-card" }, h("div", { class: "info-icon-container" }, h("z-icon", { class: "info-icon", name: "link" })), h("div", { class: "info-container" }, this.renderTitle(), this.renderSubtitle())));
-        };
-        this.cardTitle = undefined;
-        this.cardSubtitle = undefined;
-        this.authors = undefined;
-        this.cover = undefined;
-        this.fallbackCover = undefined;
-        this.hasMultipleCovers = false;
-        this.isInfoCard = false;
-        this.titleHtmlTag = undefined;
-    }
-    setTooltipTitle(el) {
-        if (!el) {
-            return;
-        }
-        // Check if element uses line-clamp
-        const style = window.getComputedStyle(el);
-        const hasLineClamp = style.getPropertyValue("-webkit-line-clamp") !== "none";
-        let isTruncated;
-        if (hasLineClamp) {
-            // For elements with line-clamp, check if content height exceeds line-clamp height
-            const lineHeight = parseInt(style.lineHeight);
-            const maxLines = parseInt(style.getPropertyValue("-webkit-line-clamp"));
-            const maxHeight = lineHeight * maxLines;
-            isTruncated = el.scrollHeight > maxHeight;
-        }
-        else {
-            // Original check for elements without line-clamp
-            isTruncated = el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;
-        }
-        if (isTruncated) {
-            el.setAttribute("title", el.textContent.trim());
-        }
-        else {
-            el.removeAttribute("title");
-        }
-    }
-    componentDidRender() {
-        this.setTooltipTitle(this.authorsRef);
-        this.setTooltipTitle(this.titleRef);
-        this.setTooltipTitle(this.subtitleRef);
-    }
-    componentDidLoad() {
-        window.addEventListener("resize", this.resizeHandler);
-    }
-    disconnectedCallback() {
-        window.removeEventListener("resize", this.resizeHandler);
-    }
-    render() {
-        return this.isInfoCard ? this.renderInfoCard() : this.renderOperaCard();
-    }
-    get hostElement() { return this; }
-    static get style() { return ZResultCardStyle0; }
-}, [1, "z-result-card", {
-        "cardTitle": [1, "card-title"],
-        "cardSubtitle": [1, "card-subtitle"],
-        "authors": [1],
-        "cover": [1],
-        "fallbackCover": [1, "fallback-cover"],
-        "hasMultipleCovers": [4, "has-multiple-covers"],
-        "isInfoCard": [4, "is-info-card"],
-        "titleHtmlTag": [1, "title-html-tag"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-result-card", "z-book-cover", "z-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-result-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZResultCard$1);
-            }
-            break;
-        case "z-book-cover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "z-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZResultCard = ZResultCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZResultCard, defineCustomElement };
-
-//# sourceMappingURL=z-result-card.js.map
+import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as r}from"@stencil/core/internal/client";import{d as a}from"./index15.js";import{d as s}from"./index3.js";const l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.hasMultipleCovers=!1,this.isInfoCard=!1,this.resizeHandler=()=>{this.setTooltipTitle(this.authorsRef),this.setTooltipTitle(this.titleRef),this.setTooltipTitle(this.subtitleRef)},this.renderTitle=()=>t(this.titleHtmlTag||"div",{class:"card-title",ref:e=>this.titleRef=e},this.cardTitle),this.renderSubtitle=()=>t("span",{class:"card-subtitle",ref:e=>this.subtitleRef=e},this.cardSubtitle),this.renderOperaCard=()=>t(o,null,t("z-book-cover",{cover:this.cover,fallbackCover:this.fallbackCover,multiple:this.hasMultipleCovers,bordered:!0}),t("div",{class:"info-container"},this.authors&&t("span",{class:"authors-label",ref:e=>this.authorsRef=e},this.authors),this.renderTitle(),this.renderSubtitle(),t("div",{class:"tags-container"},t("slot",{name:"tags"})),t("div",{class:"volumes-label"},t("slot",{name:"volumes"})))),this.renderInfoCard=()=>t(o,{class:"info-card"},t("div",{class:"info-icon-container"},t("z-icon",{class:"info-icon",name:"link"})),t("div",{class:"info-container"},this.renderTitle(),this.renderSubtitle()))}setTooltipTitle(e){if(!e)return;const i=window.getComputedStyle(e);let t;if("none"!==i.getPropertyValue("-webkit-line-clamp")){const o=parseInt(i.lineHeight),r=parseInt(i.getPropertyValue("-webkit-line-clamp"));t=e.scrollHeight>o*r}else t=e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight;t?e.setAttribute("title",e.textContent.trim()):e.removeAttribute("title")}componentDidRender(){this.setTooltipTitle(this.authorsRef),this.setTooltipTitle(this.titleRef),this.setTooltipTitle(this.subtitleRef)}componentDidLoad(){window.addEventListener("resize",this.resizeHandler)}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler)}render(){return this.isInfoCard?this.renderInfoCard():this.renderOperaCard()}get hostElement(){return this}static get style(){return":host,*{box-sizing:border-box}:host{display:flex;overflow:hidden;min-width:0;height:11.125rem;padding:var(--space-unit);border:var(--border-size-medium) solid var(--color-surface02);background-color:var(--color-surface01);border-radius:var(--border-size-large);cursor:pointer;font-family:var(--font-family-sans);gap:calc(var(--space-unit) * 2)}z-book-cover{--z-book-cover-stack-shift-x:6px;--z-book-cover-stack-shift-y:8px;--z-book-cover-height:158px;--z-book-cover-border-radius:0}.info-container{display:flex;overflow:hidden;min-width:0;flex:1;flex-direction:column}.authors-label{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);text-overflow:ellipsis;white-space:nowrap}.card-title{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;font-size:var(--font-size-3);font-weight:var(--font-bd);-webkit-line-clamp:2;line-clamp:2;line-height:1.5;word-break:break-word}.card-subtitle{overflow:hidden;color:var(--color-default-text);text-overflow:ellipsis;white-space:nowrap}.tags-container{display:flex;max-width:100%;flex-wrap:wrap;margin-top:calc(var(--space-unit) * 2);gap:var(--space-unit)}.volumes-label{display:flex;flex-grow:1;align-items:end;color:var(--color-default-text);font-size:var(--font-size-1)}:host(.info-card){height:5rem;gap:calc(var(--space-unit) * 1.5)}:host(.info-card) .info-icon-container{display:flex;align-items:center;align-self:flex-start;justify-content:center;padding:var(--space-unit);margin-bottom:calc(var(--space-unit) * 3);background-color:var(--gray50);border-radius:var(--border-size-large)}:host(.info-card) .info-icon{--z-icon-width:1.125rem;--z-icon-height:1.125rem;fill:var(--color-default-icon)}:host(.info-card) .card-title{display:-webkit-box;overflow:hidden;min-width:0;max-width:100%;max-height:2.4em;margin-top:0;margin-bottom:calc(var(--space-unit) / 2);-webkit-box-orient:vertical;font-size:var(--font-size-3);font-weight:var(--font-bd);-webkit-line-clamp:1;line-clamp:1;line-height:1.2;word-break:break-word}:host(.info-card) .card-subtitle{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.2;white-space:normal;word-break:break-word}@media (max-width: 767px){.card-title{display:block;overflow:hidden;line-height:normal;text-overflow:ellipsis;white-space:nowrap}}"}},[257,"z-result-card",{cardTitle:[1,"card-title"],cardSubtitle:[1,"card-subtitle"],authors:[1],cover:[1],fallbackCover:[1,"fallback-cover"],hasMultipleCovers:[4,"has-multiple-covers"],isInfoCard:[4,"is-info-card"],titleHtmlTag:[1,"title-html-tag"]}]),n=l,c=function(){"undefined"!=typeof customElements&&["z-result-card","z-book-cover","z-icon"].forEach((e=>{switch(e){case"z-result-card":customElements.get(r(e))||customElements.define(r(e),l);break;case"z-book-cover":customElements.get(r(e))||a();break;case"z-icon":customElements.get(r(e))||s()}}))};export{n as ZResultCard,c as defineCustomElement}

package/dist/components/z-searchbar.js

@@ -1,8 +1 @@
-import { Z as ZSearchbar$1, d as defineCustomElement$1 } from './index25.js';
-
-const ZSearchbar = ZSearchbar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZSearchbar, defineCustomElement };
-
-//# sourceMappingURL=z-searchbar.js.map
+import{Z as o,d as s}from"./index13.js";const r=o,t=s;export{r as ZSearchbar,t as defineCustomElement}

package/dist/components/z-section-title.js

@@ -1,52 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { x as ZSectionTitleDividerPosition, D as DividerSize } from './index2.js';
-import { d as defineCustomElement$2 } from './index7.js';
-
-const stylesCss = ":host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot=\"secondary-title\"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot=\"primary-title\"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase=\"false\"])) ::slotted([slot=\"primary-title\"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot=\"primary-title\"]){font-size:var(--font-size-7);line-height:2.25rem}}";
-const ZSectionTitleStyle0 = stylesCss;
-
-const ZSectionTitle$1 = /*@__PURE__*/ proxyCustomElement(class ZSectionTitle extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.dividerPosition = ZSectionTitleDividerPosition.BEFORE;
-        this.uppercase = true;
-    }
-    componentWillRender() {
-        this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
-    }
-    render() {
-        return (h(Host, { key: 'b42238fc6f9ecdd6b773746c1d97d2ac2d3d5c31' }, h("slot", { key: 'da33aa876ed2469b5cddf5f1dc34914afb87110f', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: 'e8c76d87a57c34b802e467cd9e5b4212a3464350', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'd65a8312c2b71b0976c63c2de93d7a35bf675736', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '9e70bb6279e893957314eda5344ffc1a7289315a', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
-    }
-    get host() { return this; }
-    static get style() { return ZSectionTitleStyle0; }
-}, [1, "z-section-title", {
-        "dividerPosition": [1, "divider-position"],
-        "uppercase": [516]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["z-section-title", "z-divider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "z-section-title":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZSectionTitle$1);
-            }
-            break;
-        case "z-divider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const ZSectionTitle = ZSectionTitle$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { ZSectionTitle, defineCustomElement };
-
-//# sourceMappingURL=z-section-title.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as s,transformTag as o}from"@stencil/core/internal/client";import{x as r,D as n}from"./index2.js";import{d as a}from"./index6.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dividerPosition=r.BEFORE,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return i(s,{key:"b2a5c1767c66f1b993f95c4907e5b6ac4555a7a5"},i("slot",{key:"dd96a1b84d003243f6a48a074c3ebe92c5b3c3e3",name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===r.BEFORE&&i("z-divider",{key:"8de1932f1eee5210277e73ba1a25359570a2ab06",size:n.LARGE,color:"z-section-title--divider-color"}),i("slot",{key:"d0f29c94936e5ab2a7491b3b6273ce51a1c8a626",name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition===r.AFTER&&i("z-divider",{key:"13f04775afe18fc3f76bb09f48c415486896b421",size:n.LARGE,color:"z-section-title--divider-color"}))}get host(){return this}static get style(){return':host{--z-section-title--divider-color:var(--red500);display:flex;width:fit-content;flex-direction:column;align-items:flex-start;font-family:var(--font-family-sans)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5rem;text-transform:uppercase}::slotted([slot="primary-title"]){font-size:var(--font-size-6);font-weight:var(--font-sb);line-height:2rem}:host([uppercase]:not([uppercase="false"])) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}'}},[257,"z-section-title",{dividerPosition:[1,"divider-position"],uppercase:[516]}]),c=l,d=function(){"undefined"!=typeof customElements&&["z-section-title","z-divider"].forEach((t=>{switch(t){case"z-section-title":customElements.get(o(t))||customElements.define(o(t),l);break;case"z-divider":customElements.get(o(t))||a()}}))};export{c as ZSectionTitle,d as defineCustomElement}