@zanichelli/albe-web-components 7.6.0-RC1 → 8.0.1-RC-DebugSafari

package/www/build/p-e0fb4e05.entry.js

@@ -1 +0,0 @@
-import{r as t,h as e,g as i}from"./p-d17ebc2f.js";import{Y as r}from"./p-8c3eeb55.js";import{m as o}from"./p-b497e33e.js";import{r as a,h as s}from"./p-f0cd78f2.js";const n=class{constructor(e){t(this,e),this.isMobile=!1,this.hasResources=!1,this.showResources=!1,this.moveFocusToResources=!1}handleResize(){this.isMobile=window.innerWidth<=o}componentWillLoad(){this.id=`id-${a()}`,this.handleResize()}componentWillRender(){this.handleResources()}componentDidRender(){this.moveFocusToResources&&(this.resourcesWrapper.focus(),this.moveFocusToResources=!1)}handleResources(){var t;this.variant===r.EXPANDED&&this.isMobile&&(this.hasResources=(null===(t=this.hostElement.querySelectorAll("[slot=resources]"))||void 0===t?void 0:t.length)>0)}toggleResources(){this.showResources=!this.showResources,this.showResources&&(this.moveFocusToResources=!0)}renderCard(){switch(this.variant){case r.EXPANDED:return this.isMobile?this.renderMobileExpandedCard():this.renderExpandedCard();case r.COMPACT:return e("div",null);case r.SEARCH:return this.renderSearchCard()}}renderExpandedCard(){return e("div",{class:"wrapper"},this.renderCover(),e("div",{class:"content"},e("div",{class:"top"},e("div",{class:"info"},e("div",{class:"left"},this.renderAuthors(),this.renderOperaTitle(),this.renderVolumeTitle(),this.renderIsbn()),e("div",{class:"right"},this.renderHeaderCtaSlot())),this.renderTagsSlot()),e("div",{class:"bottom"},this.renderResourcesSlot())))}renderMobileExpandedCard(){return e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn()),this.hasResources&&e("div",{class:"footer "+(this.showResources?"open":"close")},this.renderResourcesSlot(),this.renderShowResources()))}renderSearchCard(){return e("div",{class:"wrapper-container"},e("div",{class:"wrapper"},e("div",{class:"header"},this.renderOperaTitle(),this.renderHeaderCtaSlot()),this.renderCover(),e("div",{class:"content"},this.renderTagsSlot(),this.renderAuthors(),this.renderVolumeTitle(),this.renderIsbn())),this.renderFooterCtaSlot())}renderCover(){return e("div",{class:"cover"},this.ribbon&&this.variant!==r.COMPACT&&e("div",{class:"ribbon"},e("span",null,this.ribbon)),e("img",{src:this.cover,onError:()=>{this.fallbackCover&&(this.cover=this.fallbackCover)},"aria-hidden":"true"}))}renderOperaTitle(){return e("div",{class:"title",innerHTML:this.operaTitleTag?`<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`:this.operaTitle})}renderVolumeTitle(){return this.volumeTitle?e("div",{class:"subtitle"},this.volumeTitle):null}renderAuthors(){return this.authors?e("div",{class:"authors","aria-description":"Autori"},this.authors):null}renderIsbn(){return this.isbn?e("div",{class:"isbn"},e("span",{class:"code","aria-description":"ISBN edizione cartacea"},this.isbn),e("span",{class:"label"}," (ed. cartacea)")):null}renderShowResources(){return e("z-link",{icon:this.showResources?"chevron-up":"chevron-down",iconposition:"right",role:"button",class:"show-resources","aria-label":`Risorse del libro ${this.operaTitle}`,"aria-expanded":this.showResources.toString(),"aria-haspopup":"menu","aria-controls":`resources-${this.id}`,onClick:()=>this.toggleResources(),onKeyUp:t=>s(t,this.toggleResources.bind(this))},this.showResources?"Chiudi":"Vedi tutto")}renderTagsSlot(){return e("div",{class:"tags"},e("slot",{name:"tags"}))}renderHeaderCtaSlot(){return e("slot",{name:"header-cta"})}renderResourcesSlot(){return e("div",{id:`resources-${this.id}`,class:"resources",tabIndex:this.showResources?0:-1,ref:t=>this.resourcesWrapper=t},e("slot",{name:"resources"}))}renderFooterCtaSlot(){return e("div",{class:"action-container"},e("slot",{name:"footer-cta"}))}render(){return e("article",{class:`${this.variant}`},this.renderCard())}get hostElement(){return i(this)}};n.style=':host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);display:block;width:100%;max-width:360px;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article{box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}:host div.cover{position:relative;display:flex}:host div.cover img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host div.cover div.ribbon{position:absolute;top:calc(var(--space-unit) * 2);display:flex;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);margin-left:calc(var(--space-unit) * -2);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;color:var(--color-text04);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host div.cover div.ribbon::before{position:absolute;bottom:-12px;left:0;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:14px solid transparent;content:""}:host div.title{color:var(--color-text01);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host div.title *{all:unset}:host div.subtitle{color:var(--color-text01);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host div.authors{color:var(--color-text01);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host div.isbn{color:var(--color-text01);font-size:var(--font-size-2);line-height:1.33}:host div.isbn>.code{font-weight:var(--font-sb)}:host div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host ::slotted([slot="tags"]){margin-bottom:var(--space-unit)}:host ::slotted([slot="header-cta"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-icon01)}:host>article.expanded div.content,:host>article.search div.content{margin:var(--space-unit) 0}:host>article.expanded div.cover,:host>article.search div.cover{border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius);line-height:0}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded z-link.show-resources{--font-size-link:var(--font-size-2);--font-weight-link:var(--font-sb);display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding-top:var(--space-unit)}:host>article.search{width:262px;height:536px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2);margin:auto;margin-bottom:0}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover{height:314px}:host>article.search div.title{font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}@media (min-width: 768px){:host{width:initial;max-width:initial}:host>article.expanded{width:635px;min-width:initial;max-width:initial;height:360px;padding:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover{width:262px;height:356px;border:0;background:var(--color-surface01);border-radius:0}:host>article.expanded div.cover img{width:auto}:host>article.expanded div.cover div.ribbon::before{border-left:12px solid transparent}:host>article.expanded div.content{display:flex;overflow:hidden;width:369px;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin:0;background:var(--color-surface01)}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}';export{n as z_book_card}

package/www/build/p-e936bf5f.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as s}from"./p-d17ebc2f.js";import{a as e}from"./p-f0cd78f2.js";import"./p-8c3eeb55.js";import"./p-b497e33e.js";const a=class{constructor(s){i(this,s),this.zListItemLinkClick=t(this,"zListItemLinkClick",7),this.zListItemClick=t(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>e(i,this.emitZListItemClick,this.listitemid)},s("span",{class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>e(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",null)))}};a.style=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--myz-blue);fill:var(--myz-blue)}";export{a as z_myz_list_item}

package/www/build/p-f0cd78f2.js

@@ -1 +0,0 @@
-import{g as a,q as e}from"./p-8c3eeb55.js";import{d as t,t as n,m as s}from"./p-b497e33e.js";function r(a){switch(a){case!0:case"true":case 1:case"1":case"on":case"yes":return!0;case!1:case"false":case 0:case"0":case"off":case"no":return!1;default:return a}}function c(){return Math.random().toString(36).replace("0.","")}function u(e,t,...n){e.code!==a.ENTER&&e.code!==a.SPACE||(e.preventDefault(),t(...n))}function o(e,t,...n){e.code===a.ENTER&&(e.preventDefault(),t(...n))}function f(a=null){return a||(a=document.activeElement),a&&a.shadowRoot&&a.shadowRoot.activeElement?f(a=a.shadowRoot.activeElement):a}function i(a,e=[]){return e.push(a),a.parentElement?i(a=a.parentElement,e):a.parentNode&&a.parentNode.host?i(a=a.parentNode.host,e):e}function d(){switch(!0){case window.innerWidth<=s:return e.MOBILE;case window.innerWidth<=n:return e.TABLET;case window.innerWidth<=t:return e.DESKTOP;default:return e.DESKTOP_WIDE}}function w(a){try{return JSON.parse(a)}catch(a){return!1}}function h(a){const e=Math.ceil(2**31-1)*parseFloat(`0.${a}`);let t=Math.ceil(e%1*19);return 0===t&&(t=1),`avatar-C${t.toString().padStart(2,"0")}`}export{u as a,r as b,h as c,i as d,f as e,w as f,d as g,o as h,c as r}

package/www/pages/book-cards.html

@@ -1,269 +0,0 @@
-<!DOCTYPE html>
-<html
-  dir="ltr"
-  lang="en"
->
-  <head>
-    <meta charset="utf-8" />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
-    />
-    <title>Stencil Component Starter</title>
-    <link
-      rel="stylesheet"
-      type="text/css"
-      href="/build/web-components-library.css"
-    />
-    <script
-      type="module"
-      src="/build/web-components-library.esm.js"
-    ></script>
-    <script
-      nomodule
-      src="/build/web-components-library.js"
-    ></script>
-    <style>
-      .resources-mock {
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-template-rows: 64px 40px 40px;
-        column-gap: 16px;
-      }
-      .resource-mock {
-        border-top: 1px solid var(--color-surface03);
-      }
-      .resource:nth-child(2),
-      .resource:nth-child(3) {
-        border-top: 0;
-      }
-      .ebook-mock {
-        grid-column: 1 / 3;
-        grid-row: 1 / 2;
-        border-bottom: 1px solid var(--color-surface03);
-      }
-      .ebook-mock-wrap {
-        border-left: 8px solid var(--color-primary01);
-        border-radius: 4px 0px 0px 4px;
-        padding-left: 8px;
-        line-height: 14px;
-        height: 56px;
-        overflow: hidden;
-        margin-bottom: 8px;
-      }
-      .ebook-mock a {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
-        justify-content: flex-start;
-        align-items: center;
-        align-content: stretch;
-        font-size: var(--font-size-2);
-        font-weight: var(--font-sb);
-        color: var(--color-primary01);
-      }
-      .ebook-mock img.laz-ebook {
-        height: 20px;
-      }
-      .ebook-mock span.laz-description {
-        display: block;
-        font-size: var(--font-size-1);
-        margin-top: 4px;
-      }
-    </style>
-  </head>
-
-  <body style="margin: 0; padding: 16px; background-color: #aaa">
-    <h2>Extended Variant</h2>
-
-    <div style="display: flex; flex-wrap: wrap; gap: 16px">
-      <z-book-card
-        variant="expanded"
-        cover="https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg"
-        opera-title="Matematica.azzurro"
-        volume-title="Volume 3 con Tutor"
-        authors="Massimo Bergamini, Anna Trifone, Graziella Barozzi"
-        isbn="9788808930552"
-        ribbon="ADOTTATO"
-        opera-title-tag="h1"
-      >
-        <z-icon
-          slot="header-cta"
-          name="star-empty"
-        ></z-icon>
-        <z-tag
-          slot="tags"
-          style="--z-tag-bg: var(--avatar-C18)"
-          >EDI</z-tag
-        >
-        <z-tag slot="tags">VERSIONE INSEGNANTE</z-tag>
-        <div
-          class="resources-mock"
-          slot="resources"
-        >
-          <div class="resource ebook-mock">
-            <div class="ebook-mock-wrap">
-              <a tabindex="0"
-                >Leggi l'ebook su
-                <img
-                  class="laz-ebook"
-                  src="https://staticmy.zanichelli.it/dashboard/images/laZEbook.svg"
-              /></a>
-              <span class="laz-description">Online e offline<br />anche in versione liquida con lettura immersiva</span>
-            </div>
-          </div>
-          <div class="resource resource-mock"><z-link>MOCK 1</z-link></div>
-          <div class="resource resource-mock"><z-link>MOCK 2</z-link></div>
-          <div class="resource resource-mock"><button>MOCK 3</button></div>
-          <div class="resource resource-mock"><z-link>MOCK 4</z-link></div>
-        </div>
-      </z-book-card>
-
-      <z-book-card
-        variant="expanded"
-        cover="https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40001.9788808404619.jpg"
-        opera-title="Somos 2030 con un titolo lungo lunghissimo lunghissimissimo che va su almeno tre righe ma noi lo tagliamo"
-        volume-title="Titolo titolo lungo lungho lungo e ancora lungo luuuuuungo ma ancora non basta perché devo andare su tre righe"
-        authors="Massimo Bergamini, Anna Trifone, Graziella Barozzi, Massimo Bergamini, Anna Trifone, Graziella Barozzi, Massimo Bergamini, Anna Trifone, Graziella Barozzi"
-        isbn="9788808930552"
-      >
-        <z-icon
-          name="star-empty"
-          slot="header-cta"
-          role="button"
-          tabindex="0"
-        ></z-icon>
-        <z-tag
-          slot="tags"
-          tabindex="0"
-          >UN TAG TABBABILE</z-tag
-        >
-        <z-tag slot="tags">DUE TAG</z-tag>
-        <z-tag slot="tags">TRE TAG</z-tag>
-        <z-tag slot="tags">QUATTRO TAG</z-tag>
-        <z-tag slot="tags">CINQUE TAG</z-tag>
-
-        <div slot="resources">
-          <div class="">MOCK 1</div>
-          <div class="">MOCK 2</div>
-          <div class="">MOCK 3</div>
-        </div>
-      </z-book-card>
-
-      <z-book-card
-        variant="expanded"
-        cover="fail.jpg"
-        fallback-cover="http://dizionari.zanichelli.it/images/opere/ZING2024/ZING2024_copertina.jpg"
-        opera-title="lo Zingarelli 2024"
-      >
-      </z-book-card>
-    </div>
-    <div>
-      <h2>Search Variant</h2>
-      <div style="display: flex; flex-wrap: wrap; gap: 16px">
-        <z-book-card
-          variant="search"
-          cover="https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40066.9788808930552.jpg"
-          opera-title="Matematica.azzurro"
-          volume-title="Volume 3 con Tutor"
-          authors="Massimo Bergamini, Anna Trifone, Graziella Barozzi"
-          isbn="9788808930552"
-          ribbon="ADOTTATO"
-          opera-title-tag="h1"
-        >
-          <z-icon
-            slot="header-cta"
-            name="star-empty"
-          ></z-icon>
-          <z-tag
-            slot="tags"
-            style="--z-tag-bg: var(--avatar-C18)"
-            >EDI</z-tag
-          >
-          <z-tag slot="tags">VERSIONE INSEGNANTE</z-tag>
-          <div
-            class="resources-mock"
-            slot="resources"
-          >
-            <div class="resource ebook-mock">
-              <div class="ebook-mock-wrap">
-                <a tabindex="0"
-                  >Leggi l'ebook su
-                  <img
-                    class="laz-ebook"
-                    src="https://staticmy.zanichelli.it/dashboard/images/laZEbook.svg"
-                /></a>
-                <span class="laz-description"
-                  >Online e offline<br />anche in versione liquida con lettura immersiva</span
-                >
-              </div>
-            </div>
-            <div class="resource resource-mock"><z-link>MOCK 1</z-link></div>
-            <div class="resource resource-mock"><z-link>MOCK 2</z-link></div>
-            <div class="resource resource-mock"><button>MOCK 3</button></div>
-            <div class="resource resource-mock"><z-link>MOCK 4</z-link></div>
-          </div>
-          <div slot="footer-cta">
-            <z-button
-              href="http://dizionari.zanichelli.it"
-              target="_blank"
-              variant="secondary"
-              size="x-small"
-            >
-              Leggi il libro online
-            </z-button>
-          </div>
-        </z-book-card>
-
-        <z-book-card
-          variant="search"
-          cover="https://s3-eu-west-1.amazonaws.com/staticmy.zanichelli.it/copertine/dashboard/m40001.9788808404619.jpg"
-          opera-title="Somos 2030 con un titolo lungo lunghissimo lunghissimissimo che va su almeno tre righe ma noi lo tagliamo"
-          volume-title="Titolo titolo lungo lungho lungo e ancora lungo luuuuuungo ma ancora non basta perché devo andare su tre righe"
-          authors="Massimo Bergamini, Anna Trifone, Graziella Barozzi, Massimo Bergamini, Anna Trifone, Graziella Barozzi, Massimo Bergamini, Anna Trifone, Graziella Barozzi"
-          isbn="9788808930552"
-        >
-          <z-icon
-            name="star-empty"
-            slot="header-cta"
-            role="button"
-            tabindex="0"
-          ></z-icon>
-          <z-tag
-            slot="tags"
-            tabindex="0"
-            >UN TAG TABBABILE</z-tag
-          >
-          <z-tag slot="tags">DUE TAG</z-tag>
-          <z-tag slot="tags">TRE TAG</z-tag>
-          <z-tag slot="tags">QUATTRO TAG</z-tag>
-          <z-tag slot="tags">CINQUE TAG</z-tag>
-
-          <div slot="resources">
-            <div class="">MOCK 1</div>
-            <div class="">MOCK 2</div>
-            <div class="">MOCK 3</div>
-          </div>
-          <div slot="footer-cta">
-            <z-button
-              href="http://dizionari.zanichelli.it"
-              target="_blank"
-              variant="secondary"
-              size="x-small"
-            >
-              Leggi il libro online
-            </z-button>
-          </div>
-        </z-book-card>
-
-        <z-book-card
-          variant="search"
-          cover="fail.jpg"
-          fallback-cover="http://dizionari.zanichelli.it/images/opere/ZING2024/ZING2024_copertina.jpg"
-          opera-title="lo Zingarelli 2024"
-        >
-        </z-book-card>
-      </div>
-    </div>
-  </body>
-</html>