npm - @zanichelli/albe-web-components - Versions diffs - 20.0.4 → 20.1.0 - Mend

@zanichelli/albe-web-components 20.0.4 → 20.1.0

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

Files changed (951) hide show

package/dist/components/z-app-header.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as i,Fragment as a,createEvent as s,Host as n,transformTag as o}from"@stencil/core/internal/client";import{g as r,e as l,B as h,u as c,v as d}from"./index2.js";import{B as u}from"./breakpoints.js";import{a as f}from"./utils.js";import{d as p}from"./index4.js";import{d as g}from"./index5.js";import{d as m}from"./index3.js";import{d as b}from"./index6.js";import{d as v}from"./index7.js";import{d as w}from"./index8.js";import{d as x}from"./index9.js";import{d as z}from"./index10.js";import{d as k}from"./index11.js";import{d as y}from"./index12.js";import{d as C}from"./index13.js";const M=()=>`:host{position:relative;display:block;box-shadow:var(--shadow-2)}:host,*{box-sizing:border-box}.heading-panel{--title-line-height:1.333;--title-font-size:var(--font-size-6);position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width, 100%);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--space-unit) var(--grid-margin);margin:0 auto;background:var(--app-header-bg, var(--color-surface01))}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-panel.has-menubar{padding-bottom:0}.heading-panel .heading-container{flex-direction:column-reverse}:host([enable-search]) .heading-panel .heading-container{flex-direction:column}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:row}.heading-title{display:flex;width:100%;flex-direction:row;align-items:flex-end}.heading-container>.heading-title:not(:last-child){margin-right:var(--space-unit)}.z-logo,.search-page-button{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}.z-logo img{height:24px;margin:0 var(--space-unit) 0 0;content:url('data:image/svg+xml,<svg width="61" height="32" viewBox="0 0 61 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9874 32C7.1595 32 0 24.8349 0 16C0 7.16513 7.1595 0 15.9874 0H45.0126C53.8405 0 61 7.16513 61 16C61 24.8349 53.8405 32 45.0126 32H15.9874Z" fill="%23E2011A"/><path d="M58.5435 15.9992C58.5435 23.4743 52.4892 29.5403 45.0129 29.5403C37.5367 29.5403 31.4824 23.4813 31.4824 15.9992C31.4824 8.51701 37.5367 2.45801 45.0129 2.45801C52.4892 2.45801 58.5435 8.51701 58.5435 15.9992Z" fill="white"/><path d="M40.7107 8.01862H49.8976V11.3158L44.139 21.7077H50.0384V24.6457H39.9785V21.4048L45.7371 10.9636H40.7107V8.01862Z" fill="%23E2011A"/><path d="M12.2914 24.6449C10.982 24.6449 10.271 23.8136 10.271 22.6722V7.04565H12.1718V22.9822H13.981V24.6449H12.2914Z" fill="white"/><path d="M25.6461 24.6448C24.2452 24.6448 23.675 23.7853 23.5342 22.6439H23.4145C22.8935 24.1446 21.5841 24.9266 19.8735 24.9266C17.2828 24.9266 15.7622 23.4964 15.7622 21.2137C15.7622 18.931 17.4236 17.6206 20.9928 17.6206H23.4145V16.4088C23.4145 14.6756 22.4641 13.7245 20.5141 13.7245C19.0428 13.7245 18.0642 14.4361 17.4025 15.5563L16.262 14.4854C16.9308 13.175 18.4021 12.0829 20.6126 12.0829C23.5623 12.0829 25.3152 13.6259 25.3152 16.2186V22.9751H26.7162V24.6378H25.6461V24.6448ZM23.4145 21.0799V19.0578H20.8942C18.733 19.0578 17.7545 19.7272 17.7545 20.9108V21.411C17.7545 22.6228 18.7049 23.3132 20.1762 23.3132C22.0558 23.3132 23.4074 22.341 23.4074 21.0799H23.4145Z" fill="white"/></svg>')}.product-logo{display:none}.product-logo ::slotted([slot="product-logo"]){width:32px;height:32px;margin-right:var(--space-unit)}.product-logo ::slotted([slot="product-logo"]) img{width:100%;height:100%;object-fit:cover}::slotted([slot="title"]),::slotted([slot="stucked-title"]),.stucked-title{margin:0;color:var(--app-header-text-color, var(--color-default-text));font-family:var(--font-family-serif);font-weight:var(--font-sb)}::slotted([slot="title"]){display:-webkit-box;overflow:hidden;align-self:self-end;-webkit-box-orient:vertical;font-size:var(--title-font-size);-webkit-line-clamp:2;line-clamp:2;line-height:var(--title-line-height);text-overflow:ellipsis}::slotted(a:is([slot="title"],[slot="stucked-title"])){text-decoration:none}:host([enable-search]) ::slotted([slot="title"])+*{margin-left:calc(var(--space-unit) * 2)}::slotted([slot="top-subtitle"]){display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-style:italic;font-weight:var(--font-rg);-webkit-line-clamp:2;line-clamp:2}.search-page-button{margin-left:auto}.menu-container{display:flex;flex:1 auto;column-gap:calc(var(--space-unit) * 4)}.menu-container:focus:focus-visible{outline:none}:host([menu-length="0"]) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted([slot="menu"]:not(:last-child))::after{position:absolute;top:calc(1.5em / 2);right:calc(var(--space-unit) * -2);width:var(--border-size-small);height:1em;background-color:var(--color-default-icon);content:"";font-size:var(--font-size-3);transform:translateY(-50%)}z-searchbar{z-index:0;display:flex;width:100%;align-items:center}.search-slot{margin-left:auto}.search-slot .z-label{padding-bottom:0;margin-bottom:-3px;font-size:10px;line-height:10px}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset, 48px);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg, var(--color-surface01));box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color, var(--color-default-text))}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width, 100%);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto}.heading-stuck .heading-title{--title-font-size:var(--font-size-5);--title-line-height:1.4;overflow:hidden;align-items:center}.heading-stuck .stucked-title{overflow:hidden;font-size:var(--title-font-size);line-height:var(--title-line-height);text-overflow:ellipsis;white-space:nowrap}.drawer-trigger,::slotted([slot="menu-button"]){display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center;padding:0;border:0;margin-right:var(--space-unit);appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer;outline:none}.drawer-trigger:focus:focus-visible z-icon{box-shadow:var(--shadow-focus-primary)}.drawer-trigger z-icon{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.drawer-content{display:none}z-offcanvas{--z-offcanvas--top-space:var(--app-header-top-offset)}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;cursor:pointer;outline:none}.drawer-close z-icon{fill:var(--color-default-icon)}.drawer-close:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.heading-block{display:flex;width:100%;flex-direction:column}@media (max-width: 767px){:host([enable-search]) .heading-panel .heading-container{row-gap:calc(var(--space-unit) * 1.5)}:host([enable-offcanvas]:not([menu-length="0"])) .top-subtitle{padding-left:calc(var(--space-unit) * 4 + var(--space-unit))}.heading-block>.top-subtitle{margin-top:calc(var(--space-unit) * 0.5)}}@media (min-width: 768px){.heading-panel{--title-font-size:var(--font-size-9)}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:column}.heading-panel .heading-container{flex-direction:column;margin-right:auto}.z-logo img{height:32px}.product-logo{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}.has-top-subtitle .z-logo{display:none}z-searchbar{height:calc(var(--title-font-size) * var(--title-line-height));margin-left:auto}::slotted([slot="top-subtitle"]){margin-top:calc(var(--space-unit) * 0.5);margin-bottom:calc(var(--space-unit) * -0.5)}.menu-container{flex:initial}.menu-container>[role="menubar"]{display:contents}:host(:not([enable-offcanvas])) .menu-container{margin-top:calc((var(--space-unit) * 1.75))}:host(:not([enable-offcanvas])) .heading-container .drawer-trigger{display:none}.heading-stuck .heading-title{--title-font-size:var(--font-size-8);--title-line-height:1.5}.heading-stuck-content{padding:6px var(--grid-margin)}:host(:not([enable-offcanvas],[menu-length="0"])){padding-left:0}}@media (min-width: 1152px){z-searchbar{min-width:calc(var(--space-unit) * 45)}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}`;const S=typeof IntersectionObserver!=="undefined";const E=e(class e extends t{onStuck(){const e=this.scrollParent;if(!e){return}this.sticking.emit(this._stuck)}setMenuFloatingMode(){if(this.menuElements.length===0){return}this.menuElements.forEach((e=>{e.open=false;e.verticalContext=this.drawerOpen}))}onStuckChange(){var e,t;if(!this.container){return}if(this.stuck){(e=this.stuckIntersecObserver)===null||e===void 0?void 0:e.observe(this.container)}else{this._stuck=false;(t=this.stuckIntersecObserver)===null||t===void 0?void 0:t.unobserve(this.container)}}get title(){var e;return(e=this.hostElement.querySelector('[slot="title"]'))===null||e===void 0?void 0:e.textContent.trim()}get scrollParent(){const e=this.hostElement.offsetParent;if(e===document.body||e===document.documentElement){return window}return e}get canShowMenu(){return!this.enableOffcanvas&&this.menuElements.length>0&&!this.isMobile&&!this.drawerOpen}get focusableMenu(){return this.menuElements.find((e=>e.htmlTabindex===0))}openDrawer(){this.drawerOpen=true;this.menuElements.forEach(((e,t)=>e.htmlTabindex=t===0?0:-1));setTimeout((()=>this.menuElements[0].setFocus()),400)}closeDrawer(){this.drawerOpen=false;setTimeout((()=>this.burgerButton.focus()),100)}collectMenuElements(){this.menuElements=Array.from(this.hostElement.querySelectorAll('[slot="menu"]'));this.menuElements.forEach(((e,t)=>e.htmlTabindex=t===0?0:-1));this.menuLength=this.menuElements.length;if(!this.enableOffcanvas){this.menuWidth=this.menuElements.reduce(((e,t)=>e+t.getBoundingClientRect().width),0)+(this.menuLength-1)*32}this.setMenuFloatingMode()}setupMenuResizeObserver(){if(this.enableOffcanvas){return}this.menuResizeObserver=new ResizeObserver((e=>{if(this.isMobile){this.enableOffcanvas=true;return}const t=e[0].contentBoxSize[0].inlineSize;if(this.menuWidth===0){return}if(this.menuWidth>t&&!this.enableOffcanvas){this.enableOffcanvas=true}else if(this.menuWidth<=t&&this.enableOffcanvas){this.enableOffcanvas=false}}));this.menuResizeObserver.observe(this.container)}hasSlot(e){return this.hostElement.querySelector(`[slot="${e}"]`)!==null}moveFocus(e,t){e.htmlTabindex=-1;t.setFocus()}onOffcanvasKeydown(e){var t,i;if(e.key!==r.TAB||!this.drawerOpen){return}const a=e.target.closest("z-menu");if(a){e.preventDefault();e.stopPropagation();a.htmlTabindex=0;this.closeDrawerButton.focus()}else if(e.target===this.closeDrawerButton){e.preventDefault();e.stopPropagation();if(e.shiftKey){((t=this.menuElements.filter((e=>e.open)).pop())!==null&&t!==void 0?t:this.menuElements[this.menuLength-1]).setFocus()}else{((i=this.menuElements.find((e=>e.open)))!==null&&i!==void 0?i:this.menuElements[0]).setFocus()}}}manageMenus(e){const t=this.menuElements.find((t=>f(t,e.target)));if(t){this.menuElements.forEach((e=>{if(e===t){return}e.htmlTabindex=-1;if(!this.drawerOpen){e.open=false}}))}else if(!this.drawerOpen){this.menuElements.forEach((e=>{e.open=false}))}}handleKeydown(e){var t,i;if(e.key===r.ESC&&this.drawerOpen){this.closeDrawer();return}if(!this.menuElements.some((t=>t.contains(e.target)))){return}const a=this.focusableMenu;const s=this.menuElements.indexOf(a);let n;if(e.key===r.ARROW_RIGHT&&!a.verticalContext||e.key===r.ARROW_DOWN&&a.verticalContext){n=(t=this.menuElements[s+1])!==null&&t!==void 0?t:this.menuElements[0]}else if(e.key===r.ARROW_LEFT&&!a.verticalContext||e.key===r.ARROW_UP&&a.verticalContext){n=(i=this.menuElements[s-1])!==null&&i!==void 0?i:this.menuElements[this.menuLength-1]}if(!n){return}if(e.key===r.ARROW_UP&&a.verticalContext){if(n.open){a.htmlTabindex=-1;n.focusLastItem();return}}this.moveFocus(a,n)}renderSeachbar(){if(this.isMobile&&!this.searchPageUrl&&this._stuck){return}if(this.searchPageUrl&&(this.isMobile||this.isTablet)){return i("z-button",{class:"search-page-button",variant:h.SECONDARY,href:this.searchPageUrl,icon:"search",size:l.X_SMALL})}return i("z-searchbar",{value:this.searchString,placeholder:this.searchPlaceholder,htmlAriaLabel:this.searchLabel,showSearchButton:true,searchButtonIconOnly:this.isMobile||this.isTablet,searchButtonLabel:this.isMobile||this.isTablet?undefined:this.searchButtonLabel,size:l.X_SMALL,variant:h.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:e=>this.searchString=e.detail})}renderSearchLabel(){if(this.searchLabel&&!this.isMobile&&!this.isTablet&&!this.enableOffcanvas){return i("label",{class:"z-label"},this.searchLabel)}}renderProductLogos(){return i(a,null,this.enableZLogo&&i("span",{class:"z-logo"},i("img",{alt:"Logo Zanichelli"})),this.hostElement.querySelector("[slot='product-logo']")&&i("span",{class:"product-logo"},i("slot",{name:"product-logo"})))}renderMenuButton(){return this.menuLength>0&&(this.enableOffcanvas||this._stuck||this.isMobile)&&i("button",{ref:e=>this.burgerButton=e,class:"drawer-trigger","aria-label":"Apri menu","aria-haspopup":"menu","aria-expanded":`${this.drawerOpen}`,"aria-controls":"offcanvas-menu",onClick:this.openDrawer},i("z-icon",{name:"burger-menu"}))}renderOffcanvas(){return i("z-offcanvas",{id:"offcanvas-menu",variant:d.OVERLAY,transitiondirection:c.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:e=>this.drawerOpen=e.detail,onKeyDown:this.onOffcanvasKeydown},i("div",{slot:"canvasContent"},i("button",{ref:e=>this.closeDrawerButton=e,class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,"aria-hidden":`${!this.drawerOpen}`,disabled:!this.drawerOpen},i("z-icon",{name:"close"})),i("div",{class:"drawer-content","aria-hidden":`${!this.drawerOpen}`},i("slot",{name:"menu",onSlotchange:this.collectMenuElements}))))}renderStuck(){return i("div",{class:"heading-stuck"},i("div",{class:"heading-stuck-content"},this.renderMenuButton(),i("div",{class:"heading-title"},this.renderProductLogos(),i("div",{class:"stucked-title"},i("slot",{name:"stucked-title"},this.title))),this.enableSearch&&this.renderSeachbar()))}constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.sticking=s(this,"sticking",7);this.stuck=false;this.enableOffcanvas=false;this.enableSearch=false;this.searchPlaceholder="Cerca";this.searchString="";this.enableZLogo=true;this.drawerOpen=false;this._stuck=false;this.isMobile=true;this.isTablet=false;this.menuElements=[];this.stuckIntersecObserver=S?new IntersectionObserver((([e])=>{this._stuck=!e.isIntersecting}),{threshold:.5}):undefined;this.openDrawer=this.openDrawer.bind(this);this.closeDrawer=this.closeDrawer.bind(this);this.collectMenuElements=this.collectMenuElements.bind(this);this.onOffcanvasKeydown=this.onOffcanvasKeydown.bind(this)}componentWillLoad(){this.collectMenuElements();const e=window.matchMedia(`(max-width: ${u.MOBILE}px)`);this.isMobile=e.matches;e.addEventListener("change",(e=>this.isMobile=e.matches));const t=window.matchMedia(`(min-width: ${u.MOBILE+1}px) and (max-width: ${u.TABLET}px)`);this.isTablet=t.matches;t.addEventListener("change",(e=>this.isTablet=e.matches))}componentDidLoad(){this.onStuckChange();this.setupMenuResizeObserver()}disconnectedCallback(){var e;(e=this.menuResizeObserver)===null||e===void 0?void 0:e.disconnect()}renderTopSubtitle(){if(!this.hasSlot("top-subtitle")||this.enableSearch&&this.isMobile){return}return i("div",{class:{"top-subtitle":true,"has-product-logo":this.hasSlot("product-logo")}},i("slot",{name:"top-subtitle"}))}render(){const e=this.hasSlot("top-subtitle");return i(n,{key:"b2b9e7ca77504392b37f3d77b1266df7818cb0cf","menu-length":this.menuLength},i("div",{key:"9e6b112e27f30445a34f1adbe4287ab226421de0",class:{"heading-panel":true,"has-menubar":this.menuLength>0&&!this.enableOffcanvas},ref:e=>this.container=e},i("div",{key:"44c38afdf95c506ba2d1241b88f86fe9ed2113b7",class:{"heading-container":true,"has-top-subtitle":e}},i("div",{key:"c061f870b799b52b089be972709793ab471a3d98",class:"heading-block"},i("div",{key:"77b4f385458a41751e6d2363d9c07aa19e3888fc",class:"heading-title"},i("slot",{key:"eff35b8f35ee97e91dbcc24acc87a28f0b3268d9",name:"menu-button"},this.renderMenuButton()),!this._stuck&&this.renderProductLogos(),i("div",{key:"9db36b58de99fe7e08d50e81c6483705108f2975",class:"title-container"},!this.isMobile&&this.renderTopSubtitle(),i("slot",{key:"c6b537b48e4486a1ddc5f5dae27639f91d71ac0b",name:"title"})),i("div",{key:"416324b5ea6f9a6a3f27212d02710a70953ff0d7",class:"search-slot"},this.renderSearchLabel(),this.enableSearch&&!this.isMobile&&this.renderSeachbar())),this.isMobile&&this.renderTopSubtitle()),this.enableSearch&&this.isMobile&&this.renderSeachbar()),i("nav",{key:"c7019897ca741018b24fa29bb9bd2e01c20f3de5",class:"menu-container","aria-label":this.title||undefined},this.canShowMenu&&i("div",{key:"77c54b43e038bc4f79d213934303801be87ff0ff",role:"menubar","aria-label":this.title||undefined},i("slot",{key:"bde1fc4c59b536c7cee2acd2177c8f8f3615ffe0",name:"menu",onSlotchange:this.collectMenuElements})))),this.renderOffcanvas(),this._stuck&&this.renderStuck())}get hostElement(){return this}static get watchers(){return{_stuck:[{onStuck:0}],drawerOpen:[{setMenuFloatingMode:0}],stuck:[{onStuckChange:0}]}}static get style(){return M()}},[257,"z-app-header",{stuck:[516],enableOffcanvas:[1540,"enable-offcanvas"],enableSearch:[516,"enable-search"],searchLabel:[1,"search-label"],searchPlaceholder:[1,"search-placeholder"],searchButtonLabel:[1,"search-button-label"],searchString:[1025,"search-string"],searchPageUrl:[1,"search-page-url"],enableZLogo:[516,"enable-z-logo"],drawerOpen:[1028,"drawer-open"],_stuck:[32],menuLength:[32],isMobile:[32],isTablet:[32]},[[5,"focusin","manageMenus"],[5,"click","manageMenus"],[1,"keydown","handleKeydown"]],{_stuck:[{onStuck:0}],drawerOpen:[{setMenuFloatingMode:0}],stuck:[{onStuckChange:0}]}]);function j(){if(typeof customElements==="undefined"){return}const e=["z-app-header","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-offcanvas","z-searchbar","z-tag"];e.forEach((e=>{switch(e){case"z-app-header":if(!customElements.get(o(e))){customElements.define(o(e),E)}break;case"z-button":if(!customElements.get(o(e))){p()}break;case"z-divider":if(!customElements.get(o(e))){g()}break;case"z-icon":if(!customElements.get(o(e))){m()}break;case"z-input":if(!customElements.get(o(e))){b()}break;case"z-input-message":if(!customElements.get(o(e))){v()}break;case"z-list":if(!customElements.get(o(e))){w()}break;case"z-list-element":if(!customElements.get(o(e))){x()}break;case"z-list-group":if(!customElements.get(o(e))){z()}break;case"z-offcanvas":if(!customElements.get(o(e))){k()}break;case"z-searchbar":if(!customElements.get(o(e))){y()}break;case"z-tag":if(!customElements.get(o(e))){C()}break}}))}const H=E;const L=j;export{H as ZAppHeader,L as defineCustomElement};
-//# sourceMappingURL=z-app-header.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as i,Fragment as a,createEvent as s,Host as n,transformTag as o}from"@stencil/core/internal/client";import{g as r,e as l,B as h,u as c,v as d}from"./index2.js";import{B as u}from"./breakpoints.js";import{a as p}from"./utils.js";import{d as g}from"./index4.js";import{d as f}from"./index5.js";import{d as m}from"./index3.js";import{d as v}from"./index6.js";import{d as b}from"./index7.js";import{d as w}from"./index8.js";import{d as x}from"./index9.js";import{d as z}from"./index10.js";import{d as k}from"./index11.js";import{d as y}from"./index12.js";import{d as C}from"./index13.js";const M="undefined"!=typeof IntersectionObserver,S=t(class extends e{onStuck(){this.scrollParent&&this.sticking.emit(this._stuck)}setMenuFloatingMode(){0!==this.menuElements.length&&this.menuElements.forEach((t=>{t.open=!1,t.verticalContext=this.drawerOpen}))}onStuckChange(){var t,e;this.container&&(this.stuck?null===(t=this.stuckIntersecObserver)||void 0===t||t.observe(this.container):(this._stuck=!1,null===(e=this.stuckIntersecObserver)||void 0===e||e.unobserve(this.container)))}get title(){var t;return null===(t=this.hostElement.querySelector('[slot="title"]'))||void 0===t?void 0:t.textContent.trim()}get scrollParent(){const t=this.hostElement.offsetParent;return t===document.body||t===document.documentElement?window:t}get canShowMenu(){return!this.enableOffcanvas&&this.menuElements.length>0&&!this.isMobile&&!this.drawerOpen}get focusableMenu(){return this.menuElements.find((t=>0===t.htmlTabindex))}openDrawer(){this.drawerOpen=!0,this.menuElements.forEach(((t,e)=>t.htmlTabindex=0===e?0:-1)),setTimeout((()=>this.menuElements[0].setFocus()),400)}closeDrawer(){this.drawerOpen=!1,setTimeout((()=>this.burgerButton.focus()),100)}collectMenuElements(){this.menuElements=Array.from(this.hostElement.querySelectorAll('[slot="menu"]')),this.menuElements.forEach(((t,e)=>t.htmlTabindex=0===e?0:-1)),this.menuLength=this.menuElements.length,this.enableOffcanvas||(this.menuWidth=this.menuElements.reduce(((t,e)=>t+e.getBoundingClientRect().width),0)+32*(this.menuLength-1)),this.setMenuFloatingMode()}setupMenuResizeObserver(){this.enableOffcanvas||(this.menuResizeObserver=new ResizeObserver((t=>{if(this.isMobile)return void(this.enableOffcanvas=!0);const e=t[0].contentBoxSize[0].inlineSize;0!==this.menuWidth&&(this.menuWidth>e&&!this.enableOffcanvas?this.enableOffcanvas=!0:this.menuWidth<=e&&this.enableOffcanvas&&(this.enableOffcanvas=!1))})),this.menuResizeObserver.observe(this.container))}hasSlot(t){return null!==this.hostElement.querySelector(`[slot="${t}"]`)}moveFocus(t,e){t.htmlTabindex=-1,e.setFocus()}onOffcanvasKeydown(t){var e,i;if(t.key!==r.TAB||!this.drawerOpen)return;const a=t.target.closest("z-menu");a?(t.preventDefault(),t.stopPropagation(),a.htmlTabindex=0,this.closeDrawerButton.focus()):t.target===this.closeDrawerButton&&(t.preventDefault(),t.stopPropagation(),t.shiftKey?(null!==(e=this.menuElements.filter((t=>t.open)).pop())&&void 0!==e?e:this.menuElements[this.menuLength-1]).setFocus():(null!==(i=this.menuElements.find((t=>t.open)))&&void 0!==i?i:this.menuElements[0]).setFocus())}manageMenus(t){const e=this.menuElements.find((e=>p(e,t.target)));e?this.menuElements.forEach((t=>{t!==e&&(t.htmlTabindex=-1,this.drawerOpen||(t.open=!1))})):this.drawerOpen||this.menuElements.forEach((t=>{t.open=!1}))}handleKeydown(t){var e,i;if(t.key===r.ESC&&this.drawerOpen)return void this.closeDrawer();if(!this.menuElements.some((e=>e.contains(t.target))))return;const a=this.focusableMenu,s=this.menuElements.indexOf(a);let n;return t.key===r.ARROW_RIGHT&&!a.verticalContext||t.key===r.ARROW_DOWN&&a.verticalContext?n=null!==(e=this.menuElements[s+1])&&void 0!==e?e:this.menuElements[0]:(t.key===r.ARROW_LEFT&&!a.verticalContext||t.key===r.ARROW_UP&&a.verticalContext)&&(n=null!==(i=this.menuElements[s-1])&&void 0!==i?i:this.menuElements[this.menuLength-1]),n?t.key===r.ARROW_UP&&a.verticalContext&&n.open?(a.htmlTabindex=-1,void n.focusLastItem()):void this.moveFocus(a,n):void 0}renderSeachbar(){if(!this.isMobile||this.searchPageUrl||!this._stuck)return this.searchPageUrl&&(this.isMobile||this.isTablet)?i("z-button",{class:"search-page-button",variant:h.SECONDARY,href:this.searchPageUrl,icon:"search",size:l.X_SMALL}):i("z-searchbar",{htmlid:"app-header-searchbar",value:this.searchString,placeholder:this.searchPlaceholder,label:this.searchLabel,htmlAriaLabel:this.searchLabel,showSearchButton:!0,searchButtonIconOnly:this.isMobile||this.isTablet,searchButtonLabel:this.isMobile||this.isTablet?void 0:this.searchButtonLabel,size:l.X_SMALL,variant:h.SECONDARY,preventSubmit:this.searchString.length<3,onSearchTyping:t=>this.searchString=t.detail})}renderProductLogos(){return i(a,null,this.enableZLogo&&i("span",{class:"z-logo"},i("img",{alt:"Logo Zanichelli"})),this.hostElement.querySelector("[slot='product-logo']")&&i("span",{class:"product-logo"},i("slot",{name:"product-logo"})))}renderMenuButton(){return this.menuLength>0&&(this.enableOffcanvas||this._stuck||this.isMobile)&&i("button",{ref:t=>this.burgerButton=t,class:"drawer-trigger","aria-label":"Apri menu","aria-haspopup":"menu","aria-expanded":""+this.drawerOpen,"aria-controls":"offcanvas-menu",onClick:this.openDrawer},i("z-icon",{name:"burger-menu"}))}renderOffcanvas(){return i("z-offcanvas",{id:"offcanvas-menu",variant:d.OVERLAY,transitiondirection:c.RIGHT,open:this.drawerOpen,onCanvasOpenStatusChanged:t=>this.drawerOpen=t.detail,onKeyDown:this.onOffcanvasKeydown},i("div",{slot:"canvasContent"},i("button",{ref:t=>this.closeDrawerButton=t,class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer,"aria-hidden":""+!this.drawerOpen,disabled:!this.drawerOpen},i("z-icon",{name:"close"})),i("div",{class:"drawer-content","aria-hidden":""+!this.drawerOpen},i("slot",{name:"menu",onSlotchange:this.collectMenuElements}))))}renderStuck(){return i("div",{class:"heading-stuck"},i("div",{class:"heading-stuck-content"},this.renderMenuButton(),i("div",{class:"heading-title"},this.renderProductLogos(),i("div",{class:"stucked-title"},i("slot",{name:"stucked-title"},this.title))),this.enableSearch&&this.renderSeachbar()))}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.sticking=s(this,"sticking",7),this.stuck=!1,this.enableOffcanvas=!1,this.enableSearch=!1,this.searchLabel="Cerca",this.searchString="",this.enableZLogo=!0,this.drawerOpen=!1,this._stuck=!1,this.isMobile=!0,this.isTablet=!1,this.menuElements=[],this.stuckIntersecObserver=M?new IntersectionObserver((([t])=>{this._stuck=!t.isIntersecting}),{threshold:.5}):void 0,this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.collectMenuElements=this.collectMenuElements.bind(this),this.onOffcanvasKeydown=this.onOffcanvasKeydown.bind(this)}componentWillLoad(){this.collectMenuElements();const t=window.matchMedia(`(max-width: ${u.MOBILE}px)`);this.isMobile=t.matches,t.addEventListener("change",(t=>this.isMobile=t.matches));const e=window.matchMedia(`(min-width: ${u.MOBILE+1}px) and (max-width: ${u.TABLET}px)`);this.isTablet=e.matches,e.addEventListener("change",(t=>this.isTablet=t.matches))}componentDidLoad(){this.onStuckChange(),this.setupMenuResizeObserver()}disconnectedCallback(){var t;null===(t=this.menuResizeObserver)||void 0===t||t.disconnect()}renderTopSubtitle(){if(!(!this.hasSlot("top-subtitle")||this.enableSearch&&this.isMobile))return i("div",{class:{"top-subtitle":!0,"has-product-logo":this.hasSlot("product-logo")}},i("slot",{name:"top-subtitle"}))}render(){const t=this.hasSlot("top-subtitle");return i(n,{key:"4e7fcf0c48f285c14c019bad4e725f6d9d0cd64a","menu-length":this.menuLength},i("div",{key:"7ee7ac065ceebae8fa37bf3ea908065c5ee38f6e",class:{"heading-panel":!0,"has-menubar":this.menuLength>0&&!this.enableOffcanvas},ref:t=>this.container=t},i("div",{key:"bbd63523bae503daa51ad4202e6720aca78ad071",class:{"heading-container":!0,"has-top-subtitle":t}},i("div",{key:"ceef524dac1c9f2c05de0a77b0bbd7168b52632a",class:"heading-block"},i("div",{key:"e412daa7808e33aa993b784df05d0df507bc3606",class:"heading-title"},i("slot",{key:"d937a0672f5ad930b50eb5f34da4cf375c364859",name:"menu-button"},this.renderMenuButton()),!this._stuck&&this.renderProductLogos(),i("div",{key:"730715ab6cf2b63b7567441f1cedff6c99ddc0a3",class:"title-container"},!this.isMobile&&this.renderTopSubtitle(),i("slot",{key:"3d529b926b94ff5f84d50076b62d3cd4c17d8f9a",name:"title"})),this.enableSearch&&!this.isMobile&&this.renderSeachbar()),this.isMobile&&this.renderTopSubtitle()),this.enableSearch&&this.isMobile&&this.renderSeachbar()),i("nav",{key:"261e72b97ce25fe5e7568eb1ec80a070ee493236",class:"menu-container","aria-label":this.title||void 0},this.canShowMenu&&i("div",{key:"8a015467b1b15a618bc79b476c42c888537ed745",role:"menubar","aria-label":this.title||void 0},i("slot",{key:"d25ac9139704729b1a108eabcc7f9eb39fec2771",name:"menu",onSlotchange:this.collectMenuElements})))),this.renderOffcanvas(),this._stuck&&this.renderStuck())}get hostElement(){return this}static get watchers(){return{_stuck:[{onStuck:0}],drawerOpen:[{setMenuFloatingMode:0}],stuck:[{onStuckChange:0}]}}static get style(){return':host{position:relative;display:block;box-shadow:var(--shadow-2)}:host,*{box-sizing:border-box}.heading-panel{--title-line-height:1.333;--title-font-size:var(--font-size-6);position:relative;display:flex;width:100%;max-width:var(--app-header-content-max-width, 100%);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;padding:var(--space-unit) var(--grid-margin);margin:0 auto;background:var(--app-header-bg, var(--color-surface01))}:host(:empty) .heading-panel{padding:0}.heading-container{position:relative;z-index:1;display:flex;width:100%;max-width:100%;flex:1 auto;flex-direction:column;justify-content:flex-start}.heading-panel.has-menubar{padding-bottom:0}.heading-panel .heading-container{flex-direction:column-reverse}:host([enable-search]) .heading-panel .heading-container{flex-direction:column}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:row}.heading-title{display:flex;width:100%;flex-direction:row;align-items:flex-end}.heading-container>.heading-title:not(:last-child){margin-right:var(--space-unit)}.z-logo,.search-page-button{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}.z-logo img{height:24px;margin:0 var(--space-unit) 0 0;content:url(\'data:image/svg+xml,<svg width="61" height="32" viewBox="0 0 61 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.9874 32C7.1595 32 0 24.8349 0 16C0 7.16513 7.1595 0 15.9874 0H45.0126C53.8405 0 61 7.16513 61 16C61 24.8349 53.8405 32 45.0126 32H15.9874Z" fill="%23E2011A"/><path d="M58.5435 15.9992C58.5435 23.4743 52.4892 29.5403 45.0129 29.5403C37.5367 29.5403 31.4824 23.4813 31.4824 15.9992C31.4824 8.51701 37.5367 2.45801 45.0129 2.45801C52.4892 2.45801 58.5435 8.51701 58.5435 15.9992Z" fill="white"/><path d="M40.7107 8.01862H49.8976V11.3158L44.139 21.7077H50.0384V24.6457H39.9785V21.4048L45.7371 10.9636H40.7107V8.01862Z" fill="%23E2011A"/><path d="M12.2914 24.6449C10.982 24.6449 10.271 23.8136 10.271 22.6722V7.04565H12.1718V22.9822H13.981V24.6449H12.2914Z" fill="white"/><path d="M25.6461 24.6448C24.2452 24.6448 23.675 23.7853 23.5342 22.6439H23.4145C22.8935 24.1446 21.5841 24.9266 19.8735 24.9266C17.2828 24.9266 15.7622 23.4964 15.7622 21.2137C15.7622 18.931 17.4236 17.6206 20.9928 17.6206H23.4145V16.4088C23.4145 14.6756 22.4641 13.7245 20.5141 13.7245C19.0428 13.7245 18.0642 14.4361 17.4025 15.5563L16.262 14.4854C16.9308 13.175 18.4021 12.0829 20.6126 12.0829C23.5623 12.0829 25.3152 13.6259 25.3152 16.2186V22.9751H26.7162V24.6378H25.6461V24.6448ZM23.4145 21.0799V19.0578H20.8942C18.733 19.0578 17.7545 19.7272 17.7545 20.9108V21.411C17.7545 22.6228 18.7049 23.3132 20.1762 23.3132C22.0558 23.3132 23.4074 22.341 23.4074 21.0799H23.4145Z" fill="white"/></svg>\')}.product-logo{display:none}.product-logo ::slotted([slot="product-logo"]){width:32px;height:32px;margin-right:var(--space-unit)}.product-logo ::slotted([slot="product-logo"]) img{width:100%;height:100%;object-fit:cover}::slotted([slot="title"]),::slotted([slot="stucked-title"]),.stucked-title{margin:0;color:var(--app-header-text-color, var(--color-default-text));font-family:var(--font-family-serif);font-weight:var(--font-sb)}::slotted([slot="title"]){display:-webkit-box;overflow:hidden;align-self:self-end;-webkit-box-orient:vertical;font-size:var(--title-font-size);-webkit-line-clamp:2;line-clamp:2;line-height:var(--title-line-height);text-overflow:ellipsis}::slotted(a:is([slot="title"],[slot="stucked-title"])){text-decoration:none}:host([enable-search]) ::slotted([slot="title"])+*{margin-left:calc(var(--space-unit) * 2)}::slotted([slot="top-subtitle"]){display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-style:italic;font-weight:var(--font-rg);-webkit-line-clamp:2;line-clamp:2}.search-page-button{align-self:end;margin-left:auto}.menu-container{display:flex;flex:1 auto;column-gap:calc(var(--space-unit) * 4)}.menu-container:focus:focus-visible{outline:none}:host([menu-length="0"]) .menu-container,.menu-container:empty{display:none}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted([slot="menu"]:not(:last-child))::after{position:absolute;top:calc(1.5em / 2);right:calc(var(--space-unit) * -2);width:var(--border-size-small);height:1em;background-color:var(--color-default-icon);content:"";font-size:var(--font-size-3);transform:translateY(-50%)}z-searchbar{z-index:0;width:100%}.heading-stuck{position:fixed;z-index:20;top:var(--app-header-top-offset, 48px);left:0;width:100%;max-width:100%;animation:slide-stuck-heading-in 250ms ease-out;background:var(--app-header-stucked-bg, var(--color-surface01));box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color, var(--color-default-text))}.heading-stuck-content{display:flex;max-width:var(--app-header-content-max-width, 100%);align-items:center;padding:var(--space-unit) var(--grid-margin);margin:0 auto}.heading-stuck .heading-title{--title-font-size:var(--font-size-5);--title-line-height:1.4;overflow:hidden;width:initial;align-items:center}.heading-stuck .stucked-title{overflow:hidden;font-size:var(--title-font-size);line-height:var(--title-line-height);text-overflow:ellipsis;white-space:nowrap}.drawer-trigger,::slotted([slot="menu-button"]){display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center;padding:0;border:0;margin-right:var(--space-unit);appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer;outline:none}.drawer-trigger:focus:focus-visible z-icon{box-shadow:var(--shadow-focus-primary)}.drawer-trigger z-icon{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.drawer-content{display:none}z-offcanvas{--z-offcanvas--top-space:var(--app-header-top-offset)}z-offcanvas[open] .drawer-content{display:flex;width:100%;flex:1 auto;flex-direction:column}z-offcanvas[open] .drawer-content ::slotted(z-menu){width:100%}.drawer-close{--z-icon-width:calc(var(--space-unit) * 4);--z-icon-height:calc(var(--space-unit) * 4);padding:0;border:0;margin:var(--space-unit) 0 calc(var(--space-unit) * 2.5);appearance:none;background:transparent;border-radius:0;cursor:pointer;outline:none}.drawer-close z-icon{fill:var(--color-default-icon)}.drawer-close:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.heading-block{display:flex;width:100%;flex-direction:column}@media (max-width: 767px){:host([enable-search]) .heading-panel .heading-container{row-gap:calc(var(--space-unit) * 1.5)}:host([enable-offcanvas]:not([menu-length="0"])) .top-subtitle{padding-left:calc(var(--space-unit) * 4 + var(--space-unit))}.heading-block>.top-subtitle{margin-top:calc(var(--space-unit) * 0.5)}}@media (min-width: 768px){.heading-panel{--title-font-size:var(--font-size-9)}:host([enable-search][search-page-url]) .heading-panel .heading-container{flex-direction:column}.heading-panel .heading-container{flex-direction:column;margin-right:auto}.z-logo img{height:32px}.product-logo{display:flex;height:calc(var(--title-font-size) * var(--title-line-height));align-items:center}.has-top-subtitle .z-logo{display:none}z-searchbar{width:260px;min-width:260px;align-self:end;padding-bottom:var(--space-unit);margin-left:auto}::slotted([slot="top-subtitle"]){margin-top:calc(var(--space-unit) * 0.5);margin-bottom:calc(var(--space-unit) * -0.5)}.menu-container{flex:initial}.menu-container>[role="menubar"]{display:contents}:host(:not([enable-offcanvas])) .menu-container{margin-top:calc((var(--space-unit) * 1.75))}:host(:not([enable-offcanvas])) .heading-container .drawer-trigger{display:none}.heading-stuck .heading-title{--title-font-size:var(--font-size-8);--title-line-height:1.5}.heading-stuck-content{padding:6px var(--grid-margin)}.heading-stuck .search-page-button{padding-bottom:var(--space-unit)}:host(:not([enable-offcanvas],[menu-length="0"])){padding-left:0}}@media (min-width: 1152px){z-searchbar{width:380px;min-width:380px}}@keyframes slide-stuck-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}'}},[257,"z-app-header",{stuck:[516],enableOffcanvas:[1540,"enable-offcanvas"],enableSearch:[516,"enable-search"],searchLabel:[1,"search-label"],searchPlaceholder:[1,"search-placeholder"],searchButtonLabel:[1,"search-button-label"],searchString:[1025,"search-string"],searchPageUrl:[1,"search-page-url"],enableZLogo:[516,"enable-z-logo"],drawerOpen:[1028,"drawer-open"],_stuck:[32],menuLength:[32],isMobile:[32],isTablet:[32]},[[5,"focusin","manageMenus"],[5,"click","manageMenus"],[1,"keydown","handleKeydown"]],{_stuck:[{onStuck:0}],drawerOpen:[{setMenuFloatingMode:0}],stuck:[{onStuckChange:0}]}]),E=S,j=function(){"undefined"!=typeof customElements&&["z-app-header","z-button","z-divider","z-icon","z-input","z-input-message","z-list","z-list-element","z-list-group","z-offcanvas","z-searchbar","z-tag"].forEach((t=>{switch(t){case"z-app-header":customElements.get(o(t))||customElements.define(o(t),S);break;case"z-button":customElements.get(o(t))||g();break;case"z-divider":customElements.get(o(t))||f();break;case"z-icon":customElements.get(o(t))||m();break;case"z-input":customElements.get(o(t))||v();break;case"z-input-message":customElements.get(o(t))||b();break;case"z-list":customElements.get(o(t))||w();break;case"z-list-element":customElements.get(o(t))||x();break;case"z-list-group":customElements.get(o(t))||z();break;case"z-offcanvas":customElements.get(o(t))||k();break;case"z-searchbar":customElements.get(o(t))||y();break;case"z-tag":customElements.get(o(t))||C()}}))};export{E as ZAppHeader,j as defineCustomElement}

package/dist/components/z-aria-alert.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as s}from"@stencil/core/internal/client";import{t as i}from"./index2.js";const n=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.mode=i.POLITE}render(){return a(r,{key:"08ea2a5fcd4fed8c592ebffbcf6f108444cdae09","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",{key:"dabf388e8dee86e912d2f62f54634dcef6e63dab"}))}},[260,"z-aria-alert",{mode:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["z-aria-alert"];e.forEach((e=>{switch(e){case"z-aria-alert":if(!customElements.get(s(e))){customElements.define(s(e),n)}break}}))}const o=n;const f=c;export{o as ZAriaAlert,f as defineCustomElement};
-//# sourceMappingURL=z-aria-alert.js.map
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as i}from"@stencil/core/internal/client";import{t as s}from"./index2.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.mode=s.POLITE}render(){return a(r,{key:"e8f8112449c5d6206a2b586cdc506544331ae029","aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",{key:"dc7b7a918bd5cf2add1b508d92d2fdf7f13e462a"}))}},[260,"z-aria-alert",{mode:[1]}]),o=n,c=function(){"undefined"!=typeof customElements&&["z-aria-alert"].forEach((e=>{"z-aria-alert"===e&&(customElements.get(i(e))||customElements.define(i(e),n))}))};export{o as ZAriaAlert,c as defineCustomElement}

package/dist/components/z-avatar.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as s,Host as i,transformTag as a}from"@stencil/core/internal/client";import{A as r}from"./index2.js";const o=()=>`: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 c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();var e,s;this.size=r.MEDIUM;this.textColor="color-white";this.backgroundColor="gray700";if(((e=this.text)===null||e===void 0?void 0:e.length)===0&&((s=this.image)===null||s===void 0?void 0:s.length)===0){console.warn("z-avatar must contain at least one prop between text and image")}}getTextSize(){if(this.size===r.SMALL){return"5"}else if(this.size===r.MEDIUM){return"4"}else if(this.size===r.LARGE){return"2"}}render(){return s(i,{key:"4c19eb378e7f4c493fc57b9775de2b8304cbab72",class:{[this.size]:true,[`body-${this.getTextSize()}-sb`]:true},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",{key:"960af3c8fdd28dab045384b97835ea6c8cc9c6af"},this.text.substring(0,2)),this.image&&s("img",{key:"694fef396af746eb13df05dac19774f68760324b",src:this.image,onError:()=>this.image=""}))}static get style(){return o()}},[1,"z-avatar",{size:[1],text:[1],textColor:[1,"text-color"],backgroundColor:[1,"background-color"],image:[1025]}]);function n(){if(typeof customElements==="undefined"){return}const t=["z-avatar"];t.forEach((t=>{switch(t){case"z-avatar":if(!customElements.get(a(t))){customElements.define(a(t),c)}break}}))}const l=c;const h=n;export{l as ZAvatar,h as defineCustomElement};
-//# sourceMappingURL=z-avatar.js.map
+import{proxyCustomElement as t,HTMLElement as e,h as a,Host as s,transformTag as i}from"@stencil/core/internal/client";import{A as o}from"./index2.js";const r=t(class extends e{constructor(t){var e,a;super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.size=o.MEDIUM,this.textColor="color-white",this.backgroundColor="gray700",0===(null===(e=this.text)||void 0===e?void 0:e.length)&&0===(null===(a=this.image)||void 0===a?void 0:a.length)&&console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===o.SMALL?"5":this.size===o.MEDIUM?"4":this.size===o.LARGE?"2":void 0}render(){return a(s,{key:"ee05f224fa5f7bb66461a9117165a2e948f3c7d8",class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&a("span",{key:"2e6ddb5ec15114e835a89ce4a4451bc5e04912eb"},this.text.substring(0,2)),this.image&&a("img",{key:"3035e0a49bbbd32810284f7e98dabb530eea2f09",src:this.image,onError:()=>this.image=""}))}static get style(){return":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}"}},[1,"z-avatar",{size:[1],text:[1],textColor:[1,"text-color"],backgroundColor:[1,"background-color"],image:[1025]}]),c=r,n=function(){"undefined"!=typeof customElements&&["z-avatar"].forEach((t=>{"z-avatar"===t&&(customElements.get(i(t))||customElements.define(i(t),r))}))};export{c as ZAvatar,n as defineCustomElement}

package/dist/components/z-book-card-app.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as n,transformTag as o}from"@stencil/core/internal/client";import{M as a,e as l}from"./index2.js";import{d as s}from"./index3.js";import{d as r}from"./index15.js";const f=()=>`:host{display:block;width:inherit;min-width:300px;height:inherit;min-height:32px;background-color:var(--color-surface01)}:host>div{display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))     var(--z-book-card-app-padding-x, var(--space-unit));gap:calc(var(--space-unit) * 2)}:host>div .app{display:flex;flex:1;align-items:center;gap:var(--space-unit)}:host>div .app.z-link{color:inherit;text-decoration:none}:host>div .app.z-link:focus{text-decoration:none}:host>div .app img{width:1.5rem;height:1.5rem;min-height:32px}:host>div .app .name{display:-webkit-box;overflow:hidden;height:1.4rem;-webkit-box-orient:vertical;font-family:var(--font-family-serif);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>div .app .name .laz{color:var(--red500)}:host>div z-info-reveal{--z-info-reveal-panel-width:250px;--trigger-icon-size-x-small:1rem;font-family:var(--font-family-sans);--color-surface05:var(--color-surface01);--color-text-inverse:var(--color-default-text);--color-inverse-icon:var(--color-primary01)}:host z-icon{--z-icon-width:1rem;--z-icon-height:1rem}`;const b=()=>`button.z-link{padding:0;border:0;margin:0;background-color:transparent}a.z-link,button.z-link{display:inline-flex;cursor:pointer;font-family:var(--font-family-sans);line-height:inherit;text-decoration:none}a.z-link.z-link-icon,button.z-link.z-link-icon{--z-icon-width:1.125em;--z-icon-height:1.125em;align-items:center;column-gap:0.5em}a.z-link.z-link-sb,button.z-link.z-link-sb{font-weight:var(--font-sb)}a.z-link.z-link-underline,button.z-link.z-link-underline{text-decoration:underline}a.z-link:hover,button.z-link:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link:active,button.z-link:active{text-decoration:underline}a.z-link:focus-visible,button.z-link:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}a.z-link.z-link-disabled,button.z-link.z-link-disabled{box-shadow:none;color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);outline:none;pointer-events:none;text-decoration:none}a.z-link,button.z-link,a.z-link.z-link-active,button.z-link.z-link-active,a.z-link:hover,button.z-link:hover,a.z-link.z-link-active:hover,button.z-link.z-link-active:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link.z-link-active:focus-visible,button.z-link.z-link-active:focus-visible,a.z-link:active,button.z-link:active,a.z-link.z-link-active:active,button.z-link.z-link-active:active,a.z-link:visited,button.z-link:visited,a.z-link.z-link-active:visited,button.z-link.z-link-active:visited{color:var(--color-text-link-default);fill:var(--color-text-link-default)}a.z-link.z-link-blue,button.z-link.z-link-blue,a.z-link.z-link-blue.z-link-active,button.z-link.z-link-blue.z-link-active{color:var(--color-text-link-blue);fill:var(--color-text-link-blue)}a.z-link.z-link-red,button.z-link.z-link-red,a.z-link.z-link-red.z-link-active,button.z-link.z-link-red.z-link-active{color:var(--color-text-link-red);fill:var(--color-text-link-red)}a.z-link.z-link-inverse,button.z-link.z-link-inverse,a.z-link.z-link-inverse.z-link-active,button.z-link.z-link-inverse.z-link-active{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:hover,button.z-link.z-link-blue:hover{color:var(--color-text-link-blue-hover);fill:var(--color-text-link-blue-hover)}a.z-link.z-link-red:hover,button.z-link.z-link-red:hover{color:var(--color-text-link-red-hover);fill:var(--color-text-link-red-hover)}a.z-link.z-link-inverse:hover,button.z-link.z-link-inverse:hover{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:active,button.z-link.z-link-blue:active,a.z-link.z-link-blue:focus-visible,button.z-link.z-link-blue:focus-visible{color:var(--color-text-link-blue-active);fill:var(--color-text-link-blue-active)}a.z-link.z-link-red:active,button.z-link.z-link-red:active,a.z-link.z-link-red:focus-visible,button.z-link.z-link-red:focus-visible{color:var(--color-text-link-red-active);fill:var(--color-text-link-red-active)}a.z-link.z-link-inverse:active,button.z-link.z-link-inverse:active,a.z-link.z-link-inverse:focus-visible,button.z-link.z-link-inverse:focus-visible{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:visited,button.z-link.z-link-blue:visited{color:var(--color-text-link-blue-visited);fill:var(--color-text-link-blue-visited)}a.z-link.z-link-red:visited,button.z-link.z-link-red:visited{color:var(--color-text-link-red-visited);fill:var(--color-text-link-red-visited)}a.z-link.z-link-inverse:visited,button.z-link.z-link-inverse:visited{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}`;const d=()=>`:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}`;const h=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.appClick=i(this,"appClick",7);this.laz=true}emitAppClick(){this.appClick.emit()}renderLaz(){if(this.laz){return n("span",{class:"laz"},"laZ ")}return null}render(){return n("div",{key:"df6e36ce560d19caa7909a140c155626ba3b075c"},n("a",{key:"43a40f7e69352ce0599ade0fb2385876c6d67fb8",class:"app z-link",href:this.link,"aria-label":`vai a ${this.laz?"laz":""} ${this.name}`,onClick:()=>this.emitAppClick(),target:"_blank"},this.logo&&n("img",{key:"42ecf20e3054786b1de8eb89fae35f9a0381a6cd",src:this.logo,alt:""}),n("div",{key:"880f4dbfa603f437da2f6d8ff6c6f2c4651d5e35",class:"name body-4-sb"},this.renderLaz(),this.name)),this.info&&n("z-info-reveal",{key:"1ba30f89e8b53ca4c58d91e2d717d2bf0c17a897",icon:"info",size:l.X_SMALL,position:a.TOP_RIGHT,class:"info body-5"},n("div",{key:"8934cd2b015dc745028a388a60508120a0beeb7a"},this.info)),n("a",{key:"4a1c5b0f3c595ae28a22fde9556965d287ea1f9c",class:"z-link z-link-icon",href:this.link,"aria-label":`vai a ${this.laz?"laz":""} ${this.name}`,onClick:()=>this.emitAppClick(),target:"_blank"},n("z-icon",{key:"ca0eb78d1f7cb4a07cce7d8aa3a3c46dde19e00b",name:"chevron-right",fill:"color-primary01-icon"})))}get hostElement(){return this}static get style(){return f()+(b()+d())}},[1,"z-book-card-app",{logo:[1],name:[1],link:[1],laz:[4],info:[1]}]);function v(){if(typeof customElements==="undefined"){return}const e=["z-book-card-app","z-icon","z-info-reveal"];e.forEach((e=>{switch(e){case"z-book-card-app":if(!customElements.get(o(e))){customElements.define(o(e),h)}break;case"z-icon":if(!customElements.get(o(e))){s()}break;case"z-info-reveal":if(!customElements.get(o(e))){r()}break}}))}const g=h;const c=v;export{g as ZBookCardApp,c as defineCustomElement};
-//# sourceMappingURL=z-book-card-app.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as n,transformTag as s}from"@stencil/core/internal/client";import{M as o,e as a}from"./index2.js";import{d as r}from"./index3.js";import{d as f}from"./index15.js";const l=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.appClick=t(this,"appClick",7),this.laz=!0}emitAppClick(){this.appClick.emit()}renderLaz(){return this.laz?n("span",{class:"laz"},"laZ "):null}render(){return n("div",{key:"df6e36ce560d19caa7909a140c155626ba3b075c"},n("a",{key:"43a40f7e69352ce0599ade0fb2385876c6d67fb8",class:"app z-link",href:this.link,"aria-label":`vai a ${this.laz?"laz":""} ${this.name}`,onClick:()=>this.emitAppClick(),target:"_blank"},this.logo&&n("img",{key:"42ecf20e3054786b1de8eb89fae35f9a0381a6cd",src:this.logo,alt:""}),n("div",{key:"880f4dbfa603f437da2f6d8ff6c6f2c4651d5e35",class:"name body-4-sb"},this.renderLaz(),this.name)),this.info&&n("z-info-reveal",{key:"1ba30f89e8b53ca4c58d91e2d717d2bf0c17a897",icon:"info",size:a.X_SMALL,position:o.TOP_RIGHT,class:"info body-5"},n("div",{key:"8934cd2b015dc745028a388a60508120a0beeb7a"},this.info)),n("a",{key:"4a1c5b0f3c595ae28a22fde9556965d287ea1f9c",class:"z-link z-link-icon",href:this.link,"aria-label":`vai a ${this.laz?"laz":""} ${this.name}`,onClick:()=>this.emitAppClick(),target:"_blank"},n("z-icon",{key:"ca0eb78d1f7cb4a07cce7d8aa3a3c46dde19e00b",name:"chevron-right",fill:"color-primary01-icon"})))}get hostElement(){return this}static get style(){return':host{display:block;width:inherit;min-width:300px;height:inherit;min-height:32px;background-color:var(--color-surface01)}:host>div{display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))     var(--z-book-card-app-padding-x, var(--space-unit));gap:calc(var(--space-unit) * 2)}:host>div .app{display:flex;flex:1;align-items:center;gap:var(--space-unit)}:host>div .app.z-link{color:inherit;text-decoration:none}:host>div .app.z-link:focus{text-decoration:none}:host>div .app img{width:1.5rem;height:1.5rem;min-height:32px}:host>div .app .name{display:-webkit-box;overflow:hidden;height:1.4rem;-webkit-box-orient:vertical;font-family:var(--font-family-serif);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>div .app .name .laz{color:var(--red500)}:host>div z-info-reveal{--z-info-reveal-panel-width:250px;--trigger-icon-size-x-small:1rem;font-family:var(--font-family-sans);--color-surface05:var(--color-surface01);--color-text-inverse:var(--color-default-text);--color-inverse-icon:var(--color-primary01)}:host z-icon{--z-icon-width:1rem;--z-icon-height:1rem}button.z-link{padding:0;border:0;margin:0;background-color:transparent}a.z-link,button.z-link{display:inline-flex;cursor:pointer;font-family:var(--font-family-sans);line-height:inherit;text-decoration:none}a.z-link.z-link-icon,button.z-link.z-link-icon{--z-icon-width:1.125em;--z-icon-height:1.125em;align-items:center;column-gap:0.5em}a.z-link.z-link-sb,button.z-link.z-link-sb{font-weight:var(--font-sb)}a.z-link.z-link-underline,button.z-link.z-link-underline{text-decoration:underline}a.z-link:hover,button.z-link:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link:active,button.z-link:active{text-decoration:underline}a.z-link:focus-visible,button.z-link:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}a.z-link.z-link-disabled,button.z-link.z-link-disabled{box-shadow:none;color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);outline:none;pointer-events:none;text-decoration:none}a.z-link,button.z-link,a.z-link.z-link-active,button.z-link.z-link-active,a.z-link:hover,button.z-link:hover,a.z-link.z-link-active:hover,button.z-link.z-link-active:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link.z-link-active:focus-visible,button.z-link.z-link-active:focus-visible,a.z-link:active,button.z-link:active,a.z-link.z-link-active:active,button.z-link.z-link-active:active,a.z-link:visited,button.z-link:visited,a.z-link.z-link-active:visited,button.z-link.z-link-active:visited{color:var(--color-text-link-default);fill:var(--color-text-link-default)}a.z-link.z-link-blue,button.z-link.z-link-blue,a.z-link.z-link-blue.z-link-active,button.z-link.z-link-blue.z-link-active{color:var(--color-text-link-blue);fill:var(--color-text-link-blue)}a.z-link.z-link-red,button.z-link.z-link-red,a.z-link.z-link-red.z-link-active,button.z-link.z-link-red.z-link-active{color:var(--color-text-link-red);fill:var(--color-text-link-red)}a.z-link.z-link-inverse,button.z-link.z-link-inverse,a.z-link.z-link-inverse.z-link-active,button.z-link.z-link-inverse.z-link-active{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:hover,button.z-link.z-link-blue:hover{color:var(--color-text-link-blue-hover);fill:var(--color-text-link-blue-hover)}a.z-link.z-link-red:hover,button.z-link.z-link-red:hover{color:var(--color-text-link-red-hover);fill:var(--color-text-link-red-hover)}a.z-link.z-link-inverse:hover,button.z-link.z-link-inverse:hover{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:active,button.z-link.z-link-blue:active,a.z-link.z-link-blue:focus-visible,button.z-link.z-link-blue:focus-visible{color:var(--color-text-link-blue-active);fill:var(--color-text-link-blue-active)}a.z-link.z-link-red:active,button.z-link.z-link-red:active,a.z-link.z-link-red:focus-visible,button.z-link.z-link-red:focus-visible{color:var(--color-text-link-red-active);fill:var(--color-text-link-red-active)}a.z-link.z-link-inverse:active,button.z-link.z-link-inverse:active,a.z-link.z-link-inverse:focus-visible,button.z-link.z-link-inverse:focus-visible{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:visited,button.z-link.z-link-blue:visited{color:var(--color-text-link-blue-visited);fill:var(--color-text-link-blue-visited)}a.z-link.z-link-red:visited,button.z-link.z-link-red:visited{color:var(--color-text-link-red-visited);fill:var(--color-text-link-red-visited)}a.z-link.z-link-inverse:visited,button.z-link.z-link-inverse:visited{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-1:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-4:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-lt:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-lt-serif:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--body-2:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-serif:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-serif);--body-2-sb:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-sb-serif:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-serif);--body-3:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--body-3-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--body-4:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--body-4-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--body-5:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--body-5-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-1:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-1-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-2:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-2-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-3:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-3-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--helper:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-serif:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--helper-sb:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-sb-serif:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif)}@media (min-width: 1152px){:root{--heading-1:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif)}}.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb,.body-1-serif,.body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb,.body-2-serif,.body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb,.body-3-serif,.body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb,.body-4-serif,.body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb,.body-5-serif,.body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb,.interactive-1-serif,.interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb,.interactive-2-serif,.interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb,.interactive-3-serif,.interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb,.helper-serif,.helper-sb-serif{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt,.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb,.mobile-body-1-serif,.mobile-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb,.mobile-body-2-serif,.mobile-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb,.mobile-body-3-serif,.mobile-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb,.mobile-body-4-serif,.mobile-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb,.mobile-body-5-serif,.mobile-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt,.mobile-heading-1-lt-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-lt-serif{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb,.mobile-heading-1-sb-serif,.mobile-heading-2-sb-serif,.mobile-heading-3-sb-serif,.mobile-heading-4-sb-serif,.mobile-body-1-sb-serif,.mobile-body-2-sb-serif,.mobile-body-3-sb-serif,.mobile-body-4-sb-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-sb-serif{font-weight:var(--font-sb)}.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif,.mobile-body-1-serif,.mobile-body-1-sb-serif,.mobile-body-2-serif,.mobile-body-2-sb-serif,.mobile-body-3-serif,.mobile-body-3-sb-serif,.mobile-body-4-serif,.mobile-body-4-sb-serif,.mobile-body-5-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt,.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb,.tablet-body-1-serif,.tablet-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb,.tablet-body-2-serif,.tablet-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb,.tablet-body-3-serif,.tablet-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb,.tablet-body-4-serif,.tablet-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb,.tablet-body-5-serif,.tablet-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt,.tablet-heading-1-lt-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-lt-serif{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb,.tablet-heading-1-sb-serif,.tablet-heading-2-sb-serif,.tablet-heading-3-sb-serif,.tablet-heading-4-sb-serif,.tablet-body-1-sb-serif,.tablet-body-2-sb-serif,.tablet-body-3-sb-serif,.tablet-body-4-sb-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-sb-serif{font-weight:var(--font-sb)}.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif,.tablet-body-1-serif,.tablet-body-1-sb-serif,.tablet-body-2-serif,.tablet-body-2-sb-serif,.tablet-body-3-serif,.tablet-body-3-sb-serif,.tablet-body-4-serif,.tablet-body-4-sb-serif,.tablet-body-5-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt,.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb,.desktop-body-1-serif,.desktop-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb,.desktop-body-2-serif,.desktop-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb,.desktop-body-3-serif,.desktop-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb,.desktop-body-4-serif,.desktop-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb,.desktop-body-5-serif,.desktop-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt,.desktop-heading-1-lt-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-lt-serif{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb,.desktop-heading-1-sb-serif,.desktop-heading-2-sb-serif,.desktop-heading-3-sb-serif,.desktop-heading-4-sb-serif,.desktop-body-1-sb-serif,.desktop-body-2-sb-serif,.desktop-body-3-sb-serif,.desktop-body-4-sb-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-sb-serif{font-weight:var(--font-sb)}.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif,.desktop-body-1-serif,.desktop-body-1-sb-serif,.desktop-body-2-serif,.desktop-body-2-sb-serif,.desktop-body-3-serif,.desktop-body-3-sb-serif,.desktop-body-4-serif,.desktop-body-4-sb-serif,.desktop-body-5-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt,.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb,.wide-body-1-serif,.wide-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb,.wide-body-2-serif,.wide-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb,.wide-body-3-serif,.wide-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb,.wide-body-4-serif,.wide-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb,.wide-body-5-serif,.wide-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb,.wide-interactive-1-serif,.wide-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb,.wide-interactive-2-serif,.wide-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt,.wide-heading-1-lt-serif,.wide-heading-2-lt-serif,.wide-heading-3-lt-serif,.wide-heading-4-lt-serif{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb,.wide-heading-1-sb-serif,.wide-heading-2-sb-serif,.wide-heading-3-sb-serif,.wide-heading-4-sb-serif,.wide-body-1-sb-serif,.wide-body-2-sb-serif,.wide-body-3-sb-serif,.wide-body-4-sb-serif,.wide-body-5-sb-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-sb-serif{font-weight:var(--font-sb)}.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif,.wide-body-1-serif,.wide-body-1-sb-serif,.wide-body-2-serif,.wide-body-2-sb-serif,.wide-body-3-serif,.wide-body-3-sb-serif,.wide-body-4-serif,.wide-body-4-sb-serif,.wide-body-5-serif,.wide-body-5-sb-serif,.wide-interactive-1-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-family:var(--font-family-serif)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt,.heading-1-lt-serif,.heading-2-lt-serif,.heading-3-lt-serif,.heading-4-lt-serif{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb,.heading-1-sb-serif,.heading-2-sb-serif,.heading-3-sb-serif,.heading-4-sb-serif,.body-1-sb-serif,.body-2-sb-serif,.body-3-sb-serif,.body-4-sb-serif,.body-5-sb-serif,.interactive-1-sb-serif,.interactive-2-sb-serif,.interactive-3-sb-serif,.helper-sb-serif{font-weight:var(--font-sb)}.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif,.body-1-serif,.body-1-sb-serif,.body-2-serif,.body-2-sb-serif,.body-3-serif,.body-3-sb-serif,.body-4-serif,.body-4-sb-serif,.body-5-serif,.body-5-sb-serif,.interactive-1-serif,.interactive-1-sb-serif,.interactive-2-serif,.interactive-2-sb-serif,.interactive-3-serif,.interactive-3-sb-serif,.helper-serif,.helper-sb-serif{font-family:var(--font-family-serif)}'}},[1,"z-book-card-app",{logo:[1],name:[1],link:[1],laz:[4],info:[1]}]),b=l,d=function(){"undefined"!=typeof customElements&&["z-book-card-app","z-icon","z-info-reveal"].forEach((e=>{switch(e){case"z-book-card-app":customElements.get(s(e))||customElements.define(s(e),l);break;case"z-icon":customElements.get(s(e))||r();break;case"z-info-reveal":customElements.get(s(e))||f()}}))};export{b as ZBookCardApp,d as defineCustomElement}

package/dist/components/z-book-card.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as n,Host as o,transformTag as a}from"@stencil/core/internal/client";import{_ as l,e as r}from"./index2.js";import{d as s}from"./index14.js";import{d}from"./index4.js";import{d as b}from"./index3.js";const f=()=>`:host{--z-book-card-portrait-cover-height:378px;--z-book-card-title-lines:2;--z-book-card-title-word-break:initial;--z-book-card-subtitle-lines:1;--z-book-card-subtitle-word-break:break-all;--z-book-card-authors-lines:1;--z-book-card-authors-word-break:break-all;display:flex;width:304px;box-sizing:border-box;flex-direction:column;border:solid var(--border-size-medium) var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-default-text);font-family:var(--font-family-sans)}:host,*{box-sizing:border-box}.main-content{display:flex;height:100%;flex-direction:column;padding:var(--space-unit);gap:var(--space-unit)}.main-content .cover{position:relative;display:flex;overflow:hidden;align-items:flex-end;justify-content:center;border-radius:var(--border-radius)}.main-content .cover z-book-cover{--z-book-cover-height:var(--z-book-card-portrait-cover-height)}.main-content a.cover:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.main-content .card-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:var(--space-unit)}.main-content .card-info .top{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2)}.main-content .card-info .top ::slotted([slot="tags"]){display:flex;flex-wrap:wrap;gap:var(--space-unit)}.main-content .card-info .top ::slotted([slot="data"]){display:flex;justify-content:space-between}.main-content .card-info .top .ellipsis{display:-webkit-box;overflow:hidden;height:1.4rem;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;line-height:1.4rem;text-overflow:ellipsis;word-break:break-all}.main-content .card-info .top .ellipsis.opera-title{height:auto;max-height:calc(1.5rem * var(--z-book-card-title-lines));-webkit-line-clamp:var(--z-book-card-title-lines);line-clamp:var(--z-book-card-title-lines);line-height:1.5rem;word-break:var(--z-book-card-title-word-break)}.main-content .card-info .top .ellipsis.volume-title{height:auto;max-height:calc(1.4rem * var(--z-book-card-subtitle-lines));-webkit-line-clamp:var(--z-book-card-subtitle-lines);line-clamp:var(--z-book-card-subtitle-lines);line-height:1.4rem;word-break:var(--z-book-card-subtitle-word-break)}.main-content .card-info .top .ellipsis.authors{height:auto;max-height:calc(1.4rem * var(--z-book-card-authors-lines));-webkit-line-clamp:var(--z-book-card-authors-lines);line-clamp:var(--z-book-card-authors-lines);line-height:1.4rem;word-break:var(--z-book-card-authors-word-break)}.main-content .card-info .top .opera-title *{all:unset}.main-content .card-info .top .link-chip-wrapper{display:flex;justify-content:space-between}.main-content .card-info .ebook{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-unit)}.main-content .card-info .ebook .app-name{display:flex;align-items:center;font-family:var(--font-family-serif);gap:calc(var(--space-unit) / 2)}.main-content .card-info .ebook .app-name .ebook-logo{width:1.5rem;height:1.5rem;content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.main-content .card-info .top>div{display:grid;column-gap:calc(var(--space-unit) / 2);grid-template-columns:1fr auto}.main-content .card-info .top>div>*{grid-column:1}.main-content .card-info .top>div>.cta-slot{align-self:start;grid-column:2;grid-row:1}:host([variant="landscape"]){width:635px;min-height:max(332px, 20.75rem);padding:0}:host([variant="landscape"]) .main-content{min-height:max(332px, 20.75rem);flex-direction:row;padding:calc(var(--space-unit) * 2);gap:calc(var(--space-unit) * 2)}:host([variant="landscape"]) .main-content .cover z-book-cover{--z-book-cover-height:300px}:host([variant="landscape"]) .main-content .card-info,:host([variant="landscape"]) .main-content .card-info .top{gap:calc(var(--space-unit) / 2)}:host([variant="portrait"]) .main-content .card-info .top>div>.year~.cta-slot,:host([variant="portrait"]) .main-content .card-info .top>div>.authors~.cta-slot{grid-row:2}:host([variant="portrait"]) .main-content .card-info .top>div>.year~.authors~.cta-slot{grid-row:3}@media (max-width: 767px){:host([variant="portrait"]){width:100%;max-width:400px}}`;const c=()=>`:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}`;const h=()=>`button.z-link{padding:0;border:0;margin:0;background-color:transparent}a.z-link,button.z-link{display:inline-flex;cursor:pointer;font-family:var(--font-family-sans);line-height:inherit;text-decoration:none}a.z-link.z-link-icon,button.z-link.z-link-icon{--z-icon-width:1.125em;--z-icon-height:1.125em;align-items:center;column-gap:0.5em}a.z-link.z-link-sb,button.z-link.z-link-sb{font-weight:var(--font-sb)}a.z-link.z-link-underline,button.z-link.z-link-underline{text-decoration:underline}a.z-link:hover,button.z-link:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link:active,button.z-link:active{text-decoration:underline}a.z-link:focus-visible,button.z-link:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}a.z-link.z-link-disabled,button.z-link.z-link-disabled{box-shadow:none;color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);outline:none;pointer-events:none;text-decoration:none}a.z-link,button.z-link,a.z-link.z-link-active,button.z-link.z-link-active,a.z-link:hover,button.z-link:hover,a.z-link.z-link-active:hover,button.z-link.z-link-active:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link.z-link-active:focus-visible,button.z-link.z-link-active:focus-visible,a.z-link:active,button.z-link:active,a.z-link.z-link-active:active,button.z-link.z-link-active:active,a.z-link:visited,button.z-link:visited,a.z-link.z-link-active:visited,button.z-link.z-link-active:visited{color:var(--color-text-link-default);fill:var(--color-text-link-default)}a.z-link.z-link-blue,button.z-link.z-link-blue,a.z-link.z-link-blue.z-link-active,button.z-link.z-link-blue.z-link-active{color:var(--color-text-link-blue);fill:var(--color-text-link-blue)}a.z-link.z-link-red,button.z-link.z-link-red,a.z-link.z-link-red.z-link-active,button.z-link.z-link-red.z-link-active{color:var(--color-text-link-red);fill:var(--color-text-link-red)}a.z-link.z-link-inverse,button.z-link.z-link-inverse,a.z-link.z-link-inverse.z-link-active,button.z-link.z-link-inverse.z-link-active{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:hover,button.z-link.z-link-blue:hover{color:var(--color-text-link-blue-hover);fill:var(--color-text-link-blue-hover)}a.z-link.z-link-red:hover,button.z-link.z-link-red:hover{color:var(--color-text-link-red-hover);fill:var(--color-text-link-red-hover)}a.z-link.z-link-inverse:hover,button.z-link.z-link-inverse:hover{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:active,button.z-link.z-link-blue:active,a.z-link.z-link-blue:focus-visible,button.z-link.z-link-blue:focus-visible{color:var(--color-text-link-blue-active);fill:var(--color-text-link-blue-active)}a.z-link.z-link-red:active,button.z-link.z-link-red:active,a.z-link.z-link-red:focus-visible,button.z-link.z-link-red:focus-visible{color:var(--color-text-link-red-active);fill:var(--color-text-link-red-active)}a.z-link.z-link-inverse:active,button.z-link.z-link-inverse:active,a.z-link.z-link-inverse:focus-visible,button.z-link.z-link-inverse:focus-visible{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:visited,button.z-link.z-link-blue:visited{color:var(--color-text-link-blue-visited);fill:var(--color-text-link-blue-visited)}a.z-link.z-link-red:visited,button.z-link.z-link-red:visited{color:var(--color-text-link-red-visited);fill:var(--color-text-link-red-visited)}a.z-link.z-link-inverse:visited,button.z-link.z-link-inverse:visited{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}`;const v=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.ebookClick=i(this,"ebookClick",7);this.coverClick=i(this,"coverClick",7);this.titleClick=i(this,"titleClick",7);this.variant=l.PORTRAIT;this.isbnLabel="";this.linkTarget="_blank";this.hasMultipleCovers=false}emitEbookClick(){this.ebookClick.emit()}emitCoverClick(){this.coverClick.emit()}emitTitleClick(){this.titleClick.emit()}renderCover(){const t=this.ebookUrl?"a":"div";const e=this.ebookUrl?{href:this.ebookUrl,onClick:()=>this.emitCoverClick(),target:this.linkTarget}:{};return n(t,Object.assign({class:"cover"},e),n("z-book-cover",{cover:this.cover,fallbackCover:this.fallbackCover,multiple:this.hasMultipleCovers&&this.variant===l.PORTRAIT},n("slot",{name:"coverOverlay",slot:"coverOverlay"})))}renderYear(){if(!this.year){return null}return n("div",{class:"year ellipsis body-4","aria-description":"anno"},this.year)}renderAuthors(){if(!this.authors){return null}return n("div",{class:"authors ellipsis body-4","aria-description":"autori"},this.authors)}renderOperaTitle(){const t=this.titleHtmlTag?`<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`:this.operaTitle;const e=n("div",{class:"opera-title ellipsis body-2-sb",innerHTML:t});if(this.ebookUrl){return n("a",{class:"z-link",href:this.ebookUrl,onClick:()=>this.emitTitleClick(),target:this.linkTarget},e)}return e}renderVolumeTitle(){if(!this.volumeTitle){return null}return n("div",{class:"volume-title ellipsis body-4"},this.volumeTitle)}renderIsbn(){if(!this.isbn){return null}return n("div",{class:"isbn ellipsis body-4-sb","aria-description":`isbn ${this.isbnLabel}`},this.isbn," ",this.isbnLabel?n("span",{class:"body-4"},this.isbnLabel):null)}renderEbook(){if(!this.ebookUrl){return null}return n("div",{class:"ebook"},n("div",{class:"app-name"},n("img",{class:"ebook-logo","aria-hidden":"true"}),n("div",{class:"body-4-sb"},"laZ Ebook")),n("z-button",{size:r.X_SMALL,href:this.ebookUrl,target:this.linkTarget,onClick:()=>this.emitEbookClick(),htmlRole:"link","aria-description":`leggi l'ebook ${this.operaTitle} su laZ Ebook`},"leggi ebook"))}render(){return n(o,{key:"391178b85e493465cb9804798e86d521d084b332"},n("div",{key:"8b02be97182892375849f06bdb7c9f236cd4f948",class:"main-content"},this.renderCover(),n("div",{key:"c6e17c02fa0a0c734bfce5b46213e9a71bd94a32",class:"card-info"},n("div",{key:"ac5928ab7e841711079005c3d5493307794a7d78",class:"top"},n("div",{key:"13eb36fef124a2ceb844750428a40158ce6fa99f"},this.renderYear(),this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn(),n("div",{key:"a5b6258a4b4b971866da61a3e89990fc1d3398ae",class:"cta-slot"},n("slot",{key:"ded0f03e6260f0214b22d1b0772ab68c6619e427",name:"cta"}))),n("slot",{key:"6993d539bbc14fecf710c39ad64300cc0f670c7d",name:"tags"}),n("slot",{key:"cb8f5042550f977610ecd0a6163f659f6c59adb8",name:"data"})),n("slot",{key:"61e08af7dc7ef3599dc29cb19365bf1aab1f220d",name:"ebook"},this.renderEbook()))),n("slot",{key:"4c096d7f0c06812981cd2405b984f0a76f457d74",name:"apps"}))}get hostElement(){return this}static get style(){return f()+(c()+h())}},[257,"z-book-card",{variant:[513],cover:[1],operaTitle:[1,"opera-title"],volumeTitle:[1,"volume-title"],authors:[1],isbn:[1],isbnLabel:[1,"isbn-label"],year:[1],ebookUrl:[1,"ebook-url"],linkTarget:[1,"link-target"],fallbackCover:[1,"fallback-cover"],hasMultipleCovers:[4,"has-multiple-covers"],titleHtmlTag:[1,"title-html-tag"]}]);function g(){if(typeof customElements==="undefined"){return}const t=["z-book-card","z-book-cover","z-button","z-icon"];t.forEach((t=>{switch(t){case"z-book-card":if(!customElements.get(a(t))){customElements.define(a(t),v)}break;case"z-book-cover":if(!customElements.get(a(t))){s()}break;case"z-button":if(!customElements.get(a(t))){d()}break;case"z-icon":if(!customElements.get(a(t))){b()}break}}))}const z=v;const k=g;export{z as ZBookCard,k as defineCustomElement};
-//# sourceMappingURL=z-book-card.js.map
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as n,Host as s,transformTag as a}from"@stencil/core/internal/client";import{_ as o,e as r}from"./index2.js";import{d as f}from"./index14.js";import{d as l}from"./index4.js";import{d as b}from"./index3.js";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.ebookClick=t(this,"ebookClick",7),this.coverClick=t(this,"coverClick",7),this.titleClick=t(this,"titleClick",7),this.variant=o.PORTRAIT,this.isbnLabel="",this.linkTarget="_blank",this.hasMultipleCovers=!1}emitEbookClick(){this.ebookClick.emit()}emitCoverClick(){this.coverClick.emit()}emitTitleClick(){this.titleClick.emit()}renderCover(){return n(this.ebookUrl?"a":"div",Object.assign({class:"cover"},this.ebookUrl?{href:this.ebookUrl,onClick:()=>this.emitCoverClick(),target:this.linkTarget}:{}),n("z-book-cover",{cover:this.cover,fallbackCover:this.fallbackCover,multiple:this.hasMultipleCovers&&this.variant===o.PORTRAIT},n("slot",{name:"coverOverlay",slot:"coverOverlay"})))}renderYear(){return this.year?n("div",{class:"year ellipsis body-4","aria-description":"anno"},this.year):null}renderAuthors(){return this.authors?n("div",{class:"authors ellipsis body-4","aria-description":"autori"},this.authors):null}renderOperaTitle(){const e=n("div",{class:"opera-title ellipsis body-2-sb",innerHTML:this.titleHtmlTag?`<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`:this.operaTitle});return this.ebookUrl?n("a",{class:"z-link",href:this.ebookUrl,onClick:()=>this.emitTitleClick(),target:this.linkTarget},e):e}renderVolumeTitle(){return this.volumeTitle?n("div",{class:"volume-title ellipsis body-4"},this.volumeTitle):null}renderIsbn(){return this.isbn?n("div",{class:"isbn ellipsis body-4-sb","aria-description":"isbn "+this.isbnLabel},this.isbn," ",this.isbnLabel?n("span",{class:"body-4"},this.isbnLabel):null):null}renderEbook(){return this.ebookUrl?n("div",{class:"ebook"},n("div",{class:"app-name"},n("img",{class:"ebook-logo","aria-hidden":"true"}),n("div",{class:"body-4-sb"},"laZ Ebook")),n("z-button",{size:r.X_SMALL,href:this.ebookUrl,target:this.linkTarget,onClick:()=>this.emitEbookClick(),htmlRole:"link","aria-description":`leggi l'ebook ${this.operaTitle} su laZ Ebook`},"leggi ebook")):null}render(){return n(s,{key:"391178b85e493465cb9804798e86d521d084b332"},n("div",{key:"8b02be97182892375849f06bdb7c9f236cd4f948",class:"main-content"},this.renderCover(),n("div",{key:"c6e17c02fa0a0c734bfce5b46213e9a71bd94a32",class:"card-info"},n("div",{key:"ac5928ab7e841711079005c3d5493307794a7d78",class:"top"},n("div",{key:"13eb36fef124a2ceb844750428a40158ce6fa99f"},this.renderYear(),this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn(),n("div",{key:"a5b6258a4b4b971866da61a3e89990fc1d3398ae",class:"cta-slot"},n("slot",{key:"ded0f03e6260f0214b22d1b0772ab68c6619e427",name:"cta"}))),n("slot",{key:"6993d539bbc14fecf710c39ad64300cc0f670c7d",name:"tags"}),n("slot",{key:"cb8f5042550f977610ecd0a6163f659f6c59adb8",name:"data"})),n("slot",{key:"61e08af7dc7ef3599dc29cb19365bf1aab1f220d",name:"ebook"},this.renderEbook()))),n("slot",{key:"4c096d7f0c06812981cd2405b984f0a76f457d74",name:"apps"}))}get hostElement(){return this}static get style(){return':host{--z-book-card-portrait-cover-height:378px;--z-book-card-title-lines:2;--z-book-card-title-word-break:initial;--z-book-card-subtitle-lines:1;--z-book-card-subtitle-word-break:break-all;--z-book-card-authors-lines:1;--z-book-card-authors-word-break:break-all;display:flex;width:304px;box-sizing:border-box;flex-direction:column;border:solid var(--border-size-medium) var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-default-text);font-family:var(--font-family-sans)}:host,*{box-sizing:border-box}.main-content{display:flex;height:100%;flex-direction:column;padding:var(--space-unit);gap:var(--space-unit)}.main-content .cover{position:relative;display:flex;overflow:hidden;align-items:flex-end;justify-content:center;border-radius:var(--border-radius)}.main-content .cover z-book-cover{--z-book-cover-height:var(--z-book-card-portrait-cover-height)}.main-content a.cover:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.main-content .card-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:var(--space-unit)}.main-content .card-info .top{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2)}.main-content .card-info .top ::slotted([slot="tags"]){display:flex;flex-wrap:wrap;gap:var(--space-unit)}.main-content .card-info .top ::slotted([slot="data"]){display:flex;justify-content:space-between}.main-content .card-info .top .ellipsis{display:-webkit-box;overflow:hidden;height:1.4rem;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;line-height:1.4rem;text-overflow:ellipsis;word-break:break-all}.main-content .card-info .top .ellipsis.opera-title{height:auto;max-height:calc(1.5rem * var(--z-book-card-title-lines));-webkit-line-clamp:var(--z-book-card-title-lines);line-clamp:var(--z-book-card-title-lines);line-height:1.5rem;word-break:var(--z-book-card-title-word-break)}.main-content .card-info .top .ellipsis.volume-title{height:auto;max-height:calc(1.4rem * var(--z-book-card-subtitle-lines));-webkit-line-clamp:var(--z-book-card-subtitle-lines);line-clamp:var(--z-book-card-subtitle-lines);line-height:1.4rem;word-break:var(--z-book-card-subtitle-word-break)}.main-content .card-info .top .ellipsis.authors{height:auto;max-height:calc(1.4rem * var(--z-book-card-authors-lines));-webkit-line-clamp:var(--z-book-card-authors-lines);line-clamp:var(--z-book-card-authors-lines);line-height:1.4rem;word-break:var(--z-book-card-authors-word-break)}.main-content .card-info .top .opera-title *{all:unset}.main-content .card-info .top .link-chip-wrapper{display:flex;justify-content:space-between}.main-content .card-info .ebook{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-unit)}.main-content .card-info .ebook .app-name{display:flex;align-items:center;font-family:var(--font-family-serif);gap:calc(var(--space-unit) / 2)}.main-content .card-info .ebook .app-name .ebook-logo{width:1.5rem;height:1.5rem;content:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.main-content .card-info .top>div{display:grid;column-gap:calc(var(--space-unit) / 2);grid-template-columns:1fr auto}.main-content .card-info .top>div>*{grid-column:1}.main-content .card-info .top>div>.cta-slot{align-self:start;grid-column:2;grid-row:1}:host([variant="landscape"]){width:635px;min-height:max(332px, 20.75rem);padding:0}:host([variant="landscape"]) .main-content{min-height:max(332px, 20.75rem);flex-direction:row;padding:calc(var(--space-unit) * 2);gap:calc(var(--space-unit) * 2)}:host([variant="landscape"]) .main-content .cover z-book-cover{--z-book-cover-height:300px}:host([variant="landscape"]) .main-content .card-info,:host([variant="landscape"]) .main-content .card-info .top{gap:calc(var(--space-unit) / 2)}:host([variant="portrait"]) .main-content .card-info .top>div>.year~.cta-slot,:host([variant="portrait"]) .main-content .card-info .top>div>.authors~.cta-slot{grid-row:2}:host([variant="portrait"]) .main-content .card-info .top>div>.year~.authors~.cta-slot{grid-row:3}@media (max-width: 767px){:host([variant="portrait"]){width:100%;max-width:400px}}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-1:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-4:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-lt:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-lt-serif:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--body-2:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-serif:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-serif);--body-2-sb:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-sb-serif:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-serif);--body-3:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--body-3-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--body-4:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--body-4-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--body-5:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--body-5-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-1:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-1-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-2:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-2-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-3:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-3-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--helper:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-serif:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--helper-sb:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-sb-serif:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif)}@media (min-width: 1152px){:root{--heading-1:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif)}}.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb,.body-1-serif,.body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb,.body-2-serif,.body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb,.body-3-serif,.body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb,.body-4-serif,.body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb,.body-5-serif,.body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb,.interactive-1-serif,.interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb,.interactive-2-serif,.interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb,.interactive-3-serif,.interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb,.helper-serif,.helper-sb-serif{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt,.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb,.mobile-body-1-serif,.mobile-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb,.mobile-body-2-serif,.mobile-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb,.mobile-body-3-serif,.mobile-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb,.mobile-body-4-serif,.mobile-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb,.mobile-body-5-serif,.mobile-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt,.mobile-heading-1-lt-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-lt-serif{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb,.mobile-heading-1-sb-serif,.mobile-heading-2-sb-serif,.mobile-heading-3-sb-serif,.mobile-heading-4-sb-serif,.mobile-body-1-sb-serif,.mobile-body-2-sb-serif,.mobile-body-3-sb-serif,.mobile-body-4-sb-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-sb-serif{font-weight:var(--font-sb)}.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif,.mobile-body-1-serif,.mobile-body-1-sb-serif,.mobile-body-2-serif,.mobile-body-2-sb-serif,.mobile-body-3-serif,.mobile-body-3-sb-serif,.mobile-body-4-serif,.mobile-body-4-sb-serif,.mobile-body-5-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt,.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb,.tablet-body-1-serif,.tablet-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb,.tablet-body-2-serif,.tablet-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb,.tablet-body-3-serif,.tablet-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb,.tablet-body-4-serif,.tablet-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb,.tablet-body-5-serif,.tablet-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt,.tablet-heading-1-lt-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-lt-serif{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb,.tablet-heading-1-sb-serif,.tablet-heading-2-sb-serif,.tablet-heading-3-sb-serif,.tablet-heading-4-sb-serif,.tablet-body-1-sb-serif,.tablet-body-2-sb-serif,.tablet-body-3-sb-serif,.tablet-body-4-sb-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-sb-serif{font-weight:var(--font-sb)}.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif,.tablet-body-1-serif,.tablet-body-1-sb-serif,.tablet-body-2-serif,.tablet-body-2-sb-serif,.tablet-body-3-serif,.tablet-body-3-sb-serif,.tablet-body-4-serif,.tablet-body-4-sb-serif,.tablet-body-5-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt,.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb,.desktop-body-1-serif,.desktop-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb,.desktop-body-2-serif,.desktop-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb,.desktop-body-3-serif,.desktop-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb,.desktop-body-4-serif,.desktop-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb,.desktop-body-5-serif,.desktop-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt,.desktop-heading-1-lt-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-lt-serif{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb,.desktop-heading-1-sb-serif,.desktop-heading-2-sb-serif,.desktop-heading-3-sb-serif,.desktop-heading-4-sb-serif,.desktop-body-1-sb-serif,.desktop-body-2-sb-serif,.desktop-body-3-sb-serif,.desktop-body-4-sb-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-sb-serif{font-weight:var(--font-sb)}.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif,.desktop-body-1-serif,.desktop-body-1-sb-serif,.desktop-body-2-serif,.desktop-body-2-sb-serif,.desktop-body-3-serif,.desktop-body-3-sb-serif,.desktop-body-4-serif,.desktop-body-4-sb-serif,.desktop-body-5-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt,.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb,.wide-body-1-serif,.wide-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb,.wide-body-2-serif,.wide-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb,.wide-body-3-serif,.wide-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb,.wide-body-4-serif,.wide-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb,.wide-body-5-serif,.wide-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb,.wide-interactive-1-serif,.wide-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb,.wide-interactive-2-serif,.wide-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt,.wide-heading-1-lt-serif,.wide-heading-2-lt-serif,.wide-heading-3-lt-serif,.wide-heading-4-lt-serif{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb,.wide-heading-1-sb-serif,.wide-heading-2-sb-serif,.wide-heading-3-sb-serif,.wide-heading-4-sb-serif,.wide-body-1-sb-serif,.wide-body-2-sb-serif,.wide-body-3-sb-serif,.wide-body-4-sb-serif,.wide-body-5-sb-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-sb-serif{font-weight:var(--font-sb)}.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif,.wide-body-1-serif,.wide-body-1-sb-serif,.wide-body-2-serif,.wide-body-2-sb-serif,.wide-body-3-serif,.wide-body-3-sb-serif,.wide-body-4-serif,.wide-body-4-sb-serif,.wide-body-5-serif,.wide-body-5-sb-serif,.wide-interactive-1-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-family:var(--font-family-serif)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt,.heading-1-lt-serif,.heading-2-lt-serif,.heading-3-lt-serif,.heading-4-lt-serif{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb,.heading-1-sb-serif,.heading-2-sb-serif,.heading-3-sb-serif,.heading-4-sb-serif,.body-1-sb-serif,.body-2-sb-serif,.body-3-sb-serif,.body-4-sb-serif,.body-5-sb-serif,.interactive-1-sb-serif,.interactive-2-sb-serif,.interactive-3-sb-serif,.helper-sb-serif{font-weight:var(--font-sb)}.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif,.body-1-serif,.body-1-sb-serif,.body-2-serif,.body-2-sb-serif,.body-3-serif,.body-3-sb-serif,.body-4-serif,.body-4-sb-serif,.body-5-serif,.body-5-sb-serif,.interactive-1-serif,.interactive-1-sb-serif,.interactive-2-serif,.interactive-2-sb-serif,.interactive-3-serif,.interactive-3-sb-serif,.helper-serif,.helper-sb-serif{font-family:var(--font-family-serif)}button.z-link{padding:0;border:0;margin:0;background-color:transparent}a.z-link,button.z-link{display:inline-flex;cursor:pointer;font-family:var(--font-family-sans);line-height:inherit;text-decoration:none}a.z-link.z-link-icon,button.z-link.z-link-icon{--z-icon-width:1.125em;--z-icon-height:1.125em;align-items:center;column-gap:0.5em}a.z-link.z-link-sb,button.z-link.z-link-sb{font-weight:var(--font-sb)}a.z-link.z-link-underline,button.z-link.z-link-underline{text-decoration:underline}a.z-link:hover,button.z-link:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link:active,button.z-link:active{text-decoration:underline}a.z-link:focus-visible,button.z-link:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}a.z-link.z-link-disabled,button.z-link.z-link-disabled{box-shadow:none;color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);outline:none;pointer-events:none;text-decoration:none}a.z-link,button.z-link,a.z-link.z-link-active,button.z-link.z-link-active,a.z-link:hover,button.z-link:hover,a.z-link.z-link-active:hover,button.z-link.z-link-active:hover,a.z-link:focus-visible,button.z-link:focus-visible,a.z-link.z-link-active:focus-visible,button.z-link.z-link-active:focus-visible,a.z-link:active,button.z-link:active,a.z-link.z-link-active:active,button.z-link.z-link-active:active,a.z-link:visited,button.z-link:visited,a.z-link.z-link-active:visited,button.z-link.z-link-active:visited{color:var(--color-text-link-default);fill:var(--color-text-link-default)}a.z-link.z-link-blue,button.z-link.z-link-blue,a.z-link.z-link-blue.z-link-active,button.z-link.z-link-blue.z-link-active{color:var(--color-text-link-blue);fill:var(--color-text-link-blue)}a.z-link.z-link-red,button.z-link.z-link-red,a.z-link.z-link-red.z-link-active,button.z-link.z-link-red.z-link-active{color:var(--color-text-link-red);fill:var(--color-text-link-red)}a.z-link.z-link-inverse,button.z-link.z-link-inverse,a.z-link.z-link-inverse.z-link-active,button.z-link.z-link-inverse.z-link-active{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:hover,button.z-link.z-link-blue:hover{color:var(--color-text-link-blue-hover);fill:var(--color-text-link-blue-hover)}a.z-link.z-link-red:hover,button.z-link.z-link-red:hover{color:var(--color-text-link-red-hover);fill:var(--color-text-link-red-hover)}a.z-link.z-link-inverse:hover,button.z-link.z-link-inverse:hover{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:active,button.z-link.z-link-blue:active,a.z-link.z-link-blue:focus-visible,button.z-link.z-link-blue:focus-visible{color:var(--color-text-link-blue-active);fill:var(--color-text-link-blue-active)}a.z-link.z-link-red:active,button.z-link.z-link-red:active,a.z-link.z-link-red:focus-visible,button.z-link.z-link-red:focus-visible{color:var(--color-text-link-red-active);fill:var(--color-text-link-red-active)}a.z-link.z-link-inverse:active,button.z-link.z-link-inverse:active,a.z-link.z-link-inverse:focus-visible,button.z-link.z-link-inverse:focus-visible{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}a.z-link.z-link-blue:visited,button.z-link.z-link-blue:visited{color:var(--color-text-link-blue-visited);fill:var(--color-text-link-blue-visited)}a.z-link.z-link-red:visited,button.z-link.z-link-red:visited{color:var(--color-text-link-red-visited);fill:var(--color-text-link-red-visited)}a.z-link.z-link-inverse:visited,button.z-link.z-link-inverse:visited{color:var(--color-text-link-inverse);fill:var(--color-text-link-inverse)}'}},[257,"z-book-card",{variant:[513],cover:[1],operaTitle:[1,"opera-title"],volumeTitle:[1,"volume-title"],authors:[1],isbn:[1],isbnLabel:[1,"isbn-label"],year:[1],ebookUrl:[1,"ebook-url"],linkTarget:[1,"link-target"],fallbackCover:[1,"fallback-cover"],hasMultipleCovers:[4,"has-multiple-covers"],titleHtmlTag:[1,"title-html-tag"]}]),v=d,h=function(){"undefined"!=typeof customElements&&["z-book-card","z-book-cover","z-button","z-icon"].forEach((e=>{switch(e){case"z-book-card":customElements.get(a(e))||customElements.define(a(e),d);break;case"z-book-cover":customElements.get(a(e))||f();break;case"z-button":customElements.get(a(e))||l();break;case"z-icon":customElements.get(a(e))||b()}}))};export{v as ZBookCard,h as defineCustomElement}

package/dist/components/z-book-cover.js CHANGED Viewed

@@ -1,2 +1 @@
-import{Z as o,d as s}from"./index14.js";const t=o;const n=s;export{t as ZBookCover,n as defineCustomElement};
-//# sourceMappingURL=z-book-cover.js.map
+import{Z as o,d as s}from"./index14.js";const r=o,t=s;export{r as ZBookCover,t as defineCustomElement}

package/dist/components/z-breadcrumb.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as o,transformTag as r}from"@stencil/core/internal/client";import{W as n,X as a,p as l,g as h,P as c,i as p}from"./index2.js";import{g as d,h as u}from"./utils.js";import{d as f}from"./index5.js";import{d as m}from"./index3.js";import{d as v}from"./index8.js";import{d as b}from"./index9.js";import{d as g}from"./index10.js";import{d as z}from"./index16.js";const x=()=>`:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-text-link-blue);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-text-link-blue)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-text-link-blue);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-background);--z-popover-padding:0;--background-color-list-element:var(--color-background)}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover);line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}`;const w=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.clickOnNode=i(this,"clickOnNode",7);this.pathStyle=n.UNDERLINED;this.homepageVariant=a.ICON;this.maxNodesToShow=5;this.preventFollowUrl=false;this.overflowMenuItemRows=0;this.truncateChar=30;this.hasOverflow=false;this.popoverEllipsisOpen=false;this.collapsedElements=[];this.currentIndex=0;this.truncatePosition=null}handleResize(){this.viewPortWidth=d();if(this.viewPortWidth!==l.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(e,t){if(e===l.MOBILE||t===l.MOBILE&&e===l.TABLET||t===l.MOBILE&&e===l.DESKTOP||t===l.MOBILE&&e===l.DESKTOP_WIDE||t===l.TABLET&&e===l.DESKTOP||t===l.TABLET&&e===l.DESKTOP_WIDE||t===l.DESKTOP&&e===l.DESKTOP_WIDE){this.initializeBreadcrumb()}}componentWillLoad(){this.viewPortWidth=d();this.initializeBreadcrumb()}componentWillRender(){if(this.viewPortWidth!==l.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!==l.MOBILE){requestAnimationFrame((()=>{if(this.wrapElement.scrollWidth>this.wrapElement.clientWidth){if(!this.hasOverflow){this.hasOverflow=true}}}))}}initializeBreadcrumb(){if(this.viewPortWidth===l.MOBILE){this.pathsList=this.getPathsItemsList().filter((e=>!!e.path))}else{this.pathsList=this.getPathsItemsList()}this.homepageNode=this.pathsList.shift();this.pathListCopy=[...this.pathsList];this.collapsedElements=[];if(this.pathsList.length>this.maxNodesToShow){this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2)}}checkEllipsisOrOverflowMenu(){for(let e=0;e<this.pathsList.length;e++){if(this.pathsList[e].text.length<=this.truncateChar){continue}if(this.truncatePosition>0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition));this.pathsList.splice(0,this.truncatePosition);this.truncatePosition=0;return}else if(this.truncatePosition===0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1));this.pathsList.splice(0,this.truncatePosition+1);this.truncatePosition=null;return}if(e!==this.pathsList.length-1){const t=this.truncateWithEllipsis(this.pathsList[e].text,this.truncateChar);this.currentEllipsisText=this.pathsList[e].text;this.pathsList[e].text=t;this.pathsList[e].hasTooltip=true;this.truncatePosition=e;return}}}truncateWithEllipsis(e,t){if(e.length<=t){return e}return e.substring(0,t-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((e=>({text:e.textContent,path:e.href,hasTooltip:false})))}renderHomepageNode(){return s("li",null,s("a",{class:{"homepage-text":this.homepageVariant===a.TEXT},href:this.homepageNode.path,onClick:e=>this.handlePreventFollowUrl(e,this.homepageNode),innerHTML:this.homepageVariant===a.ICON?`<z-icon name="home" />`:this.homepageNode.text||"Home"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))}togglePopover(){if(!this.collapsedElementsRef.open){this.collapsedElementsRef.open=true}}handlePreventFollowUrl(e,t){if(this.preventFollowUrl){e.preventDefault();this.clickOnNode.emit(t.path)}}handleOverflowMenuAccessibility(e){const t=this.anchorElements.length;if(e.key===h.TAB){e.preventDefault();return}e.stopPropagation();const i=[h.ARROW_DOWN,h.ARROW_UP];if(i.includes(e.key)){e.preventDefault();if(e.key===h.ARROW_DOWN){this.currentIndex=t===this.currentIndex+1?0:this.currentIndex+1}if(e.key===h.ARROW_UP){this.currentIndex=this.currentIndex<=0?t-1:this.currentIndex-1}this.anchorElements[this.currentIndex].focus()}if(e.key===h.ESC){this.triggerButton.focus()}}renderOverflowMenu(){return s("li",null,s("z-popover",{class:"hidden-paths-popover",ref:e=>this.collapsedElementsRef=e,bindTo:this.triggerButton,position:c.BOTTOM_RIGHT,closable:true,showArrow:true},s("div",{class:"popover-content"},s("z-list",null,s("z-list-group",{size:p.SMALL},this.collapsedElements.map(((e,t,i)=>s("div",null,s("z-list-element",{clickable:true},s("a",{class:"text-ellipsis",href:e.path,onClick:t=>this.handlePreventFollowUrl(t,e),onKeyDown:e=>this.handleOverflowMenuAccessibility(e),innerHTML:e.text})),t<i.length-1&&s("z-divider",{color:"color-surface03"})))))))),s("button",{class:"dots",ref:e=>this.triggerButton=e,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:e=>{u(e,this.togglePopover.bind(this));setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))}renderMobileItems(){const e=this.pathsList[this.pathsList.length-1];if(!e){return}return s("li",null,s("a",{"aria-current":e.path?undefined:"page",href:e.path,onClick:t=>this.handlePreventFollowUrl(t,e)},s("z-icon",{name:"chevron-left"}),s("span",{class:{"missing-path":!e.path,"text-ellipsis":true}},e.text)))}renderItems(){let e;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((t,i)=>s("li",null,t.hasTooltip&&s("z-popover",{class:"full-path-tooltip",bindTo:e,open:this.popoverEllipsisOpen,position:c.BOTTOM_RIGHT,closable:false,showArrow:true},s("span",{class:"tooltip-content"},this.currentEllipsisText)),s("a",{class:{"missing-path":!t.path},ref:t=>e=t,"aria-current":t.path?undefined:"page",href:t.path,onClick:e=>this.handlePreventFollowUrl(e,t),onMouseOver:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=true}},onMouseLeave:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=false}},innerHTML:t.text}),i!==this.pathsList.length-1&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))))]}render(){return s(o,{key:"21c4307fce9f47f07e2f981f6aa6a6c55c93bd52",style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},s("nav",{key:"8e9e10a75e0659967e06479e62bdbb16585d41b9",ref:e=>this.wrapElement=e,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===n.SEMIBOLD,underlined:this.pathStyle===n.UNDERLINED}},s("ol",{key:"c34f110b205428e846187ece3fb1bece26b9a808"},this.viewPortWidth===l.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return this}static get watchers(){return{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}}static get style(){return x()}},[1,"z-breadcrumb",{pathStyle:[513,"path-style"],homepageVariant:[1,"homepage-variant"],maxNodesToShow:[2,"max-nodes-to-show"],preventFollowUrl:[4,"prevent-follow-url"],overflowMenuItemRows:[2,"overflow-menu-item-rows"],truncateChar:[2,"truncate-char"],viewPortWidth:[32],hasOverflow:[32],popoverEllipsisOpen:[32]},[[9,"resize","handleResize"]],{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}]);function k(){if(typeof customElements==="undefined"){return}const e=["z-breadcrumb","z-divider","z-icon","z-list","z-list-element","z-list-group","z-popover"];e.forEach((e=>{switch(e){case"z-breadcrumb":if(!customElements.get(r(e))){customElements.define(r(e),w)}break;case"z-divider":if(!customElements.get(r(e))){f()}break;case"z-icon":if(!customElements.get(r(e))){m()}break;case"z-list":if(!customElements.get(r(e))){v()}break;case"z-list-element":if(!customElements.get(r(e))){b()}break;case"z-list-group":if(!customElements.get(r(e))){g()}break;case"z-popover":if(!customElements.get(r(e))){z()}break}}))}const y=w;const E=k;export{y as ZBreadcrumb,E as defineCustomElement};
-//# sourceMappingURL=z-breadcrumb.js.map
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as o,transformTag as r}from"@stencil/core/internal/client";import{W as n,X as a,p as l,g as h,P as p,i as c}from"./index2.js";import{g as d,h as m}from"./utils.js";import{d as u}from"./index5.js";import{d as v}from"./index3.js";import{d as f}from"./index8.js";import{d as b}from"./index9.js";import{d as g}from"./index10.js";import{d as z}from"./index16.js";const x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.clickOnNode=i(this,"clickOnNode",7),this.pathStyle=n.UNDERLINED,this.homepageVariant=a.ICON,this.maxNodesToShow=5,this.preventFollowUrl=!1,this.overflowMenuItemRows=0,this.truncateChar=30,this.hasOverflow=!1,this.popoverEllipsisOpen=!1,this.collapsedElements=[],this.currentIndex=0,this.truncatePosition=null}handleResize(){this.viewPortWidth=d(),this.viewPortWidth!==l.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow=!0)}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(t,e){(t===l.MOBILE||e===l.MOBILE&&t===l.TABLET||e===l.MOBILE&&t===l.DESKTOP||e===l.MOBILE&&t===l.DESKTOP_WIDE||e===l.TABLET&&t===l.DESKTOP||e===l.TABLET&&t===l.DESKTOP_WIDE||e===l.DESKTOP&&t===l.DESKTOP_WIDE)&&this.initializeBreadcrumb()}componentWillLoad(){this.viewPortWidth=d(),this.initializeBreadcrumb()}componentWillRender(){this.viewPortWidth!==l.MOBILE&&this.hasOverflow&&(this.checkEllipsisOrOverflowMenu(),this.hasOverflow=!1)}componentDidRender(){this.collapsedElementsRef&&(this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))),this.viewPortWidth!==l.MOBILE&&requestAnimationFrame((()=>{this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow||(this.hasOverflow=!0))}))}initializeBreadcrumb(){this.pathsList=this.viewPortWidth===l.MOBILE?this.getPathsItemsList().filter((t=>!!t.path)):this.getPathsItemsList(),this.homepageNode=this.pathsList.shift(),this.pathListCopy=[...this.pathsList],this.collapsedElements=[],this.pathsList.length>this.maxNodesToShow&&(this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2))}checkEllipsisOrOverflowMenu(){for(let t=0;t<this.pathsList.length;t++)if(!(this.pathsList[t].text.length<=this.truncateChar)){if(this.truncatePosition>0)return this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition)),this.pathsList.splice(0,this.truncatePosition),void(this.truncatePosition=0);if(0===this.truncatePosition)return this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1)),this.pathsList.splice(0,this.truncatePosition+1),void(this.truncatePosition=null);if(t!==this.pathsList.length-1){const e=this.truncateWithEllipsis(this.pathsList[t].text,this.truncateChar);return this.currentEllipsisText=this.pathsList[t].text,this.pathsList[t].text=e,this.pathsList[t].hasTooltip=!0,void(this.truncatePosition=t)}}}truncateWithEllipsis(t,e){return t.length<=e?t:t.substring(0,e-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((t=>({text:t.textContent,path:t.href,hasTooltip:!1})))}renderHomepageNode(){return s("li",null,s("a",{class:{"homepage-text":this.homepageVariant===a.TEXT},href:this.homepageNode.path,onClick:t=>this.handlePreventFollowUrl(t,this.homepageNode),innerHTML:this.homepageVariant===a.ICON?'<z-icon name="home" />':this.homepageNode.text||"Home"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))}togglePopover(){this.collapsedElementsRef.open||(this.collapsedElementsRef.open=!0)}handlePreventFollowUrl(t,e){this.preventFollowUrl&&(t.preventDefault(),this.clickOnNode.emit(e.path))}handleOverflowMenuAccessibility(t){const e=this.anchorElements.length;t.key!==h.TAB?(t.stopPropagation(),[h.ARROW_DOWN,h.ARROW_UP].includes(t.key)&&(t.preventDefault(),t.key===h.ARROW_DOWN&&(this.currentIndex=e===this.currentIndex+1?0:this.currentIndex+1),t.key===h.ARROW_UP&&(this.currentIndex=this.currentIndex<=0?e-1:this.currentIndex-1),this.anchorElements[this.currentIndex].focus()),t.key===h.ESC&&this.triggerButton.focus()):t.preventDefault()}renderOverflowMenu(){return s("li",null,s("z-popover",{class:"hidden-paths-popover",ref:t=>this.collapsedElementsRef=t,bindTo:this.triggerButton,position:p.BOTTOM_RIGHT,closable:!0,showArrow:!0},s("div",{class:"popover-content"},s("z-list",null,s("z-list-group",{size:c.SMALL},this.collapsedElements.map(((t,e,i)=>s("div",null,s("z-list-element",{clickable:!0},s("a",{class:"text-ellipsis",href:t.path,onClick:e=>this.handlePreventFollowUrl(e,t),onKeyDown:t=>this.handleOverflowMenuAccessibility(t),innerHTML:t.text})),e<i.length-1&&s("z-divider",{color:"color-surface03"})))))))),s("button",{class:"dots",ref:t=>this.triggerButton=t,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:t=>{m(t,this.togglePopover.bind(this)),setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))}renderMobileItems(){const t=this.pathsList[this.pathsList.length-1];if(t)return s("li",null,s("a",{"aria-current":t.path?void 0:"page",href:t.path,onClick:e=>this.handlePreventFollowUrl(e,t)},s("z-icon",{name:"chevron-left"}),s("span",{class:{"missing-path":!t.path,"text-ellipsis":!0}},t.text)))}renderItems(){let t;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((e,i)=>s("li",null,e.hasTooltip&&s("z-popover",{class:"full-path-tooltip",bindTo:t,open:this.popoverEllipsisOpen,position:p.BOTTOM_RIGHT,closable:!1,showArrow:!0},s("span",{class:"tooltip-content"},this.currentEllipsisText)),s("a",{class:{"missing-path":!e.path},ref:e=>t=e,"aria-current":e.path?void 0:"page",href:e.path,onClick:t=>this.handlePreventFollowUrl(t,e),onMouseOver:()=>{e.hasTooltip&&(this.popoverEllipsisOpen=!0)},onMouseLeave:()=>{e.hasTooltip&&(this.popoverEllipsisOpen=!1)},innerHTML:e.text}),i!==this.pathsList.length-1&&s("z-icon",{class:"separator",name:"chevron-right","aria-hidden":"true"}))))]}render(){return s(o,{key:"97fde01164aabe67be92366faced71943ab7a408",style:{"--line-clamp-popover":""+this.overflowMenuItemRows}},s("nav",{key:"a796a1f86e033f800854c5167759d6a2a5d8e621",ref:t=>this.wrapElement=t,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===n.SEMIBOLD,underlined:this.pathStyle===n.UNDERLINED}},s("ol",{key:"db73fa39d5164c7360049905956e7d2a8d3c7b3a"},this.viewPortWidth===l.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return this}static get watchers(){return{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}}static get style(){return":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-text-link-blue);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-text-link-blue)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-text-link-blue);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-background);--z-popover-padding:0;--background-color-list-element:var(--color-background)}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover);line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}"}},[1,"z-breadcrumb",{pathStyle:[513,"path-style"],homepageVariant:[1,"homepage-variant"],maxNodesToShow:[2,"max-nodes-to-show"],preventFollowUrl:[4,"prevent-follow-url"],overflowMenuItemRows:[2,"overflow-menu-item-rows"],truncateChar:[2,"truncate-char"],viewPortWidth:[32],hasOverflow:[32],popoverEllipsisOpen:[32]},[[9,"resize","handleResize"]],{maxNodesToShow:[{handlePropChange:0}],viewPortWidth:[{handleResizeUp:0}]}]),w=x,k=function(){"undefined"!=typeof customElements&&["z-breadcrumb","z-divider","z-icon","z-list","z-list-element","z-list-group","z-popover"].forEach((t=>{switch(t){case"z-breadcrumb":customElements.get(r(t))||customElements.define(r(t),x);break;case"z-divider":customElements.get(r(t))||u();break;case"z-icon":customElements.get(r(t))||v();break;case"z-list":customElements.get(r(t))||f();break;case"z-list-element":customElements.get(r(t))||b();break;case"z-list-group":customElements.get(r(t))||g();break;case"z-popover":customElements.get(r(t))||z()}}))};export{w as ZBreadcrumb,k as defineCustomElement}

package/dist/components/z-button-sort.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as r,HTMLElement as t,createEvent as o,h as i,transformTag as e}from"@stencil/core/internal/client";import{B as s}from"./breakpoints.js";import{d as a}from"./index3.js";const c=()=>`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-icon)}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-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}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 n=r(class r extends t{constructor(r){super();if(r!==false){this.__registerHost()}this.__attachShadow();this.buttonSortClick=o(this,"buttonSortClick",7);this.sortlabelasc="A-Z";this.sortlabeldesc="Z-A";this.isselected=false;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>s.TABLET){this.allowTooltip=true}}setButtonTitle(){return this.allowTooltip?`${this.sortasc?this.label:this.desclabel}`:""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return i("button",{key:"acc7e3fa2e284b9b5b5d8f20f5d2f149c80b7e05",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:()=>this.emitButtonSortClick()},i("span",{key:"a50ff5723e5817d724206e0495e1b3f45b5f4c3f",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),i("span",{key:"3962fb15112cb94ea958b607cb915f61f4adaa02",class:"counter"},this.counter&&` (${this.counter})`),i("span",{key:"23d06d6e51ce292b26e6e4bd7ee07aeb097f843f",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),i("z-icon",{key:"35d3bd5bd3f84cf6e008b8c01a3d0dc995dc6f44",name:"caret-up-down",width:16,height:16}))}static get style(){return c()}},[1,"z-button-sort",{buttonid:[1],label:[1],desclabel:[1],counter:[2],sortlabelasc:[1],sortlabeldesc:[1],isselected:[1028],sortasc:[1028],allowTooltip:[32]}]);function l(){if(typeof customElements==="undefined"){return}const r=["z-button-sort","z-icon"];r.forEach((r=>{switch(r){case"z-button-sort":if(!customElements.get(e(r))){customElements.define(e(r),n)}break;case"z-icon":if(!customElements.get(e(r))){a()}break}}))}const d=n;const h=l;export{d as ZButtonSort,h as defineCustomElement};
-//# sourceMappingURL=z-button-sort.js.map
+import{proxyCustomElement as r,HTMLElement as t,createEvent as o,h as i,transformTag as s}from"@stencil/core/internal/client";import{B as e}from"./breakpoints.js";import{d as a}from"./index3.js";const c=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.buttonSortClick=o(this,"buttonSortClick",7),this.sortlabelasc="A-Z",this.sortlabeldesc="Z-A",this.isselected=!1,this.sortasc=!0,this.allowTooltip=!1}emitButtonSortClick(){this.isselected?this.sortasc=!this.sortasc:this.isselected=!0,this.buttonSortClick.emit({buttonid:this.buttonid,sortAsc:this.sortasc})}componentDidLoad(){this.elementHasEllipsis()&&window.innerWidth>e.TABLET&&(this.allowTooltip=!0)}setButtonTitle(){return this.allowTooltip?""+(this.sortasc?this.label:this.desclabel):""}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return i("button",{key:"4901f145f3f99b77a517436136f465701ab704b4",title:this.setButtonTitle(),id:this.buttonid,class:{selected:this.isselected},onClick:()=>this.emitButtonSortClick()},i("span",{key:"9b58a4d901c813de970cf47671f0817e46db1b97",ref:r=>this.ellipsis=r,class:"ellipsis"},!this.sortasc&&this.desclabel?this.desclabel:this.label),i("span",{key:"2f41fcce8e401679195f8252b06fac2c6e6dc9f5",class:"counter"},this.counter&&` (${this.counter})`),i("span",{key:"ab012242e766809580745c9e0098349ab21bf785",class:"sort"},this.sortasc?this.sortlabelasc:this.sortlabeldesc),i("z-icon",{key:"3afa2dd73bd8a770f2a17f981694c2d183c0ebb0",name:"caret-up-down",width:16,height:16}))}static get style(){return"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-icon)}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-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}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}}"}},[1,"z-button-sort",{buttonid:[1],label:[1],desclabel:[1],counter:[2],sortlabelasc:[1],sortlabeldesc:[1],isselected:[1028],sortasc:[1028],allowTooltip:[32]}]),n=c,l=function(){"undefined"!=typeof customElements&&["z-button-sort","z-icon"].forEach((r=>{switch(r){case"z-button-sort":customElements.get(s(r))||customElements.define(s(r),c);break;case"z-icon":customElements.get(s(r))||a()}}))};export{n as ZButtonSort,l as defineCustomElement}

package/dist/components/z-button.js CHANGED Viewed

@@ -1,2 +1 @@
-import{Z as o,d as s}from"./index4.js";const t=o;const n=s;export{t as ZButton,n as defineCustomElement};
-//# sourceMappingURL=z-button.js.map
+import{Z as o,d as s}from"./index4.js";const r=o,t=s;export{r as ZButton,t as defineCustomElement}

package/dist/components/z-card.js CHANGED Viewed

@@ -1,2 +1 @@
-import{proxyCustomElement as t,HTMLElement as o,h as a,Host as e,transformTag as r}from"@stencil/core/internal/client";import{C as s}from"./index2.js";import{d as i}from"./index3.js";const c=()=>`: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}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}: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:-webkit-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"]){width:100%;-webkit-line-clamp:1;line-clamp:1;text-transform:uppercase}::slotted([slot="metadata"]:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25)}::slotted([slot="title"]){margin:0;font-size:var(--font-size-3);font-weight:var(--font-sb);-webkit-line-clamp:2;line-clamp:2;text-decoration:none}::slotted([slot="title"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);outline:none}::slotted([slot="text"]){width:100%;margin:0;-webkit-line-clamp:3;line-clamp:3}.actions{display:flex;align-items:center}:host(:not([variant="overlay"])) .actions{margin-top:auto}::slotted([slot="action"]){position:relative;z-index:2}::slotted([slot="action"]:not(:last-child)){margin-right:calc(var(--space-unit) * 2)}::slotted([slot="action"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);outline:none !important}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible){box-shadow:none !important;outline:none !important}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible)::before{box-shadow:var(--shadow-focus-primary)}: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([variant="text"]) [slot="text"]::before{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"]){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 bottom, transparent, rgb(39 39 39 / 57%) 85%, var(--gray800) 100%);color:var(--color-text-inverse);fill:var(--color-text-inverse)}`;const n=t(class t extends o{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.showShadow=false;this.clickable=false}componentWillLoad(){this.hasCoverImage=this.host.querySelector('[slot="cover"]')!==null}renderColorCoverCard(){return[a("div",{class:"cover-container"},a("div",{class:"color-cover"},a("div",{class:"cover-content"},a("slot",{name:"metadata"}),a("slot",{name:"title"})))),a("div",{class:"content"},a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]}renderContent(){return a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))}render(){if(this.variant===s.TEXT){return a(e,null,this.renderContent())}if(this.variant===s.OVERLAY||this.hasCoverImage){return a(e,null,a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==s.OVERLAY&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),this.renderContent())}return a(e,null,this.renderColorCoverCard())}get host(){return this}static get style(){return c()}},[257,"z-card",{variant:[513],coverIcon:[1,"cover-icon"],showShadow:[516,"show-shadow"],clickable:[516],hasCoverImage:[32]}]);function l(){if(typeof customElements==="undefined"){return}const t=["z-card","z-icon"];t.forEach((t=>{switch(t){case"z-card":if(!customElements.get(r(t))){customElements.define(r(t),n)}break;case"z-icon":if(!customElements.get(r(t))){i()}break}}))}const d=n;const v=l;export{d as ZCard,v as defineCustomElement};
-//# sourceMappingURL=z-card.js.map
+import{proxyCustomElement as t,HTMLElement as o,h as a,Host as e,transformTag as r}from"@stencil/core/internal/client";import{C as s}from"./index2.js";import{d as i}from"./index3.js";const c=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showShadow=!1,this.clickable=!1}componentWillLoad(){this.hasCoverImage=null!==this.host.querySelector('[slot="cover"]')}renderColorCoverCard(){return[a("div",{class:"cover-container"},a("div",{class:"color-cover"},a("div",{class:"cover-content"},a("slot",{name:"metadata"}),a("slot",{name:"title"})))),a("div",{class:"content"},a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]}renderContent(){return a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))}render(){return this.variant===s.TEXT?a(e,null,this.renderContent()):this.variant===s.OVERLAY||this.hasCoverImage?a(e,null,a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==s.OVERLAY&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),this.renderContent()):a(e,null,this.renderColorCoverCard())}get host(){return this}static get style(){return':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}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}: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:-webkit-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"]){width:100%;-webkit-line-clamp:1;line-clamp:1;text-transform:uppercase}::slotted([slot="metadata"]:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25)}::slotted([slot="title"]){margin:0;font-size:var(--font-size-3);font-weight:var(--font-sb);-webkit-line-clamp:2;line-clamp:2;text-decoration:none}::slotted([slot="title"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);outline:none}::slotted([slot="text"]){width:100%;margin:0;-webkit-line-clamp:3;line-clamp:3}.actions{display:flex;align-items:center}:host(:not([variant="overlay"])) .actions{margin-top:auto}::slotted([slot="action"]){position:relative;z-index:2}::slotted([slot="action"]:not(:last-child)){margin-right:calc(var(--space-unit) * 2)}::slotted([slot="action"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);outline:none !important}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible){box-shadow:none !important;outline:none !important}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible)::before{box-shadow:var(--shadow-focus-primary)}: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([variant="text"]) [slot="text"]::before{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"]){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 bottom, transparent, rgb(39 39 39 / 57%) 85%, var(--gray800) 100%);color:var(--color-text-inverse);fill:var(--color-text-inverse)}'}},[257,"z-card",{variant:[513],coverIcon:[1,"cover-icon"],showShadow:[516,"show-shadow"],clickable:[516],hasCoverImage:[32]}]),n=c,l=function(){"undefined"!=typeof customElements&&["z-card","z-icon"].forEach((t=>{switch(t){case"z-card":customElements.get(r(t))||customElements.define(r(t),c);break;case"z-icon":customElements.get(r(t))||i()}}))};export{n as ZCard,l as defineCustomElement}