@zanichelli/albe-web-components 8.1.0-RC1 → 9.0.0

package/www/build/p-f25c985e.js

@@ -1 +0,0 @@
-import{p as e,b as a}from"./p-d17ebc2f.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-095ce6ef",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchPageUrl":[1,"search-page-url"],"_stuck":[32],"currentViewport":[32],"menuLength":[32]},[[9,"resize","evaluateViewport"]]],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"resultsEllipsis":[4,"results-ellipsis"],"searchHelperLabel":[1,"search-helper-label"],"resultsItems":[1,"results-items"],"sortResultsItems":[4,"sort-results-items"],"showSearchButton":[4,"show-search-button"],"searchButtonIconOnly":[4,"search-button-icon-only"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32]},[[4,"click","handleOutsideClick"]]],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[1028,"skip-load-animation"]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list",{"size":[513],"listType":[513,"list-type"]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"hasclearicon":[4],"icon":[1],"min":[2],"max":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513],"statusRole":[32]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[6,"z-button",{"ariaLabel":[513,"aria-label"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-0f8f488c",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]}]]],["p-5aee5484",[[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"]]]]],["p-8ff9de86",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-e4e5a652",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-e7c7ac3d",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-a2d11471",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"files":[32],"invalidFiles":[32],"getFiles":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-64fa04a0",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-e41e28f7",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]]]]],["p-3f55dce6",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-d4afc10f",[[4,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[4],"arrowsPosition":[1,"arrows-position"],"progressMode":[1,"progress-mode"],"ghostLoadingHeight":[2,"ghost-loading-height"],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]}]]],["p-aa228ddb",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]]]]],["p-9b4b0fbb",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-856c6f33",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]]]]],["p-800ca36a",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-0e92e0d9",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-dd515f64",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"collapsed":[32]}]]],["p-9f1b9bbc",[[1,"z-book-card",{"variant":[1],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"ribbon":[1],"fallbackCover":[1,"fallback-cover"],"operaTitleTag":[1,"opera-title-tag"],"isMobile":[32],"hasResources":[32],"showResources":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleResize"]]]]],["p-d9c76001",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-e663af8b",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-e40b16fa",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]}]]],["p-b0141c4d",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-4423b00c",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-661905c0",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-5ac6109d",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}]]],["p-14db3f16",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-e4d78452",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-e78ce8ec",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-61424b8a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-ab1799fe",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]}]]],["p-8ff45f5f",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-eefde77a",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-f5a99b28",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-c59c6c78",[[0,"z-navigation-tab",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]]]]],["p-d96d4f30",[[0,"z-navigation-tab-link",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]]]]],["p-f3fce575",[[1,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"tabFocus":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","onTabSelected"],[0,"keydown","navigateThroughTabs"]]]]],["p-2efedcf4",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-540c7d73",[[1,"z-pocket-message"]]],["p-47c095c2",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-374d6f57",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-344e7ae7",[[6,"z-tag",{"icon":[1],"expandable":[4]}]]],["p-d8ea70ed",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]}]]],["p-c722c5a4",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-d00cf0ff",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-3ea868e0",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-03ee7c14",[[4,"z-aria-alert",{"mode":[1]}]]],["p-0aa025fa",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-89d048ff",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-ae79573a",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-bee6bf99",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-af4d1987",[[1,"z-myz-card-footer-sections"]]],["p-ce83ce18",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-73c91de3",[[1,"z-stepper"]]],["p-9db2bf11",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-c4417a91",[[6,"z-table-body"]]],["p-bb0fe7bc",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-eaa4eba8",[[6,"z-table-footer"]]],["p-37e050bd",[[6,"z-table-head"]]],["p-3be171d0",[[6,"z-table-sticky-footer"]]],["p-29426408",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]}]]],["p-f54f63e1",[[1,"z-visually-hidden"]]],["p-fed42db6",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-6a459468",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-78c5f1a4",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-074ea569",[[1,"z-alert",{"type":[1]}]]],["p-9d57a84c",[[1,"z-ghost-loading"]]],["p-4367f978",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-482c478a",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]],[1,"z-dragdrop-area"]]],["p-e936bf5f",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-52b084fb",[[1,"z-typography",{"level":[1],"variant":[1],"component":[1]}]]],["p-f0653e72",[[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[516],"iconposition":[1],"underline":[4],"iconSize":[32]}]]],["p-81e6e4c8",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-a0345d42",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-757c4b4d",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]]]]]'),e)));

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

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as a,g as e}from"./p-d17ebc2f.js";import{j as o,S as r,B as n,d as l,P as c}from"./p-8c3eeb55.js";import{d as p}from"./p-f0cd78f2.js";import"./p-b497e33e.js";const d=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=o.MEDIUM,this.defaultSortDirection=r.ASC,this.sortDirection=r.NONE,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case r.ASC:return r.DESC;case r.DESC:return r.ASC;case r.NONE:return this.defaultSortDirection;default:return r.NONE}})(),this.emitOnSort())}handleMenuClick(){this.popover.open=!this.popover.open}handleOutsideClick(t){!p(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))&&this.popover&&(this.popover.open=!1)}handleClickHeaders(t){const s=t.target,i=p(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=r.NONE)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:{sortable:this.sortable},onClick:()=>this.handleSort()},i("div",{class:"container"},i("slot",null),this.sortable&&this.sortDirection!==r.NONE&&i("z-icon",{name:this.sortDirection===r.ASC?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:"popover-container"},i("z-button",{ref:t=>this.triggerButton=t,class:"contextual-popover-button",icon:"contextual-menu",variant:n.TERTIARY,size:l.X_SMALL,onClick:()=>this.handleMenuClick()}),i("z-popover",{ref:t=>this.popover=t,position:c.BOTTOM,center:!0,bindTo:this.triggerButton},i("div",null,i("slot",{name:"contextual-menu"})))))}get host(){return e(this)}};d.style=':host{position:relative;display:table-cell;border-bottom:var(--border-size-medium) solid var(--gray200);background-color:var(--gray50);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{padding-left:var(--space-unit);opacity:1}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container z-popover{--z-popover-theme--surface:var(--gray200);position:relative;z-index:1}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{d as z_table_header}

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>