@zanichelli/albe-web-components 2.30.1 → 2.31.0-clav-272

package/www/build/p-beb043f8.js

@@ -0,0 +1 @@
+import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-16197e3c",[[1,"z-footer",{"data":[1],"productName":[1,"product-name"],"productVersion":[1,"product-version"],"productCreditsLink":[1,"product-credits-link"],"showReportAProblemButton":[4,"show-report-a-problem-button"],"contentMaxWidth":[2,"content-max-width"]},[[0,"zLinkClick","zLinkClickListener"]]],[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]],[4,"z-registro-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"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[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"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[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]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[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],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-d4830f32",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-f83347fd",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-231e7797",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-3cdefa38",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-02e55441",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-ff6b02d1",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-4a6ec3df",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-1442c0b2",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-5cdcaa8c",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-b80081c9",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-35b1f338",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-2f354863",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-dc51dcc8",[[1,"z-visually-hidden"]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-18f6f866",[[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]}]]]]'),e)));

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

@@ -0,0 +1 @@
+import{r as t,h as o,H as r}from"./p-904a85e4.js";const i=class{constructor(o){t(this,o)}render(){return o(r,null,o("slot",null))}};i.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1;white-space:nowrap}";export{i as z_visually_hidden}

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

@@ -0,0 +1 @@
+import{r as e,h as i,g as t}from"./p-904a85e4.js";import{b as n}from"./p-d63b9ed3.js";import{m as a,t as r}from"./p-d69e14fb.js";const o=class{constructor(i){e(this,i),this.isMobile=!0,this.isMenuMobileOpen=!1,this.intMenuData=[],this.extMenuData=[],this.isLogged=!1}activeIntLinkChange(e){this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((i=>i.id===e))}handleResize(){this.isMobile=window.innerWidth<=a}handleZListItemLinkClick(){this.isMenuMobileOpen=!1}handleZListItemClick(){this.isMenuMobileOpen=!1}componentWillLoad(){this.intlinkdata&&(this.intMenuData="string"==typeof this.intlinkdata?JSON.parse(this.intlinkdata):this.intlinkdata),this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((e=>e.id===this.activeintlinkid)),this.extlinkdata&&(this.extMenuData="string"==typeof this.extlinkdata?JSON.parse(this.extlinkdata):this.extlinkdata),this.userdata&&(this.userData="string"==typeof this.userdata?JSON.parse(this.userdata):this.userdata,this.isLogged=this.userData.islogged),this.handleResize()}renderLogoDiv(){return i("div",{class:"logo"},i("z-logo",{link:this.logolink?this.logolink:null,"target-blank":!0,width:144,height:36,"image-alt":this.imagealt}))}renderIntMenu(e){if(this.isLogged&&this.ismyz)return i("div",{id:"link-int",class:"link-int"},e.map((e=>this.renderIntMenuItem(e))))}renderIntMenuItem(e){const{id:t,label:n,link:a}=e;return i("span",null,i("a",{href:a||null,id:t,class:"menu-item",onClick:()=>{this.activeMenuItem=this.currentMenuItem=e,this.activeintlinkid=e.id,e.subMenu&&this.handleToggleMobileMenuItem(e.id)},onMouseEnter:()=>{this.activeMenuItem=e},onMouseLeave:()=>{this.activeMenuItem=this.currentMenuItem},role:a?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},i("span",null,n),e.subMenu?i("i",null):null),i("svg",{height:"8",width:"16",class:{hidden:!this.activeMenuItem||this.activeMenuItem.id!==t}},i("polygon",{points:"8,0 16,8 0,8",class:"arrow"})),this.isMobile&&this.renderMenuItemsData(e))}getIntMenuItemTabindex(e){return this.intMenuData.indexOf(e)+1}handleToggleMobileMenuItem(e){this.isMobile&&(this.element.shadowRoot.querySelector(`#${e}`).classList.toggle("isopen"),this.element.shadowRoot.querySelector("#mobile-dropdown-"+e).classList.toggle("visible"))}renderMenuItemsData(e){if(!e.subMenu)return null;const i=e.subMenu.map((e=>({id:e.id,text:e.label,link:e.link,listitemid:e.id})));return this.renderMobileSubMenu(i,e.id)}renderMobileSubMenu(e,t){return i("span",{class:"mobile-dropdown",id:t?`mobile-dropdown-${t}`:""},i("z-myz-list",{list:e}))}renderSubMenu(e){if(this.ismyz&&this.isLogged)return e&&e.subMenu?i("div",{id:"dropdown-menu",class:"dropdown-menu"},i("ul",{class:"dropdown-links"},e.subMenu.map((t=>i("li",null,i("a",{id:t.id,class:t.id===this.activesublinkid?"active":"",href:t.link?t.link:null,role:t.link?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},t.label)))))):i("div",{id:"dropdown-menu",class:"dropdown-menu hidden"})}renderExtLinksIcons(e){const i=window.innerWidth>0?window.innerWidth:screen.width;return!(i>a&&i<r)&&{icon:e}}renderExtMenu(e){return this.isLogged?i("div",{id:"link-ext",class:"link-ext"},e.map((e=>{const{id:t,label:n,link:a,icon:r}=e;return i("span",{class:"link-ext-span"+(this.ismyz?" myz":"")},i("z-link",Object.assign({id:t,htmlid:t,href:a,iswhite:!!this.ismyz,target:"_blank",htmltabindex:10},this.renderExtLinksIcons(r)),n))}))):i("div",null)}renderLoginDiv(e){return i("div",{class:"login"},this.isLogged?i("z-menu-dropdown",{nomeutente:e.name,menucontent:JSON.stringify(e.userlinks)}):this.renderLoginButton())}renderLoginButton(){if(!this.hideloginbutton)return i("z-button",{htmlid:"login-button",variant:this.ismyz?n.secondary:n.tertiary,icon:"login",issmall:!0},"entra")}renderMobileLoginDiv(e){return i("div",{id:"mobile-login",class:"mobile-login"},i("span",null,i("a",{class:"menu-item",id:"user-data",onClick:()=>this.handleToggleMobileMenuItem("user-data"),role:"button"},i("span",null,i("z-icon",{name:"user-avatar",height:16,width:16}),e.name),i("i",null)),this.renderUserData(e)))}renderUserData(e){if(this.isMobile&&!e)return null;const i=e.userlinks.map((e=>({text:e.label,link:e.link,icon:e.icon,listitemid:e.id})));return this.renderMobileSubMenu(i,"user-data")}renderDesktopHeader(){return i("header",{class:this.ismyz?"":"myz-out"},this.renderMainHeader(),this.renderSubMenu(this.activeMenuItem))}renderMainHeader(){return i("div",{id:"main-header",class:{"main-header":!0,"myz-out":!this.ismyz}},this.renderLogoDiv(),this.renderIntMenu(this.intMenuData),this.renderExtMenu(this.extMenuData),this.renderLoginDiv(this.userData))}renderMobileHeader(){return i("header",null,this.renderMobileMenu(),this.renderMobileMenuContent())}renderMobileMenu(){return i("div",{id:"mobile-header",class:"mobile-header"+(this.ismyz?"":" myz-out")},this.renderLogoDiv(),this.renderMobileMenuToggle())}renderMobileMenuToggle(){return this.isLogged?i("div",{class:"menu-mobile",id:"mobile-menu-wrapper",onClick:()=>this.isMenuMobileOpen=!this.isMenuMobileOpen},i("div",{class:"menu-toggle"+(this.isMenuMobileOpen?" is-active":""),id:"mobile-menu"},i("span",{class:"bar"}),i("span",{class:"bar"}),i("span",{class:"bar"})),i("span",null,"Menu")):this.renderLoginButton()}renderMobileMenuContent(){return this.isLogged?i("div",{id:"mobile-content",class:{"mobile-content":!0,open:this.isMenuMobileOpen,"myz-out":!this.ismyz}},this.renderMobileLoginDiv(this.userData),this.ismyz&&i("hr",null),this.renderIntMenu(this.intMenuData),i("hr",null),this.renderExtMenu(this.extMenuData)):null}render(){return this.isMobile?this.renderMobileHeader():this.renderDesktopHeader()}get element(){return t(this)}static get watchers(){return{activeintlinkid:["activeIntLinkChange"]}}};o.style=':host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main-header";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * .5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * .5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * .5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:" ";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:"main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"dropdown-links";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * .5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * .5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}';export{o as z_myz_topbar}

package/www/build/web-components-library.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-b89ae2ca",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]],[1,"z-footer",{"data":[1],"copyrightuser":[1]}],[4,"z-registro-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"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[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"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[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]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[1,"z-logo",{"width":[2],"height":[2],"imagealt":[1],"link":[1],"targetblank":[4]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[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],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-d4830f32",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-14543c46",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-231e7797",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-3cdefa38",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-02e55441",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-ff6b02d1",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-4a6ec3df",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-1442c0b2",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-5cdcaa8c",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-b80081c9",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-35b1f338",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-2f354863",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-18f6f866",[[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]}]]]]'),e)));
+import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-16197e3c",[[1,"z-footer",{"data":[1],"productName":[1,"product-name"],"productVersion":[1,"product-version"],"productCreditsLink":[1,"product-credits-link"],"showReportAProblemButton":[4,"show-report-a-problem-button"],"contentMaxWidth":[2,"content-max-width"]},[[0,"zLinkClick","zLinkClickListener"]]],[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]],[4,"z-registro-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"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[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"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[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]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[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],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-d4830f32",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-f83347fd",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-231e7797",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-3cdefa38",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-02e55441",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-ff6b02d1",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-4a6ec3df",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-1442c0b2",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-5cdcaa8c",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-b80081c9",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-35b1f338",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-2f354863",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-dc51dcc8",[[1,"z-visually-hidden"]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-18f6f866",[[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]}]]]]'),e)));

package/www/index.html

@@ -1,4 +1,4 @@
-<!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/p-ea943cbd.css"> <link rel="modulepreload" href="/build/p-e4e9baf3.js"><script type="module" src="/build/p-e4e9baf3.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" imagealt="Ciaoooo!"></z-logo> <z-logo height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!--    --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
+<!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/p-ea943cbd.css"> <link rel="modulepreload" href="/build/p-beb043f8.js"><script type="module" src="/build/p-beb043f8.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" image-alt="Ciaoooo!"></z-logo> <z-logo height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!--    --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
     <div class="content" slot="content">
       <div>
         <h2>Titolo</h2>
@@ -232,7 +232,7 @@
         laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
         Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
         sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
-        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> <section id="idee"> <z-button variant="primary">button</z-button> <z-button variant="primary" icon="download">button</z-button> <z-button variant="primary" isdisabled="" icon="download">button</z-button> <z-button variant="secondary">button</z-button> <z-button variant="secondary" isdisabled="">button</z-button> <z-button variant="tertiary">button</z-button> <z-button variant="tertiary" isdisabled="">button</z-button> <z-button variant="primary" issmall="">button</z-button> <z-button variant="primary" issmall="" icon="download">button</z-button> <z-button variant="primary" issmall="" isdisabled="" icon="download">button</z-button> <z-button variant="secondary" issmall="">button</z-button> <z-button variant="secondary" issmall="" isdisabled="">button</z-button> <z-button variant="tertiary" issmall="">button</z-button> <z-button variant="tertiary" issmall="" isdisabled="">button</z-button> <div style="background: rgb(66, 69, 72); padding: 8px 0;"> <z-button icon="download" variant="dark-bg">button</z-button> <z-button variant="dark-bg" isdisabled="">button</z-button> <z-button variant="dark-bg" issmall="">button</z-button> <z-button variant="dark-bg" issmall="" disabled="">button</z-button> </div> <div style="background: rgb(246, 187, 59); padding: 8px 0;"> <z-button variant="dark-bg"> <span style="color: rgb(66, 69, 72);"> <z-icon name="download" style="color: rgb(66, 69, 72);"></z-icon> button </span> </z-button> <z-button variant="dark-bg" isdisabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall="" disabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> </div> <br> <z-button type="submit">submit</z-button> <z-button type="reset">reset</z-button> <br> <z-toggle-button label="toggle"></z-toggle-button> <z-toggle-button label="toggle" isdisabled=""></z-toggle-button> <br> <z-link>z-link</z-link> <z-link icon="download">z-link</z-link> <z-link isdisabled="">z-link</z-link> <z-link isdisabled="" icon="download">z-link</z-link> <z-link isactive="">z-link</z-link> <z-link icon="download" style="font-size: 12px; font-weight: bold;">z-link</z-link> <br> <hr> <z-logo></z-logo> <z-logo imagealt="logo"></z-logo> <z-logo imagealt="logo" height="50" width="200"></z-logo> <z-logo imagealt="logo" height="25" width="100"></z-logo> <br> <div style="display: grid; grid-template-columns: minmax(241px, 294px) 1fr 2.5fr minmax(180px, 180px); grid-column-gap: var(--basex1); background-color: rgb(48, 56, 64); height: 52px; align-items: center; z-index: 10;"> <div></div> <div></div> <div></div> <div style="display: flex; justify-content: flex-end; margin-right: 8px;"> <z-menu-dropdown nomeutente="username molto lungo nome" menucontent="[{&quot;id&quot;: &quot;profile&quot;, &quot;label&quot;: &quot;Profilo&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;ask-to&quot;, &quot;label&quot;: &quot;Chiedi al tuo responsabile&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;activate-resource&quot;, &quot;label&quot;: &quot;Attiva opera&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;your-orders&quot;, &quot;label&quot;: &quot;I tuoi ordini&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;logout&quot;, &quot;label&quot;: &quot;Esci&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}]"></z-menu-dropdown> </div> </div> <br> <z-menu floating="true"> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <z-menu-section slot="item"> <h3>Item 4</h3> <a href="" slot="item">Item 4.1</a> <a href="" slot="item">Item 4.2</a> </z-menu-section> <a href="" slot="item">Item 5</a> </z-menu> <z-menu> <img slot="header" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h4 slot="header">Menu header</h4> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <a href="" slot="item">Item 4</a> </z-menu> <z-button-filter filtername="filter 1" isfixed=""></z-button-filter> <z-button-filter filtername="filter 2"></z-button-filter> <z-button-filter filtername="filter 3" isfixed="" hasicon="false"></z-button-filter> <z-button-filter filtername="filter 4" hasicon="false"></z-button-filter> <z-chip boldtext="1234" regulartext="libri trovati"></z-chip> <z-chip> <z-body level="4">ciao 1</z-body> </z-chip> <z-chip> <z-body level="1" variant="semibold"><span style="color: red;">ciao 2</span></z-body> </z-chip> <z-chip boldtext="1234" regulartext="libri trovati"> <z-body level="4">ciao 3</z-body> </z-chip> <z-chip boldtext="0"></z-chip> <br> <br> <z-button-sort label="Chimica" counter="3"></z-button-sort> <z-button-sort label="Biologia" counter="5"></z-button-sort> <z-button-sort label="Label"></z-button-sort> <z-button-sort label="Selected" isselected="true"></z-button-sort> <z-button-sort label="Selected" isselected="true" sortasc="false"></z-button-sort> <z-button-sort label="Sort number" sortlabelasc="1-9" sortlabeldesc="9-1"></z-button-sort> <z-button-sort label="Ordina ASC" desclabel="Ordina DESC" sortlabelasc="" sortlabeldesc=""></z-button-sort> <br> <br> <z-myz-list inputrawdata="[
+        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> <section id="idee"> <z-button variant="primary">button</z-button> <z-button variant="primary" icon="download">button</z-button> <z-button variant="primary" isdisabled="" icon="download">button</z-button> <z-button variant="secondary">button</z-button> <z-button variant="secondary" isdisabled="">button</z-button> <z-button variant="tertiary">button</z-button> <z-button variant="tertiary" isdisabled="">button</z-button> <z-button variant="primary" issmall="">button</z-button> <z-button variant="primary" issmall="" icon="download">button</z-button> <z-button variant="primary" issmall="" isdisabled="" icon="download">button</z-button> <z-button variant="secondary" issmall="">button</z-button> <z-button variant="secondary" issmall="" isdisabled="">button</z-button> <z-button variant="tertiary" issmall="">button</z-button> <z-button variant="tertiary" issmall="" isdisabled="">button</z-button> <div style="background: rgb(66, 69, 72); padding: 8px 0;"> <z-button icon="download" variant="dark-bg">button</z-button> <z-button variant="dark-bg" isdisabled="">button</z-button> <z-button variant="dark-bg" issmall="">button</z-button> <z-button variant="dark-bg" issmall="" disabled="">button</z-button> </div> <div style="background: rgb(246, 187, 59); padding: 8px 0;"> <z-button variant="dark-bg"> <span style="color: rgb(66, 69, 72);"> <z-icon name="download" style="color: rgb(66, 69, 72);"></z-icon> button </span> </z-button> <z-button variant="dark-bg" isdisabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall="" disabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> </div> <br> <z-button type="submit">submit</z-button> <z-button type="reset">reset</z-button> <br> <z-toggle-button label="toggle"></z-toggle-button> <z-toggle-button label="toggle" isdisabled=""></z-toggle-button> <br> <z-link>z-link</z-link> <z-link icon="download">z-link</z-link> <z-link isdisabled="">z-link</z-link> <z-link isdisabled="" icon="download">z-link</z-link> <z-link isactive="">z-link</z-link> <z-link icon="download" style="font-size: 12px; font-weight: bold;">z-link</z-link> <br> <hr> <z-logo></z-logo> <z-logo image-alt="logo"></z-logo> <z-logo image-alt="logo" height="50" width="200"></z-logo> <z-logo image-alt="logo" height="25" width="100"></z-logo> <br> <div style="display: grid; grid-template-columns: minmax(241px, 294px) 1fr 2.5fr minmax(180px, 180px); grid-column-gap: var(--basex1); background-color: rgb(48, 56, 64); height: 52px; align-items: center; z-index: 10;"> <div></div> <div></div> <div></div> <div style="display: flex; justify-content: flex-end; margin-right: 8px;"> <z-menu-dropdown nomeutente="username molto lungo nome" menucontent="[{&quot;id&quot;: &quot;profile&quot;, &quot;label&quot;: &quot;Profilo&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;ask-to&quot;, &quot;label&quot;: &quot;Chiedi al tuo responsabile&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;activate-resource&quot;, &quot;label&quot;: &quot;Attiva opera&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;your-orders&quot;, &quot;label&quot;: &quot;I tuoi ordini&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;logout&quot;, &quot;label&quot;: &quot;Esci&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}]"></z-menu-dropdown> </div> </div> <br> <z-menu floating="true"> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <z-menu-section slot="item"> <h3>Item 4</h3> <a href="" slot="item">Item 4.1</a> <a href="" slot="item">Item 4.2</a> </z-menu-section> <a href="" slot="item">Item 5</a> </z-menu> <z-menu> <img slot="header" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h4 slot="header">Menu header</h4> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <a href="" slot="item">Item 4</a> </z-menu> <z-button-filter filtername="filter 1" isfixed=""></z-button-filter> <z-button-filter filtername="filter 2"></z-button-filter> <z-button-filter filtername="filter 3" isfixed="" hasicon="false"></z-button-filter> <z-button-filter filtername="filter 4" hasicon="false"></z-button-filter> <z-chip boldtext="1234" regulartext="libri trovati"></z-chip> <z-chip> <z-body level="4">ciao 1</z-body> </z-chip> <z-chip> <z-body level="1" variant="semibold"><span style="color: red;">ciao 2</span></z-body> </z-chip> <z-chip boldtext="1234" regulartext="libri trovati"> <z-body level="4">ciao 3</z-body> </z-chip> <z-chip boldtext="0"></z-chip> <br> <br> <z-button-sort label="Chimica" counter="3"></z-button-sort> <z-button-sort label="Biologia" counter="5"></z-button-sort> <z-button-sort label="Label"></z-button-sort> <z-button-sort label="Selected" isselected="true"></z-button-sort> <z-button-sort label="Selected" isselected="true" sortasc="false"></z-button-sort> <z-button-sort label="Sort number" sortlabelasc="1-9" sortlabeldesc="9-1"></z-button-sort> <z-button-sort label="Ordina ASC" desclabel="Ordina DESC" sortlabelasc="" sortlabeldesc=""></z-button-sort> <br> <br> <z-myz-list inputrawdata="[
         {&quot;text&quot;:&quot;elemento lista&quot;,&quot;link&quot;:&quot;http://www.google.it&quot;,&quot;listitemid&quot;:&quot;id1&quot;,&quot;icon&quot;:&quot;checkbox-checked&quot;},
         {&quot;text&quot;:&quot;elemento lista&quot;,&quot;link&quot;:&quot;http://www.google.it&quot;,&quot;listitemid&quot;:&quot;id2&quot;,&quot;icon&quot;:&quot;checkbox&quot;},
         {&quot;text&quot;:&quot;&quot;}
@@ -281,7 +281,7 @@
         laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
         Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
         sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
-        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> </section> <z-registro-table bordered="false"> <z-registro-table-head> <z-registro-table-header-row expandable=""> <z-registro-table-header show-button="true" sortable="true" column-id="1">Colonna 1<br>Colonna 2 </z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="2">Colonna 2</z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="3">Colonna 3</z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true"><span slot="contextual-menu">Span Button</span>Valore 1-1 </z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 1-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 1-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true">Valore 2-1</z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 2-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 2-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> Test footer </z-registro-table-sticky-footer> </z-registro-table> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-popover position="after-up" show-arrow="true" background-color="color-white" box-shadow="shadow-1" border-radius="small"> <z-button slot="trigger">Action button</z-button> <div slot="popover">Conenuto popover</div> </z-popover> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-avatar text="Abcde" size="medium" image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-status-tag icon="gear" text="z-status-tag" status="default" variant="dark" expandable=""></z-status-tag> </div> <br><br><br><br><br><br> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <br><br><br><br><br><br> <div style="margin-left: 200px; padding: 50px; width: 300px; height: 50px;"> <z-ghost-loading></z-ghost-loading> </div> <p id="bottom">bottom</p> <br><br><br><br><br><br> <z-link onclick="openModal(this)" slot="actions">Apri Modale</z-link> <z-link slot="actions" id="xxx">Link di test</z-link> <z-footer copyrightuser="Zanichelli" data="{
+        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> </section> <z-registro-table bordered="false"> <z-registro-table-head> <z-registro-table-header-row expandable=""> <z-registro-table-header show-button="true" sortable="true" column-id="1">Colonna 1<br>Colonna 2 </z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="2">Colonna 2</z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="3">Colonna 3</z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true"><span slot="contextual-menu">Span Button</span>Valore 1-1 </z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 1-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 1-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true">Valore 2-1</z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 2-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 2-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> Test footer </z-registro-table-sticky-footer> </z-registro-table> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-popover position="after-up" show-arrow="true" background-color="color-white" box-shadow="shadow-1" border-radius="small"> <z-button slot="trigger">Action button</z-button> <div slot="popover">Conenuto popover</div> </z-popover> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-avatar text="Abcde" size="medium" image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-status-tag icon="gear" text="z-status-tag" status="default" variant="dark" expandable=""></z-status-tag> </div> <br><br><br><br><br><br> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <br><br><br><br><br><br> <div style="margin-left: 200px; padding: 50px; width: 300px; height: 50px;"> <z-ghost-loading></z-ghost-loading> </div> <p id="bottom">bottom</p> <br><br><br><br><br><br> <z-link onclick="openModal(this)" slot="actions">Apri Modale</z-link> <z-link slot="actions" id="xxx">Link di test</z-link> <z-footer product-name="Prodotto bello" product-version="6.6.6" product-credits-link="https://www.google.com" show-report-a-problem-button="" data="{
       &quot;zanichelliLinks&quot;: [{
           &quot;title&quot;: &quot;Zanichelli.it&quot;,
           &quot;items&quot;: [{

package/www/pages/notification.html

@@ -17,12 +17,9 @@
 </head>
 
 <body style="width: 100%;margin: 0; background-color: #f9f9f9;">
-    <z-app-topbar hashtag="via crucis">
-        <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it"
-            targetblank>
-        </z-logo>
-        <z-link textcolor="white" big icon="support-filled" slot="actions" href="./pages/notification.html">Notification
-        </z-link>
+    <z-app-topbar>
+        <z-logo slot="logo" width="138" height="36" image-alt="zanichelli-logo" link="https://www.zanichelli.it" target-blank></z-logo>
+        <z-link textcolor="white" big icon="support-filled" slot="actions" href="./pages/notification.html">Notification</z-link>
         <z-link textcolor="white" big icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link>
         <z-user-dropdown user-full-name="docente di calabresi per italiani" logged="false" slot="login"></z-user-dropdown>
         <z-app-switcher slot="app-switcher"></z-app-switcher>

package/dist/web-components-library/p-14543c46.entry.js

@@ -1 +0,0 @@
-import{r as e,h as i,g as t}from"./p-904a85e4.js";import{b as n}from"./p-d63b9ed3.js";import{m as a,t as r}from"./p-d69e14fb.js";const o=class{constructor(i){e(this,i),this.isMobile=!0,this.isMenuMobileOpen=!1,this.intMenuData=[],this.extMenuData=[],this.isLogged=!1}activeIntLinkChange(e){this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((i=>i.id===e))}handleResize(){this.isMobile=window.innerWidth<=a}handleZListItemLinkClick(){this.isMenuMobileOpen=!1}handleZListItemClick(){this.isMenuMobileOpen=!1}componentWillLoad(){this.intlinkdata&&(this.intMenuData="string"==typeof this.intlinkdata?JSON.parse(this.intlinkdata):this.intlinkdata),this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((e=>e.id===this.activeintlinkid)),this.extlinkdata&&(this.extMenuData="string"==typeof this.extlinkdata?JSON.parse(this.extlinkdata):this.extlinkdata),this.userdata&&(this.userData="string"==typeof this.userdata?JSON.parse(this.userdata):this.userdata,this.isLogged=this.userData.islogged),this.handleResize()}renderLogoDiv(){return i("div",{class:"logo"},i("z-logo",{link:this.logolink?this.logolink:null,targetblank:!0,width:144,height:36,imagealt:this.imagealt}))}renderIntMenu(e){if(this.isLogged&&this.ismyz)return i("div",{id:"link-int",class:"link-int"},e.map((e=>this.renderIntMenuItem(e))))}renderIntMenuItem(e){const{id:t,label:n,link:a}=e;return i("span",null,i("a",{href:a||null,id:t,class:"menu-item",onClick:()=>{this.activeMenuItem=this.currentMenuItem=e,this.activeintlinkid=e.id,e.subMenu&&this.handleToggleMobileMenuItem(e.id)},onMouseEnter:()=>{this.activeMenuItem=e},onMouseLeave:()=>{this.activeMenuItem=this.currentMenuItem},role:a?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},i("span",null,n),e.subMenu?i("i",null):null),i("svg",{height:"8",width:"16",class:{hidden:!this.activeMenuItem||this.activeMenuItem.id!==t}},i("polygon",{points:"8,0 16,8 0,8",class:"arrow"})),this.isMobile&&this.renderMenuItemsData(e))}getIntMenuItemTabindex(e){return this.intMenuData.indexOf(e)+1}handleToggleMobileMenuItem(e){this.isMobile&&(this.element.shadowRoot.querySelector(`#${e}`).classList.toggle("isopen"),this.element.shadowRoot.querySelector("#mobile-dropdown-"+e).classList.toggle("visible"))}renderMenuItemsData(e){if(!e.subMenu)return null;const i=e.subMenu.map((e=>({id:e.id,text:e.label,link:e.link,listitemid:e.id})));return this.renderMobileSubMenu(i,e.id)}renderMobileSubMenu(e,t){return i("span",{class:"mobile-dropdown",id:t?`mobile-dropdown-${t}`:""},i("z-myz-list",{list:e}))}renderSubMenu(e){if(this.ismyz&&this.isLogged)return e&&e.subMenu?i("div",{id:"dropdown-menu",class:"dropdown-menu"},i("ul",{class:"dropdown-links"},e.subMenu.map((t=>i("li",null,i("a",{id:t.id,class:t.id===this.activesublinkid?"active":"",href:t.link?t.link:null,role:t.link?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},t.label)))))):i("div",{id:"dropdown-menu",class:"dropdown-menu hidden"})}renderExtLinksIcons(e){const i=window.innerWidth>0?window.innerWidth:screen.width;return!(i>a&&i<r)&&{icon:e}}renderExtMenu(e){return this.isLogged?i("div",{id:"link-ext",class:"link-ext"},e.map((e=>{const{id:t,label:n,link:a,icon:r}=e;return i("span",{class:"link-ext-span"+(this.ismyz?" myz":"")},i("z-link",Object.assign({id:t,htmlid:t,href:a,iswhite:!!this.ismyz,target:"_blank",htmltabindex:10},this.renderExtLinksIcons(r)),n))}))):i("div",null)}renderLoginDiv(e){return i("div",{class:"login"},this.isLogged?i("z-menu-dropdown",{nomeutente:e.name,menucontent:JSON.stringify(e.userlinks)}):this.renderLoginButton())}renderLoginButton(){if(!this.hideloginbutton)return i("z-button",{htmlid:"login-button",variant:this.ismyz?n.secondary:n.tertiary,icon:"login",issmall:!0},"entra")}renderMobileLoginDiv(e){return i("div",{id:"mobile-login",class:"mobile-login"},i("span",null,i("a",{class:"menu-item",id:"user-data",onClick:()=>this.handleToggleMobileMenuItem("user-data"),role:"button"},i("span",null,i("z-icon",{name:"user-avatar",height:16,width:16}),e.name),i("i",null)),this.renderUserData(e)))}renderUserData(e){if(this.isMobile&&!e)return null;const i=e.userlinks.map((e=>({text:e.label,link:e.link,icon:e.icon,listitemid:e.id})));return this.renderMobileSubMenu(i,"user-data")}renderDesktopHeader(){return i("header",{class:this.ismyz?"":"myz-out"},this.renderMainHeader(),this.renderSubMenu(this.activeMenuItem))}renderMainHeader(){return i("div",{id:"main-header",class:{"main-header":!0,"myz-out":!this.ismyz}},this.renderLogoDiv(),this.renderIntMenu(this.intMenuData),this.renderExtMenu(this.extMenuData),this.renderLoginDiv(this.userData))}renderMobileHeader(){return i("header",null,this.renderMobileMenu(),this.renderMobileMenuContent())}renderMobileMenu(){return i("div",{id:"mobile-header",class:"mobile-header"+(this.ismyz?"":" myz-out")},this.renderLogoDiv(),this.renderMobileMenuToggle())}renderMobileMenuToggle(){return this.isLogged?i("div",{class:"menu-mobile",id:"mobile-menu-wrapper",onClick:()=>this.isMenuMobileOpen=!this.isMenuMobileOpen},i("div",{class:"menu-toggle"+(this.isMenuMobileOpen?" is-active":""),id:"mobile-menu"},i("span",{class:"bar"}),i("span",{class:"bar"}),i("span",{class:"bar"})),i("span",null,"Menu")):this.renderLoginButton()}renderMobileMenuContent(){return this.isLogged?i("div",{id:"mobile-content",class:{"mobile-content":!0,open:this.isMenuMobileOpen,"myz-out":!this.ismyz}},this.renderMobileLoginDiv(this.userData),this.ismyz&&i("hr",null),this.renderIntMenu(this.intMenuData),i("hr",null),this.renderExtMenu(this.extMenuData)):null}render(){return this.isMobile?this.renderMobileHeader():this.renderDesktopHeader()}get element(){return t(this)}static get watchers(){return{activeintlinkid:["activeIntLinkChange"]}}};o.style=':host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main-header";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * .5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * .5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * .5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:" ";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:"main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"dropdown-links";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * .5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * .5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}';export{o as z_myz_topbar}