@zanichelli/albe-web-components 2.24.9 → 2.24.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -0
- package/dist/cjs/{index-2e494cc2.js → index-dee3e21d.js} +4 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/web-components-library.cjs.js +2 -2
- package/dist/cjs/z-alert_65.cjs.entry.js +84 -26
- package/dist/cjs/z-app-header.cjs.entry.js +1 -1
- package/dist/cjs/z-candybar.cjs.entry.js +1 -1
- package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
- package/dist/cjs/z-heading.cjs.entry.js +1 -1
- package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
- package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
- package/dist/cjs/z-modal.cjs.entry.js +4 -4
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-card-info.cjs.entry.js +1 -1
- package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tab.cjs.entry.js +1 -1
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +7 -3
- package/dist/cjs/z-otp.cjs.entry.js +1 -1
- package/dist/cjs/z-pocket-message.cjs.entry.js +1 -1
- package/dist/cjs/z-pocket_3.cjs.entry.js +1 -1
- package/dist/cjs/z-registro-table-footer.cjs.entry.js +1 -1
- package/dist/cjs/z-slideshow.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
- package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
- package/dist/collection/components/inputs/z-input/index.js +3 -3
- package/dist/collection/components/inputs/z-input-label/index.js +18 -1
- package/dist/collection/components/inputs/z-select/index.js +1 -1
- package/dist/collection/components/modal/z-modal/index.js +4 -4
- package/dist/collection/components/modal/z-modal/styles.css +6 -6
- package/dist/collection/components/navigation/z-app-topbar/styles.css +5 -9
- package/dist/collection/components/navigation/z-navigation-tabs/index.js +9 -5
- package/dist/collection/components/navigation/z-user-dropdown/styles.css +5 -6
- package/dist/collection/components/notification/z-tooltip/index.js +75 -17
- package/dist/collection/components/notification/z-tooltip/styles.css +22 -18
- package/dist/esm/{index-6eb9a735.js → index-fa9e549c.js} +4 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/web-components-library.js +2 -2
- package/dist/esm/z-alert_65.entry.js +84 -26
- package/dist/esm/z-app-header.entry.js +1 -1
- package/dist/esm/z-candybar.entry.js +1 -1
- package/dist/esm/z-cookiebar.entry.js +1 -1
- package/dist/esm/z-heading.entry.js +1 -1
- package/dist/esm/z-messages-pocket.entry.js +1 -1
- package/dist/esm/z-modal-login.entry.js +1 -1
- package/dist/esm/z-modal.entry.js +4 -4
- package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
- package/dist/esm/z-myz-card-footer-sections.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +1 -1
- package/dist/esm/z-myz-topbar.entry.js +1 -1
- package/dist/esm/z-navigation-tab.entry.js +1 -1
- package/dist/esm/z-navigation-tabs.entry.js +7 -3
- package/dist/esm/z-otp.entry.js +1 -1
- package/dist/esm/z-pocket-message.entry.js +1 -1
- package/dist/esm/z-pocket_3.entry.js +1 -1
- package/dist/esm/z-registro-table-footer.entry.js +1 -1
- package/dist/esm/z-slideshow.entry.js +1 -1
- package/dist/esm/z-toast-notification-list.entry.js +1 -1
- package/dist/esm/z-toast-notification.entry.js +1 -1
- package/dist/types/components/inputs/z-input-label/index.d.ts +2 -0
- package/dist/types/components/notification/z-tooltip/index.d.ts +2 -0
- package/dist/types/components.d.ts +8 -0
- package/dist/web-components-library/{p-ba896238.entry.js → p-017370c7.entry.js} +1 -1
- package/dist/web-components-library/p-139b1c56.entry.js +1 -0
- package/dist/web-components-library/{p-9c17ebe5.entry.js → p-140cc18f.entry.js} +1 -1
- package/dist/web-components-library/{p-b11b6985.entry.js → p-1c72783c.entry.js} +1 -1
- package/dist/web-components-library/{p-f4c34386.entry.js → p-3ad9ef65.entry.js} +1 -1
- package/dist/web-components-library/{p-cf0eda28.entry.js → p-418044b0.entry.js} +1 -1
- package/dist/web-components-library/{p-490a6fe0.entry.js → p-44de8dac.entry.js} +1 -1
- package/dist/web-components-library/{p-468bee84.entry.js → p-5ff2bb78.entry.js} +1 -1
- package/{www/build/p-1aa48115.entry.js → dist/web-components-library/p-6b7ee18b.entry.js} +1 -1
- package/dist/web-components-library/{p-b33e37be.entry.js → p-6fed64d8.entry.js} +1 -1
- package/dist/web-components-library/{p-afcdcad4.entry.js → p-8f5eaf9d.entry.js} +1 -1
- package/{www/build/p-859f6438.js → dist/web-components-library/p-904a85e4.js} +1 -1
- package/dist/web-components-library/{p-251558f4.entry.js → p-96e3aec6.entry.js} +1 -1
- package/{www/build/p-2231641e.entry.js → dist/web-components-library/p-ba400b3b.entry.js} +1 -1
- package/dist/web-components-library/{p-590be9d2.entry.js → p-c7af96eb.entry.js} +1 -1
- package/dist/web-components-library/{p-b6e7981c.entry.js → p-ccaa0324.entry.js} +2 -2
- package/dist/web-components-library/{p-37294b80.entry.js → p-ccf4d1e7.entry.js} +1 -1
- package/dist/web-components-library/{p-69ff80d0.entry.js → p-cfa47b41.entry.js} +1 -1
- package/dist/web-components-library/{p-ac2744d4.entry.js → p-cfd7f25f.entry.js} +1 -1
- package/dist/web-components-library/{p-acf171e5.entry.js → p-e86e2a5f.entry.js} +1 -1
- package/dist/web-components-library/{p-d428fe35.entry.js → p-f113a03a.entry.js} +1 -1
- package/dist/web-components-library/{p-a00d5a85.entry.js → p-fbfde057.entry.js} +1 -1
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/{p-ba896238.entry.js → p-017370c7.entry.js} +1 -1
- package/www/build/p-139b1c56.entry.js +1 -0
- package/www/build/{p-9c17ebe5.entry.js → p-140cc18f.entry.js} +1 -1
- package/www/build/{p-b11b6985.entry.js → p-1c72783c.entry.js} +1 -1
- package/www/build/{p-f4c34386.entry.js → p-3ad9ef65.entry.js} +1 -1
- package/www/build/{p-cf0eda28.entry.js → p-418044b0.entry.js} +1 -1
- package/www/build/{p-490a6fe0.entry.js → p-44de8dac.entry.js} +1 -1
- package/www/build/{p-468bee84.entry.js → p-5ff2bb78.entry.js} +1 -1
- package/{dist/web-components-library/p-1aa48115.entry.js → www/build/p-6b7ee18b.entry.js} +1 -1
- package/www/build/{p-b33e37be.entry.js → p-6fed64d8.entry.js} +1 -1
- package/www/build/{p-afcdcad4.entry.js → p-8f5eaf9d.entry.js} +1 -1
- package/{dist/web-components-library/p-859f6438.js → www/build/p-904a85e4.js} +1 -1
- package/www/build/{p-251558f4.entry.js → p-96e3aec6.entry.js} +1 -1
- package/{dist/web-components-library/p-2231641e.entry.js → www/build/p-ba400b3b.entry.js} +1 -1
- package/www/build/{p-590be9d2.entry.js → p-c7af96eb.entry.js} +1 -1
- package/www/build/p-ca89b853.js +1 -0
- package/www/build/{p-b6e7981c.entry.js → p-ccaa0324.entry.js} +2 -2
- package/www/build/{p-37294b80.entry.js → p-ccf4d1e7.entry.js} +1 -1
- package/www/build/{p-69ff80d0.entry.js → p-cfa47b41.entry.js} +1 -1
- package/www/build/{p-ac2744d4.entry.js → p-cfd7f25f.entry.js} +1 -1
- package/www/build/{p-acf171e5.entry.js → p-e86e2a5f.entry.js} +1 -1
- package/www/build/p-ea943cbd.css +1 -0
- package/www/build/{p-d428fe35.entry.js → p-f113a03a.entry.js} +1 -1
- package/www/build/{p-a00d5a85.entry.js → p-fbfde057.entry.js} +1 -1
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/dist/web-components-library/p-f63a3dbe.entry.js +0 -1
- package/www/build/p-7f34c867.js +0 -122
- package/www/build/p-97a11655.css +0 -789
- package/www/build/p-f63a3dbe.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r}from"./p-
|
|
1
|
+
import{r as o,h as r}from"./p-904a85e4.js";const t=class{constructor(r){o(this,r)}render(){return r("div",null,r("footer",null,r("div",{class:"top"},r("slot",{name:"top"})),r("div",{class:"bottom"},r("slot",{name:"bottom"}))))}};t.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{box-sizing:border-box;border-radius:0px 0px var(--radius-base) var(--radius-base);border-top:var(--border-base) solid var(--color-surface03);padding:var(--space-unit) calc(var(--space-unit) * 2) 0;height:128px;color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";export{t as z_myz_card_footer_sections}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as r}from"./p-
|
|
1
|
+
import{r as o,h as r}from"./p-904a85e4.js";const t=class{constructor(r){o(this,r)}render(){return r("div",null,r("z-icon",{name:"exclamation-circle"}),r("div",{class:"content"},r("slot",null)),r("div",{class:"ctaWrapper"},r("slot",{name:"cta"})))}};t.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{color:var(--color-surface05);fill:var(--color-surface05);font-size:14px;border-bottom:var(--border-size-small) solid var(--color-surface03);padding-top:calc(var(--space-unit) * 1.5);display:grid;grid-template-rows:auto auto;grid-template-columns:36px auto}:host>div>z-icon{grid-row:1 / 2;grid-column:1 / 2}:host>div>div.content{grid-row:1 / 2;grid-column:2 / 3;margin-bottom:var(--space-unit)}:host>div>div.ctaWrapper{grid-row:2 / 3;grid-column:1 / 3;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;margin-bottom:var(--space-unit)}@media only screen and (min-width: 768px){:host>div>div.ctaWrapper{flex-direction:row;grid-column:2 / 3}}";export{t as z_pocket_message}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as i,H as a,g as o}from"./p-
|
|
1
|
+
import{r as t,h as i,H as a,g as o}from"./p-904a85e4.js";import{q as e,r as s}from"./p-8dfa676e.js";const r=class{constructor(i){t(this,i),this.orientation=e.horizontal,this.size=s.big,this.direction=this.orientation==e.vertical?"Top":"Left",this.dimension=this.orientation==e.vertical?"Height":"Width"}setChildrenSize(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("size",this.size)}setChildrenOrientation(){const t=this.host.children;for(let i=0;i<t.length;i++)t[i].setAttribute("orientation",this.orientation)}checkScrollVisible(){this.tabsNav&&(this.canNavigate=this.tabsNav[`scroll${this.dimension}`]>this.tabsNav[`client${this.dimension}`],this.checkScrollEnabled())}checkScrollEnabled(){this.tabsNav&&(this.canNavigateNext=this.tabsNav[`scroll${this.direction}`]+this.tabsNav[`client${this.dimension}`]<this.tabsNav[`scroll${this.dimension}`],this.canNavigatePrev=this.tabsNav[`scroll${this.direction}`]>0)}selectedTabHandler(t){this.select(t.target)}select(t){const i=this.host.children;for(let a=0;a<i.length;a++){const o=i[a];"Z-NAVIGATION-TAB"===o.tagName&&o!==t&&(o.selected=!1)}}navigatePrevious(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:0-this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}navigateNext(){this.tabsNav.scrollBy({[this.direction.toLowerCase()]:this.tabsNav.scrollTop+this.tabsNav[`client${this.dimension}`]/2,behavior:"smooth"})}componentDidLoad(){this.setChildrenSize(),this.setChildrenOrientation(),this.checkScrollVisible()}render(){return i(a,{class:{"interactive-2":"small"===this.size,"interactive-1":"small"!==this.size},scrollable:this.canNavigate},this.canNavigate&&i("button",{class:"navigation",onClick:()=>this.navigatePrevious(),tabindex:"-1",disabled:!this.canNavigatePrev},i("z-icon",{name:"horizontal"==this.orientation?"chevron-left":"chevron-up",width:16,height:16})),i("nav",{role:"tablist",ref:t=>this.tabsNav=null!=t?t:this.tabsNav,onScroll:this.checkScrollEnabled.bind(this)},i("slot",null)),this.canNavigate&&i("button",{class:"navigation",onClick:()=>{this.navigateNext()},tabindex:"-1",disabled:!this.canNavigateNext},i("z-icon",{name:"horizontal"==this.orientation?"chevron-right":"chevron-down",width:16,height:16})))}get host(){return o(this)}static get watchers(){return{size:["setChildrenSize"],orientation:["setChildrenOrientation"],direction:["checkScrollEnabled"],dimension:["checkScrollEnabled"]}}};r.style=":host{--safe-scroll-area:4px;--negative-safe-scroll-area:calc(-1 * var(--safe-scroll-area));position:relative;display:flex;flex-direction:row;z-index:0;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);font-family:var(--font-family-sans);font-weight:var(--font-rg);overflow:hidden}:host,:host *,::slotted(*){box-sizing:border-box}::-webkit-scrollbar{display:none}button.navigation{position:absolute;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:var(--color-white);border:none;outline:none;fill:var(--color-primary01);border-radius:var(--border-no-radius);cursor:pointer;z-index:1}button.navigation:focus{fill:var(--color-primary01);box-shadow:var(--shadow-focus-primary)}button.navigation:disabled{display:none}nav{display:flex;align-items:center;justify-content:flex-start;overflow:auto;margin:var(--negative-safe-scroll-area);padding:var(--safe-scroll-area);scroll-padding:var(--safe-scroll-area);scrollbar-width:none}:host([orientation='horizontal']) nav{width:100%}:host([orientation='horizontal']) button.navigation{top:0;height:100%;width:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='horizontal']) button.navigation:first-child{left:0;padding-left:var(--safe-scroll-area);box-shadow:5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='horizontal']) button.navigation:last-child{right:0;padding-right:4px;box-shadow:-5px 0px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']){flex-direction:column}:host([orientation='vertical']) nav{flex-direction:column;align-items:stretch;height:100%}:host([orientation='vertical']) button.navigation{left:0;width:100%;height:calc((var(--space-unit) * 4) + var(--safe-scroll-area))}:host([orientation='vertical']) button.navigation:first-child{top:0;padding-top:var(--safe-scroll-area);box-shadow:0px 5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([orientation='vertical']) button.navigation:last-child{bottom:0;padding-bottom:var(--safe-scroll-area);box-shadow:0px -5px var(--safe-scroll-area) var(--negative-safe-scroll-area) rgba(66, 69, 72, 0.40)}:host([size='small'][orientation='vertical']) button.navigation{height:calc(var(--space-unit) * 4)}";export{r as z_navigation_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,g as s}from"./p-
|
|
1
|
+
import{r as t,c as i,h as e,g as s}from"./p-904a85e4.js";import{p as o}from"./p-8dfa676e.js";import{h as a}from"./p-feb1a4a6.js";import{h as r}from"./p-9912e411.js";import"./p-d69e14fb.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.preview}async open(){this.status=o.open}async close(){this.status=o.closed}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.preview:case o.closed:this.status=o.open;break;case o.open:this.status=o.closed}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.open:"down"===t.detail.direction&&(this.status=o.closed))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"contentWrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";const h=class{constructor(i){t(this,i),this.status=o.preview}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i,g as t}from"./p-859f6438.js";import{a as n}from"./p-8dfa676e.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}
|
|
1
|
+
import{r as e,h as i,g as t}from"./p-904a85e4.js";import{a as n}from"./p-8dfa676e.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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as o,h as e}from"./p-
|
|
1
|
+
import{r as o,h as e}from"./p-904a85e4.js";import{p as r}from"./p-8dfa676e.js";const t=class{constructor(e){o(this,e),this.status=r.preview}handlePocketToggle(o){o.detail.id===this.pocketid&&(this.status=o.detail.status)}renderHeader(){let o,t;switch(this.status){case r.preview:case r.closed:o=e("span",null,"Messaggi ",e("span",{class:"badge"},this.messages)),t="chevron-up";break;case r.open:o=e("span",null,"Riduci"),t="chevron-down"}return e("z-pocket-header",{pocketid:this.pocketid},o,e("z-icon",{name:t,width:14,height:14}))}renderBody(){return e("z-pocket-body",{pocketid:this.pocketid},e("div",{class:"body"},e("slot",null)),e("div",{class:"gradient"}))}render(){return e("z-pocket",{pocketid:this.pocketid,status:this.status,class:this.status},this.renderHeader(),this.renderBody())}};t.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-pocket{width:100%}:host>z-pocket.closed{width:158px}:host>z-pocket>z-pocket-header{font-size:12px;font-weight:var(--font-sb);color:var(--color-primary01);fill:var(--color-primary01)}:host>z-pocket>z-pocket-header span.badge{background:var(--color-secondary02);color:var(--color-surface01);border-radius:50%;padding:0 calc(var(--space-unit)* 0.5);display:inline-block;margin-left:var(--space-unit)}:host>z-pocket>z-pocket-header>z-icon{margin-left:var(--space-unit)}:host>z-pocket>z-pocket-body>div.body{overflow:hidden;margin:0 var(--space-unit);padding:var(--space-unit)}:host>z-pocket.preview>z-pocket-body{position:relative}:host>z-pocket.preview>z-pocket-body>div.gradient{background-image:linear-gradient(rgba(255, 0, 0, 0), white);position:absolute;top:0;left:0;right:0;bottom:0}:host>z-pocket.open>z-pocket-body>div.body{max-height:calc(100vh - 166px);overflow:auto;scrollbar-width:none}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>z-pocket{width:768px;margin:0 calc((100% - 768px) / 2)}:host>z-pocket.closed{margin:0 calc((100% - 158px) / 2)}:host>z-pocket.open>z-pocket-body>div.body{max-height:326px}}@media only screen and (min-width: 1152px){:host>z-pocket.open>z-pocket-body>div.body{scrollbar-width:thin;scrollbar-color:var(--color-primary01) var(--color-surface03)}:host ::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--color-surface01) 2px,\n var(--color-surface03) 4px,\n var(--color-surface01) 8px\n );border-radius:var(--radius-base);width:10px}:host ::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--radius-base);width:var(--space-unit)}}";export{t as z_messages_pocket}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as i}from"./p-
|
|
1
|
+
import{r as t,h as e,g as i}from"./p-904a85e4.js";import{D as r}from"./p-8dfa676e.js";import{b as s,d as o,h as n}from"./p-feb1a4a6.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":return this.links=null!==(t=s(this.data))&&void 0!==t?t:[];default:return this.links=this.data}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t)return;const e=this.el.shadowRoot.querySelectorAll(".slide"),i=this.el.offsetWidth;t.style.width=i*this.links.length+"px",t.style.transform=`translate(-${i*this.currentSlide}px)`,e.forEach((t=>{t.querySelector("img").style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.mobile:return 24;case r.tablet:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=!1,r=this.currentSlide;return"left"===t?(i=0===this.currentSlide,r--):"right"===t&&(i=this.currentSlide===this.links.length-1,r++),e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footerLeft"},e("slot",{name:"footer-left"})),e("div",{class:"footerCenter"},e("div",{class:"bulletContainer"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footerRight"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};a.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:"center center" "left right";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:"left center right";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}';export{a as z_slideshow}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as o,h as a,g as l}from"./p-859f6438.js";import{m as s,a as n}from"./p-8dfa676e.js";const t=class{constructor(a){i(this,a),this.loginSubmit=o(this,"loginSubmit",7),this.statusUpdate=o(this,"statusUpdate",7),this.signupClick=o(this,"signupClick",7),this.zainoDigitaleClick=o(this,"zainoDigitaleClick",7),this.heading="Entra in MyZanichelli",this.externalProviderCheck=!1}componentDidLoad(){this.externalProviderCheck=!!this.hostElement.querySelectorAll('[slot="provider"]').length}emitLoginSubmit(){const i=this.hostElement.querySelector("z-input#username"),o=this.hostElement.querySelector("z-input#password");if(!i||!o)return;let a=i.value,l=o.value;a&&l?(a=this.cleanUsername(a),this.loginSubmit.emit({username:a,password:l,originalUsername:i.value})):this.status=s.error}emitStatusUpdate(i){this.statusUpdate.emit(i)}emitSignupClick(){this.signupClick.emit()}emitZainoDigitaleClick(){this.zainoDigitaleClick.emit()}handleInputKeyUp(i){"Enter"===i.code&&this.emitLoginSubmit()}handleInputChange(){this.status=null,this.emitStatusUpdate(this.status)}cleanUsername(i){return i=i.trim().toLowerCase(),/^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g.test(i)&&(i=i.replace(/[- .)(]/g,""),/^[\d ]*$/.test(i)&&(i="+39"+i)),i}renderZainoDigitaleButton(){return a("z-button",{variant:n.secondary,onClick:()=>this.emitZainoDigitaleClick(),class:"zainoDigitale"},a("div",{class:"zd"},a("svg",{width:"18px",height:"24px",viewBox:"0 0 18 24"},a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},a("g",{transform:"translate(-313.000000, -329.000000)",fill:"#E2001A","fill-rule":"nonzero"},a("g",{transform:"translate(25.000000, 191.000000)"},a("g",null,a("g",{transform:"translate(0.000000, 100.000000)"},a("g",null,a("g",{transform:"translate(276.000000, 28.000000)"},a("path",{d:"M29.8953704,30.5632326 C29.9143039,30.3327754 29.5356326,30.0447041 29.1380277,29.8142469 C29.2516291,28.7963947 29.4409647,26.9719425 29.2705626,26.3189807 C29.0433598,25.416357 28.3428178,24.8018047 28.380685,23.822362 C28.4185521,22.8429193 28.1913493,16.5437582 27.0364017,15.1802202 C26.1654576,14.162368 25.4649156,12.8372396 23.4390239,12.2418921 C23.4390239,12.0498445 23.4390239,11.8770016 23.4200903,11.7425683 C23.3822232,10.9167637 21.9622056,10.090959 21.6214014,10.0525495 C21.2805972,10.01414 20.371786,9.95652568 20.0309818,10.0525495 C19.6901775,10.1293685 19.0464362,11.128016 18.7434992,11.4352922 C18.5920306,11.5889302 18.5541635,11.9538207 18.5730971,12.3187111 C17.437083,12.6836015 16.1306669,13.4325871 15.4490584,14.9497631 C14.2941108,17.676839 13.4799674,18.9251483 13.6693031,24.1680477 C13.5935688,25.1090809 13.2906318,25.6084046 13.1012961,25.6852237 C12.9119604,25.7620427 12.798359,25.9156808 12.7604919,26.1077284 C12.7226247,26.2805712 12.5522226,28.37389 12.7415583,29.8718612 C12.3818205,30.1023183 12.0788834,30.3519802 12.097817,30.5632326 C12.1546177,31.0625563 11.8516806,31.7731324 12.097817,32.0612038 C12.230352,32.2148419 12.7226247,32.5413228 13.3284989,32.8293942 C13.6125024,33.4631512 14.199443,33.9240655 15.467992,33.9816797 C18.1565586,34.0584988 26.2601254,33.8664512 26.5630625,33.9048607 C26.847066,33.9432702 28.4374857,34.0008845 28.683622,32.8293942 C29.2894962,32.5413228 29.781769,32.2148419 29.9143039,32.0612038 C30.1415067,31.7731324 29.8385697,31.0625563 29.8953704,30.5632326 Z M12.0319858,31.2 C12.1173988,31.1230769 12.3736379,31.0461538 12.743761,31 C12.857645,31.3230769 12.914587,31.6615385 13,32 C12.4021089,31.8153846 11.8611598,31.5692308 12.0319858,31.2 Z M21.1618497,12.8394441 C21.1618497,12.8394441 20.6763006,12.8165075 20,13 L20,12.9770634 C20,12.5642053 20.3121387,11.3256309 20.3988439,11.1192018 C20.4855491,10.9127728 21.265896,11.0274556 21.8554913,11.0733287 C22.6358382,11.0503922 22.4624277,11.2568212 22.8092486,11.9907912 C22.9306358,12.2889666 22.982659,12.6559516 23,13 C22.4797688,12.8623806 21.8728324,12.8165075 21.1618497,12.8394441 Z M28.3324094,30 C28.6648189,30.0833333 28.9085858,30.2222222 28.9750677,30.3888889 C29.1301921,31.1666667 28.5318551,31.6388889 28,32 C28.0221606,31.5 28.0664819,31.1111111 28.0664819,31.1111111 L28.2437669,30.6111111 L28.3324094,30 Z M21.8571429,23 L21.8571429,23.8 L22.7142857,23.8 L22.7142857,24.6 L23.5714286,24.6 L23.5714286,25.4 L24.4285714,25.4 L24.4285714,26.2 L25.2857143,26.2 L25.2857143,27 L26.1428571,27 L26.1428571,27.8 L27,27.8 L27,28.6 L24.4285714,28.6 L24.4285714,29.4 L25.2857143,29.4 L25.2857143,31 L24.4285714,31 L24.4285714,30.2 L23.5714286,30.2 L23.5714286,29.4 L22.7142857,29.4 L22.7142857,30.2 L21.8571429,30.2 L21.8571429,31 L21,31 L21,23 L21.8571429,23 Z"}))))))))),a("span",null,"ZAINO DIGITALE")))}render(){return a("z-modal",{modaltitle:this.heading},a("div",{class:"wrapper",slot:"modalContent"},a("form",{method:"post"},a("div",{class:"username"},a("slot",{name:"username"},a("z-input",{id:"username",label:"email o numero di cellulare",placeholder:"Inserisci l'email o il cellulare",autocomplete:"username",name:"username",status:this.status,message:this.message,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("div",{class:"password"},a("slot",{name:"password"},a("z-input",{id:"password",label:"password",placeholder:"Inserisci la tua password",type:"password",name:"password",autocomplete:"current-password",status:this.status,message:this.pwdmessage,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("z-link",{class:"forget",href:this.forgotPasswordUrl},"Password dimenticata?"),a("div",{class:"login"},a("slot",{name:"login"},a("z-button",{variant:n.primary,onClick:()=>this.emitLoginSubmit()},"Accedi")))),a("hr",null),a("z-body",{class:"signup",level:4,variant:"semibold"},"Non hai ancora un account?"),a("div",{class:"signup"},a("slot",{name:"signup"},a("z-button",{variant:n.secondary,onClick:()=>this.emitSignupClick()},"Registrati"))),!this.externalProviderCheck&&a("div",{class:"providers"},a("z-body",{class:"provider",level:5,variant:"regular"},"OPPURE ACCEDI CON:"),a("slot",{name:"provider"},this.renderZainoDigitaleButton(),a("z-link",{icon:"informationsource",href:"https://www.zainodigitale.it/#/landing"},"Cos'è Zaino Digitale?")))))}get hostElement(){return l(this)}};t.style='.sc-z-modal-login-h{font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{color:var(--text-grey-800);padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}z-button.sc-z-modal-login,z-input.sc-z-modal-login,.sc-z-modal-login-s>z-button,.sc-z-modal-login-s>z-input{display:inline-block;width:100%}z-link.sc-z-modal-login,.sc-z-modal-login-s>z-link{font-size:12px}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}div.wrapper>form>div.username.sc-z-modal-login-s>z-input,div.wrapper>form>div.password.sc-z-modal-login-s>z-input,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.username.sc-z-modal-login z-input.sc-z-modal-login,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.password.sc-z-modal-login z-input.sc-z-modal-login{margin-bottom:var(--space-unit)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>z-link.forget.sc-z-modal-login{font-size:12px;align-self:flex-end}div.wrapper>form>div.login.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.login.sc-z-modal-login z-button.sc-z-modal-login{margin:calc(var(--space-unit) * 3) 0;align-self:flex-start}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;margin-bottom:calc(var(--space-unit) * 3);border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);margin-block-start:unset}div.wrapper>div.signup.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.signup.sc-z-modal-login z-button.sc-z-modal-login{display:inline-block;margin:calc(var(--space-unit) * 2) 0}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}slot-fb[name="provider"].sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-top:calc(var(--space-unit) * 2)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login>svg.sc-z-modal-login{margin-right:var(--space-unit)}@media only screen and (min-width: 768px){z-button.sc-z-modal-login,.sc-z-modal-login-s>z-button{width:initial}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:396px;padding:calc(var(--space-unit) * 3)}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{grid-column-start:1;grid-column-end:3;padding-bottom:var(--space-unit)}.sc-z-modal-login-s>[slot="provider"]{width:100%}slot-fb[name="provider"].sc-z-modal-login{grid-column-start:1;grid-column-end:3;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}slot-fb[name="provider"].sc-z-modal-login>*.sc-z-modal-login{width:100%}}@media only screen and (min-width: 1366px){.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:477px;padding:calc(var(--space-unit) * 4)}}';export{t as z_modal_login}
|
|
1
|
+
import{r as i,c as o,h as a,g as l}from"./p-904a85e4.js";import{m as s,a as n}from"./p-8dfa676e.js";const t=class{constructor(a){i(this,a),this.loginSubmit=o(this,"loginSubmit",7),this.statusUpdate=o(this,"statusUpdate",7),this.signupClick=o(this,"signupClick",7),this.zainoDigitaleClick=o(this,"zainoDigitaleClick",7),this.heading="Entra in MyZanichelli",this.externalProviderCheck=!1}componentDidLoad(){this.externalProviderCheck=!!this.hostElement.querySelectorAll('[slot="provider"]').length}emitLoginSubmit(){const i=this.hostElement.querySelector("z-input#username"),o=this.hostElement.querySelector("z-input#password");if(!i||!o)return;let a=i.value,l=o.value;a&&l?(a=this.cleanUsername(a),this.loginSubmit.emit({username:a,password:l,originalUsername:i.value})):this.status=s.error}emitStatusUpdate(i){this.statusUpdate.emit(i)}emitSignupClick(){this.signupClick.emit()}emitZainoDigitaleClick(){this.zainoDigitaleClick.emit()}handleInputKeyUp(i){"Enter"===i.code&&this.emitLoginSubmit()}handleInputChange(){this.status=null,this.emitStatusUpdate(this.status)}cleanUsername(i){return i=i.trim().toLowerCase(),/^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g.test(i)&&(i=i.replace(/[- .)(]/g,""),/^[\d ]*$/.test(i)&&(i="+39"+i)),i}renderZainoDigitaleButton(){return a("z-button",{variant:n.secondary,onClick:()=>this.emitZainoDigitaleClick(),class:"zainoDigitale"},a("div",{class:"zd"},a("svg",{width:"18px",height:"24px",viewBox:"0 0 18 24"},a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},a("g",{transform:"translate(-313.000000, -329.000000)",fill:"#E2001A","fill-rule":"nonzero"},a("g",{transform:"translate(25.000000, 191.000000)"},a("g",null,a("g",{transform:"translate(0.000000, 100.000000)"},a("g",null,a("g",{transform:"translate(276.000000, 28.000000)"},a("path",{d:"M29.8953704,30.5632326 C29.9143039,30.3327754 29.5356326,30.0447041 29.1380277,29.8142469 C29.2516291,28.7963947 29.4409647,26.9719425 29.2705626,26.3189807 C29.0433598,25.416357 28.3428178,24.8018047 28.380685,23.822362 C28.4185521,22.8429193 28.1913493,16.5437582 27.0364017,15.1802202 C26.1654576,14.162368 25.4649156,12.8372396 23.4390239,12.2418921 C23.4390239,12.0498445 23.4390239,11.8770016 23.4200903,11.7425683 C23.3822232,10.9167637 21.9622056,10.090959 21.6214014,10.0525495 C21.2805972,10.01414 20.371786,9.95652568 20.0309818,10.0525495 C19.6901775,10.1293685 19.0464362,11.128016 18.7434992,11.4352922 C18.5920306,11.5889302 18.5541635,11.9538207 18.5730971,12.3187111 C17.437083,12.6836015 16.1306669,13.4325871 15.4490584,14.9497631 C14.2941108,17.676839 13.4799674,18.9251483 13.6693031,24.1680477 C13.5935688,25.1090809 13.2906318,25.6084046 13.1012961,25.6852237 C12.9119604,25.7620427 12.798359,25.9156808 12.7604919,26.1077284 C12.7226247,26.2805712 12.5522226,28.37389 12.7415583,29.8718612 C12.3818205,30.1023183 12.0788834,30.3519802 12.097817,30.5632326 C12.1546177,31.0625563 11.8516806,31.7731324 12.097817,32.0612038 C12.230352,32.2148419 12.7226247,32.5413228 13.3284989,32.8293942 C13.6125024,33.4631512 14.199443,33.9240655 15.467992,33.9816797 C18.1565586,34.0584988 26.2601254,33.8664512 26.5630625,33.9048607 C26.847066,33.9432702 28.4374857,34.0008845 28.683622,32.8293942 C29.2894962,32.5413228 29.781769,32.2148419 29.9143039,32.0612038 C30.1415067,31.7731324 29.8385697,31.0625563 29.8953704,30.5632326 Z M12.0319858,31.2 C12.1173988,31.1230769 12.3736379,31.0461538 12.743761,31 C12.857645,31.3230769 12.914587,31.6615385 13,32 C12.4021089,31.8153846 11.8611598,31.5692308 12.0319858,31.2 Z M21.1618497,12.8394441 C21.1618497,12.8394441 20.6763006,12.8165075 20,13 L20,12.9770634 C20,12.5642053 20.3121387,11.3256309 20.3988439,11.1192018 C20.4855491,10.9127728 21.265896,11.0274556 21.8554913,11.0733287 C22.6358382,11.0503922 22.4624277,11.2568212 22.8092486,11.9907912 C22.9306358,12.2889666 22.982659,12.6559516 23,13 C22.4797688,12.8623806 21.8728324,12.8165075 21.1618497,12.8394441 Z M28.3324094,30 C28.6648189,30.0833333 28.9085858,30.2222222 28.9750677,30.3888889 C29.1301921,31.1666667 28.5318551,31.6388889 28,32 C28.0221606,31.5 28.0664819,31.1111111 28.0664819,31.1111111 L28.2437669,30.6111111 L28.3324094,30 Z M21.8571429,23 L21.8571429,23.8 L22.7142857,23.8 L22.7142857,24.6 L23.5714286,24.6 L23.5714286,25.4 L24.4285714,25.4 L24.4285714,26.2 L25.2857143,26.2 L25.2857143,27 L26.1428571,27 L26.1428571,27.8 L27,27.8 L27,28.6 L24.4285714,28.6 L24.4285714,29.4 L25.2857143,29.4 L25.2857143,31 L24.4285714,31 L24.4285714,30.2 L23.5714286,30.2 L23.5714286,29.4 L22.7142857,29.4 L22.7142857,30.2 L21.8571429,30.2 L21.8571429,31 L21,31 L21,23 L21.8571429,23 Z"}))))))))),a("span",null,"ZAINO DIGITALE")))}render(){return a("z-modal",{modaltitle:this.heading},a("div",{class:"wrapper",slot:"modalContent"},a("form",{method:"post"},a("div",{class:"username"},a("slot",{name:"username"},a("z-input",{id:"username",label:"email o numero di cellulare",placeholder:"Inserisci l'email o il cellulare",autocomplete:"username",name:"username",status:this.status,message:this.message,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("div",{class:"password"},a("slot",{name:"password"},a("z-input",{id:"password",label:"password",placeholder:"Inserisci la tua password",type:"password",name:"password",autocomplete:"current-password",status:this.status,message:this.pwdmessage,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("z-link",{class:"forget",href:this.forgotPasswordUrl},"Password dimenticata?"),a("div",{class:"login"},a("slot",{name:"login"},a("z-button",{variant:n.primary,onClick:()=>this.emitLoginSubmit()},"Accedi")))),a("hr",null),a("z-body",{class:"signup",level:4,variant:"semibold"},"Non hai ancora un account?"),a("div",{class:"signup"},a("slot",{name:"signup"},a("z-button",{variant:n.secondary,onClick:()=>this.emitSignupClick()},"Registrati"))),!this.externalProviderCheck&&a("div",{class:"providers"},a("z-body",{class:"provider",level:5,variant:"regular"},"OPPURE ACCEDI CON:"),a("slot",{name:"provider"},this.renderZainoDigitaleButton(),a("z-link",{icon:"informationsource",href:"https://www.zainodigitale.it/#/landing"},"Cos'è Zaino Digitale?")))))}get hostElement(){return l(this)}};t.style='.sc-z-modal-login-h{font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{color:var(--text-grey-800);padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}z-button.sc-z-modal-login,z-input.sc-z-modal-login,.sc-z-modal-login-s>z-button,.sc-z-modal-login-s>z-input{display:inline-block;width:100%}z-link.sc-z-modal-login,.sc-z-modal-login-s>z-link{font-size:12px}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}div.wrapper>form>div.username.sc-z-modal-login-s>z-input,div.wrapper>form>div.password.sc-z-modal-login-s>z-input,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.username.sc-z-modal-login z-input.sc-z-modal-login,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.password.sc-z-modal-login z-input.sc-z-modal-login{margin-bottom:var(--space-unit)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>z-link.forget.sc-z-modal-login{font-size:12px;align-self:flex-end}div.wrapper>form>div.login.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.login.sc-z-modal-login z-button.sc-z-modal-login{margin:calc(var(--space-unit) * 3) 0;align-self:flex-start}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;margin-bottom:calc(var(--space-unit) * 3);border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);margin-block-start:unset}div.wrapper>div.signup.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.signup.sc-z-modal-login z-button.sc-z-modal-login{display:inline-block;margin:calc(var(--space-unit) * 2) 0}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}slot-fb[name="provider"].sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-top:calc(var(--space-unit) * 2)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login>svg.sc-z-modal-login{margin-right:var(--space-unit)}@media only screen and (min-width: 768px){z-button.sc-z-modal-login,.sc-z-modal-login-s>z-button{width:initial}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:396px;padding:calc(var(--space-unit) * 3)}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{grid-column-start:1;grid-column-end:3;padding-bottom:var(--space-unit)}.sc-z-modal-login-s>[slot="provider"]{width:100%}slot-fb[name="provider"].sc-z-modal-login{grid-column-start:1;grid-column-end:3;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}slot-fb[name="provider"].sc-z-modal-login>*.sc-z-modal-login{width:100%}}@media only screen and (min-width: 1366px){.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:477px;padding:calc(var(--space-unit) * 4)}}';export{t as z_modal_login}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as e,h as i,H as
|
|
1
|
+
import{r as t,c as e,h as i,H as a,g as s}from"./p-904a85e4.js";import{s as n}from"./p-8dfa676e.js";import{m as r}from"./p-d69e14fb.js";import{h as o}from"./p-9912e411.js";const l=class{constructor(i){t(this,i),this.toastClose=e(this,"toastClose",7),this.pauseonfocusloss=!0,this.isdraggable=!0,this.draggablepercentage=80,this.isCloseEventCalled=!1,this.visibilityChangeEventHandler=()=>{"hidden"===document.visibilityState?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}}watchPropIsdraggable(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}emitToastClose(t){this.timeoutHandle=null,this.elapsedTime=null,this.hostElement.classList.add(t),this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=r,this.validateAutoclose()}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation(),this.percentage=0}validateAutoclose(){this.autoclose||this.closebutton||console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case n.slideInDown:return n.slideOutUp;case n.slideInUp:return n.slideOutDown;case n.slideInLeft:return n.slideOutRight;case n.slideInRight:return n.slideOutLeft}}calculateDraggedPercentage(t){const e=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/e.width)}handleSlideOutDragAnimation(){this.sliderManager=new o(this.hostElement),this.sliderManager.get("pan").set({direction:o.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const e={translate:"translateX( "+this.percentage+"% )",translateBack:"translateX(0)"};this.hostElement.style.opacity=100-Math.abs(this.percentage)+"%",t.eventType!==o.DIRECTION_LEFT&&t.eventType!==o.DIRECTION_RIGHT||(this.hostElement.style.transform=e.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===o.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage&&(this.hostElement.style.transform=e.translateBack,this.hostElement.style.transition="all 1s",this.hostElement.style.opacity="100%",this.percentage=0)}))}onFocus(){let t;t=this.autoclose,this.elapsedTime&&(t=this.autoclose-this.elapsedTime),t>0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=setTimeout((()=>this.emitToastClose(this.mapSlideOutClass())),t)}detectWrap(){const t=this.container.offsetWidth,e=this.container.children;let i=0;for(let t=0;t<e.length;t++)i+=e[t].offsetWidth;return i>t}renderText(){return i("div",{id:"text",ref:t=>this.toastText=t},i("span",{class:"title"},this.heading),i("span",{class:"message"},this.message))}renderButton(){return i("div",{id:"button"},i("slot",{name:"button"}))}renderCloseIcon(){return this.closebutton&&i("div",{id:"icon"},i("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return i("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:t=>this.container=t},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return i("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},i("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return i(a,{style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:n.slideInDown,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return s(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};l.style=":host{display:inline-block;min-width:200px;width:100vw}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideindown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideoutleft{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(-100%);opacity:0%}}@keyframes slideoutright{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(100%);opacity:0%}}@keyframes slideoutup{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(-100%);opacity:0}}@keyframes slideoutdown{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(100%);opacity:0}}:host>#external-container{font-family:var(--font-family-sans);font-weight:var(--font-rg);border-radius:4px;font-size:14px;letter-spacing:0.16px;box-sizing:border-box;min-height:52px;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-3)}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}:host>#external-container #text{color:var(--color-white);line-height:20px;margin-right:calc(var(--space-unit) * 2);letter-spacing:0.16px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{cursor:pointer;fill:var(--color-white);margin-left:calc(var(--space-unit) * 2)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-icon01)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--grey800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";export{l as z_toast_notification}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e,t,l,n=!1,o=!1,s=!1,i=!1,r=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),$=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),d=(e,t,l)=>{l&&l.map((([l,n,o])=>{const s=m(e,l),i=p(t,o),r=y(l);a.ael(s,n,i,r),(t.o=t.o||[]).push((()=>a.rel(s,n,i,r)))}))},p=(e,t)=>l=>{try{256&e.t?e.i[t](l):(e.u=e.u||[]).push([t,l])}catch(e){ce(e)}},m=(e,t)=>4&t?f:8&t?c:16&t?f.body:e,y=e=>0!=(2&e),h="http://www.w3.org/1999/xlink",w=new WeakMap,b=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...l)=>{let n=null,o=null,s=null,i=!1,r=!1,c=[];const f=t=>{for(let l=0;l<t.length;l++)n=t[l],Array.isArray(n)?f(n):null!=n&&"boolean"!=typeof n&&((i="function"!=typeof e&&!v(n))&&(n+=""),i&&r?c[c.length-1].p+=n:c.push(i?j(null,n):n),r=i)};if(f(l),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=j(e,null);return a.m=t,c.length>0&&(a.h=c),a.g=o,a.v=s,a},j=(e,t)=>({t:0,k:e,p:t,j:null,h:null,m:null,g:null,v:null}),S={},O=(e,t,l,n,o,s)=>{if(l!==n){let i=re(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=R(l),s=R(n);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in l)n&&null!=n[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in n)l&&n[t]===l[t]||(t.includes("-")?e.style.setProperty(t,n[t]):e.style[t]=n[t])}else if("key"===t);else if("ref"===t)n&&n(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=v(n);if((i||c&&null!==n)&&!o)try{if(e.tagName.includes("-"))e[t]=n;else{let o=null==n?"":n;"list"===t?i=!1:null!=l&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==n||!1===n?!1===n&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(h,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(n=!0===n?"":n,f?e.setAttributeNS(h,t,n):e.setAttribute(t,n))}else t="-"===t[2]?t.slice(3):re(c,r)?r.slice(2):r[2]+t.slice(3),l&&a.rel(e,t,l,!1),n&&a.ael(e,t,n,!1)}},M=/\s/,R=e=>e?e.split(M):[],x=(e,t,l,n)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.m||g,i=t.m||g;for(n in s)n in i||O(o,n,s[n],void 0,l,t.t);for(n in i)O(o,n,s[n],i[n],l,t.t)},C=(o,r,c,a)=>{let u,$,d,p=r.h[c],m=0;if(n||(s=!0,"slot"===p.k&&(e&&a.classList.add(e+"-s"),p.t|=p.h?2:1)),null!==p.p)u=p.j=f.createTextNode(p.p);else if(1&p.t)u=p.j=f.createTextNode("");else{if(i||(i="svg"===p.k),u=p.j=f.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&p.t?"slot-fb":p.k),i&&"foreignObject"===p.k&&(i=!1),x(null,p,i),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),p.h)for(m=0;m<p.h.length;++m)$=C(o,p,m,u),$&&u.appendChild($);"svg"===p.k?i=!1:"foreignObject"===u.tagName&&(i=!0)}return u["s-hn"]=l,3&p.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=p.v||"",d=o&&o.h&&o.h[c],d&&d.k===p.k&&o.j&&P(o.j,!1)),u},P=(e,t)=>{a.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==l&&o["s-ol"]&&(U(o).insertBefore(o,E(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&P(o,t)}a.t&=-2},T=(e,t,n,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===l&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=C(null,n,s,e),r&&(o[s].j=r,c.insertBefore(r,E(t))))},W=(e,t,l,n,s)=>{for(;t<=l;++t)(n=e[t])&&(s=n.j,q(n),o=!0,s["s-ol"]?s["s-ol"].remove():P(s,!0),s.remove())},L=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),E=e=>e&&e["s-ol"]||e,U=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,A=(e,t)=>{const l=t.j=e.j,n=e.h,o=t.h,s=t.k,r=t.p;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||x(e,t,i),null!==n&&null!==o?((e,t,l,n)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],$=t[a],d=n.length-1,p=n[0],m=n[d];for(;i<=a&&r<=d;)if(null==u)u=t[++i];else if(null==$)$=t[--a];else if(null==p)p=n[++r];else if(null==m)m=n[--d];else if(L(u,p))A(u,p),u=t[++i],p=n[++r];else if(L($,m))A($,m),$=t[--a],m=n[--d];else if(L(u,m))"slot"!==u.k&&"slot"!==m.k||P(u.j.parentNode,!1),A(u,m),e.insertBefore(u.j,$.j.nextSibling),u=t[++i],m=n[--d];else if(L($,p))"slot"!==u.k&&"slot"!==m.k||P($.j.parentNode,!1),A($,p),e.insertBefore($.j,u.j),$=t[--a],p=n[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===p.g){c=f;break}c>=0?(s=t[c],s.k!==p.k?o=C(t&&t[r],l,c,e):(A(s,p),t[c]=void 0,o=s.j),p=n[++r]):(o=C(t&&t[r],l,r,e),p=n[++r]),o&&U(u.j).insertBefore(o,E(u.j))}i>a?T(e,null==n[d+1]?null:n[d+1].j,l,n,r,d):r>d&&W(t,i,a)})(l,n,t,o):null!==o?(null!==e.p&&(l.textContent=""),T(l,null,t,o,0,o.length-1)):null!==n&&W(n,0,n.length-1),i&&"svg"===s&&(i=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:e.p!==r&&(l.data=r)},D=e=>{let t,l,n,o,s,i,r=e.childNodes;for(l=0,n=r.length;l<n;l++)if(t=r[l],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<n;o++)if(i=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===i&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[o].textContent.trim()){t.hidden=!0;break}D(t)}},F=[],H=e=>{let t,l,n,s,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(l=t["s-cr"])&&l.parentNode)for(n=l.parentNode.childNodes,s=t["s-sn"],r=n.length-1;r>=0;r--)l=n[r],l["s-cn"]||l["s-nr"]||l["s-hn"]===t["s-hn"]||(N(l,s)?(i=F.find((e=>e.S===l)),o=!0,l["s-sn"]=l["s-sn"]||s,i?i.O=t:F.push({O:t,S:l}),l["s-sr"]&&F.map((e=>{N(e.S,l["s-sn"])&&(i=F.find((e=>e.S===l)),i&&!e.O&&(e.O=i.O))}))):F.some((e=>e.S===l))||F.push({S:l}));1===t.nodeType&&H(t)}},N=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,q=e=>{e.m&&e.m.ref&&e.m.ref(null),e.h&&e.h.map(q)},V=e=>oe(e).M,_=(e,t,l)=>{const n=V(e);return{emit:e=>z(n,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},z=(e,t,l)=>{const n=a.ce(t,l);return e.dispatchEvent(n),n},B=(e,t)=>{t&&!e.R&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.R=t)))},G=(e,t)=>{if(e.t|=16,!(4&e.t))return B(e,e.C),we((()=>I(e,t)));e.t|=512},I=(e,t)=>{const l=e.i;let n;return t?(e.t|=256,e.u&&(e.u.map((([e,t])=>Y(l,e,t))),e.u=null),n=Y(l,"componentWillLoad")):n=Y(l,"componentWillUpdate"),n=Z(n,(()=>Y(l,"componentWillRender"))),Z(n,(()=>J(e,l,t)))},J=async(e,t,l)=>{const n=e.M,o=n["s-rc"];l&&(e=>{const t=e.P,l=e.M,n=t.t,o=((e,t)=>{let l=b(t),n=ue.get(l);if(e=11===e.nodeType?e:f,n)if("string"==typeof n){let t,o=w.get(e=e.head||e);o||w.set(e,o=new Set),o.has(l)||(t=f.createElement("style"),t.innerHTML=n,e.insertBefore(t,e.querySelector("link")),o&&o.add(l))}else e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]);return l})(l.shadowRoot?l.shadowRoot:l.getRootNode(),t);10&n&&(l["s-sc"]=o,l.classList.add(o+"-h"),2&n&&l.classList.add(o+"-s"))})(e);K(e,t),o&&(o.map((e=>e())),n["s-rc"]=void 0);{const t=n["s-p"],l=()=>Q(e);0===t.length?l():(Promise.all(t).then(l),e.t|=4,t.length=0)}},K=(i,r)=>{try{r=r.render(),i.t&=-17,i.t|=2,((i,r)=>{const c=i.M,u=i.P,$=i.T||j(null,null),d=(e=>e&&e.k===S)(r)?r:k(null,null,r);if(l=c.tagName,u.W&&(d.m=d.m||{},u.W.map((([e,t])=>d.m[t]=c[e]))),d.k=null,d.t|=4,i.T=d,d.j=$.j=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],n=0!=(1&u.t),o=!1,A($,d),a.t|=1,s){let e,t,l,n,o,s;H(d.j);let i=0;for(;i<F.length;i++)e=F[i],t=e.S,t["s-ol"]||(l=f.createTextNode(""),l["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=l,t));for(i=0;i<F.length;i++)if(e=F[i],t=e.S,e.O){for(n=e.O.parentNode,o=e.O.nextSibling,l=t["s-ol"];l=l.previousSibling;)if(s=l["s-nr"],s&&s["s-sn"]===t["s-sn"]&&n===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&n!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&D(d.j),a.t&=-2,F.length=0})(i,r)}catch(e){ce(e,i.M)}return null},Q=e=>{const t=e.M,l=e.i,n=e.C;Y(l,"componentDidRender"),64&e.t||(e.t|=64,ee(t),Y(l,"componentDidLoad"),e.L(t),n||X()),e.U(t),e.R&&(e.R(),e.R=void 0),512&e.t&&he((()=>G(e,!1))),e.t&=-517},X=()=>{ee(f.documentElement),he((()=>z(c,"appload",{detail:{namespace:"web-components-library"}})))},Y=(e,t,l)=>{if(e&&e[t])try{return e[t](l)}catch(e){ce(e)}},Z=(e,t)=>e&&e.then?e.then(t):t(),ee=e=>e.classList.add("hydrated"),te=(e,t,l)=>{if(t.A){e.watchers&&(t.D=e.watchers);const n=Object.entries(t.A),o=e.prototype;if(n.map((([e,[n]])=>{31&n||2&l&&32&n?Object.defineProperty(o,e,{get(){return((e,t)=>oe(this).F.get(t))(0,e)},set(l){((e,t,l,n)=>{const o=oe(e),s=o.M,i=o.F.get(t),r=o.t,c=o.i;if(l=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,n.A[t][0]),!(8&r&&void 0!==i||l===i)&&(o.F.set(t,l),c)){if(n.D&&128&r){const e=n.D[t];e&&e.map((e=>{try{c[e](l,i,t)}catch(e){ce(e,s)}}))}2==(18&r)&&G(o,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&n&&Object.defineProperty(o,e,{value(...t){const l=oe(this);return l.H.then((()=>l.i[e](...t)))}})})),1&l){const l=new Map;o.attributeChangedCallback=function(e,t,n){a.jmp((()=>{const t=l.get(e);this[t]=(null!==n||"boolean"!=typeof this[t])&&n}))},e.observedAttributes=n.filter((([e,t])=>15&t[0])).map((([e,n])=>{const o=n[1]||e;return l.set(o,e),512&n[0]&&t.W.push([e,o]),o}))}}return e},le=(e,t={})=>{const l=[],n=t.exclude||[],o=c.customElements,s=f.head,i=s.querySelector("meta[charset]"),r=f.createElement("style"),u=[];let p,m=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],$:t[1],A:t[2],N:t[3]};s.A=t[2],s.N=t[3],s.W=[],s.D={};const i=s.$,r=class extends HTMLElement{constructor(e){super(e),ie(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),m?u.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=oe(e),l=t.P,n=()=>{};if(1&t.t)d(e,t,l.N);else{t.t|=1,12&l.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let l=e;for(;l=l.parentNode||l.host;)if(l["s-p"]){B(t,t.C=l);break}}l.A&&Object.entries(l.A).map((([t,[l]])=>{if(31&l&&e.hasOwnProperty(t)){const l=e[t];delete e[t],e[t]=l}})),(async(e,t,l,n,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=ae(l)).then){const e=()=>{};o=await o,e()}o.isProxied||(l.D=o.watchers,te(o,l,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){ce(e)}t.t&=-9,t.t|=128,e()}if(o.style){let e=o.style;const t=b(l);if(!ue.has(t)){const n=()=>{};((e,t,l)=>{let n=ue.get(e);$&&l?(n=n||new CSSStyleSheet,n.replace(t)):n=t,ue.set(e,n)})(t,e,!!(1&l.t)),n()}}}const s=t.C,i=()=>G(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,l)}n()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=oe(this);e.o&&(e.o.map((e=>e())),e.o=void 0)}})()))}componentOnReady(){return oe(this).q}};s.V=e[0],n.includes(i)||o.get(i)||(l.push(i),o.define(i,te(r,s,1)))})))),r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,i?i.nextSibling:s.firstChild),m=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>p=setTimeout(X,30)))},ne=new WeakMap,oe=e=>ne.get(e),se=(e,t)=>ne.set(t.i=e,t),ie=(e,t)=>{const l={t:0,M:e,P:t,F:new Map};return l.H=new Promise((e=>l.U=e)),l.q=new Promise((e=>l.L=e)),e["s-p"]=[],e["s-rc"]=[],d(e,l,t.N),ne.set(e,l)},re=(e,t)=>t in e,ce=(e,t)=>(0,console.error)(e,t),fe=new Map,ae=e=>{const t=e.$.replace(/-/g,"_"),l=e.V,n=fe.get(l);return n?n[t]:import(`./${l}.entry.js`).then((e=>(fe.set(l,e),e[t])),ce)},ue=new Map,$e=[],de=[],pe=(e,t)=>l=>{e.push(l),r||(r=!0,t&&4&a.t?he(ye):a.raf(ye))},me=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ce(e)}e.length=0},ye=()=>{me($e),me(de),(r=$e.length>0)&&a.raf(ye)},he=e=>u().then(e),we=pe(de,!0);export{S as H,le as b,_ as c,V as g,k as h,u as p,se as r}
|
|
1
|
+
let e,t,l,n=!1,o=!1,s=!1,i=!1,r=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),$=(e,t,l)=>{l&&l.map((([l,n,o])=>{const s=m(e,l),i=p(t,o),r=y(l);a.ael(s,n,i,r),(t.o=t.o||[]).push((()=>a.rel(s,n,i,r)))}))},p=(e,t)=>l=>{try{256&e.t?e.i[t](l):(e.u=e.u||[]).push([t,l])}catch(e){ce(e)}},m=(e,t)=>4&t?f:8&t?c:16&t?f.body:e,y=e=>0!=(2&e),b="http://www.w3.org/1999/xlink",h=new WeakMap,w=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...l)=>{let n=null,o=null,s=null,i=!1,r=!1,c=[];const f=t=>{for(let l=0;l<t.length;l++)n=t[l],Array.isArray(n)?f(n):null!=n&&"boolean"!=typeof n&&((i="function"!=typeof e&&!v(n))&&(n+=""),i&&r?c[c.length-1].p+=n:c.push(i?j(null,n):n),r=i)};if(f(l),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=j(e,null);return a.m=t,c.length>0&&(a.h=c),a.g=o,a.v=s,a},j=(e,t)=>({t:0,k:e,p:t,j:null,h:null,m:null,g:null,v:null}),S={},O=(e,t,l,n,o,s)=>{if(l!==n){let i=re(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=C(l),s=C(n);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in l)n&&null!=n[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in n)l&&n[t]===l[t]||(t.includes("-")?e.style.setProperty(t,n[t]):e.style[t]=n[t])}else if("key"===t);else if("ref"===t)n&&n(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=v(n);if((i||c&&null!==n)&&!o)try{if(e.tagName.includes("-"))e[t]=n;else{let o=null==n?"":n;"list"===t?i=!1:null!=l&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==n||!1===n?!1===n&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(b,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(n=!0===n?"":n,f?e.setAttributeNS(b,t,n):e.setAttribute(t,n))}else t="-"===t[2]?t.slice(3):re(c,r)?r.slice(2):r[2]+t.slice(3),l&&a.rel(e,t,l,!1),n&&a.ael(e,t,n,!1)}},M=/\s/,C=e=>e?e.split(M):[],R=(e,t,l,n)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.m||g,i=t.m||g;for(n in s)n in i||O(o,n,s[n],void 0,l,t.t);for(n in i)O(o,n,s[n],i[n],l,t.t)},x=(o,r,c,a)=>{let u,d,$,p=r.h[c],m=0;if(n||(s=!0,"slot"===p.k&&(e&&a.classList.add(e+"-s"),p.t|=p.h?2:1)),null!==p.p)u=p.j=f.createTextNode(p.p);else if(1&p.t)u=p.j=f.createTextNode("");else{if(i||(i="svg"===p.k),u=p.j=f.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&p.t?"slot-fb":p.k),i&&"foreignObject"===p.k&&(i=!1),R(null,p,i),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),p.h)for(m=0;m<p.h.length;++m)d=x(o,p,m,u),d&&u.appendChild(d);"svg"===p.k?i=!1:"foreignObject"===u.tagName&&(i=!0)}return u["s-hn"]=l,3&p.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=p.v||"",$=o&&o.h&&o.h[c],$&&$.k===p.k&&o.j&&P(o.j,!1)),u},P=(e,t)=>{a.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==l&&o["s-ol"]&&(U(o).insertBefore(o,E(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&P(o,t)}a.t&=-2},T=(e,t,n,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===l&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=x(null,n,s,e),r&&(o[s].j=r,c.insertBefore(r,E(t))))},W=(e,t,l,n,s)=>{for(;t<=l;++t)(n=e[t])&&(s=n.j,q(n),o=!0,s["s-ol"]?s["s-ol"].remove():P(s,!0),s.remove())},L=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),E=e=>e&&e["s-ol"]||e,U=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,A=(e,t)=>{const l=t.j=e.j,n=e.h,o=t.h,s=t.k,r=t.p;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||R(e,t,i),null!==n&&null!==o?((e,t,l,n)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],d=t[a],$=n.length-1,p=n[0],m=n[$];for(;i<=a&&r<=$;)if(null==u)u=t[++i];else if(null==d)d=t[--a];else if(null==p)p=n[++r];else if(null==m)m=n[--$];else if(L(u,p))A(u,p),u=t[++i],p=n[++r];else if(L(d,m))A(d,m),d=t[--a],m=n[--$];else if(L(u,m))"slot"!==u.k&&"slot"!==m.k||P(u.j.parentNode,!1),A(u,m),e.insertBefore(u.j,d.j.nextSibling),u=t[++i],m=n[--$];else if(L(d,p))"slot"!==u.k&&"slot"!==m.k||P(d.j.parentNode,!1),A(d,p),e.insertBefore(d.j,u.j),d=t[--a],p=n[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===p.g){c=f;break}c>=0?(s=t[c],s.k!==p.k?o=x(t&&t[r],l,c,e):(A(s,p),t[c]=void 0,o=s.j),p=n[++r]):(o=x(t&&t[r],l,r,e),p=n[++r]),o&&U(u.j).insertBefore(o,E(u.j))}i>a?T(e,null==n[$+1]?null:n[$+1].j,l,n,r,$):r>$&&W(t,i,a)})(l,n,t,o):null!==o?(null!==e.p&&(l.textContent=""),T(l,null,t,o,0,o.length-1)):null!==n&&W(n,0,n.length-1),i&&"svg"===s&&(i=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:e.p!==r&&(l.data=r)},D=e=>{let t,l,n,o,s,i,r=e.childNodes;for(l=0,n=r.length;l<n;l++)if(t=r[l],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<n;o++)if(i=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===i&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[o].textContent.trim()){t.hidden=!0;break}D(t)}},F=[],H=e=>{let t,l,n,s,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(l=t["s-cr"])&&l.parentNode)for(n=l.parentNode.childNodes,s=t["s-sn"],r=n.length-1;r>=0;r--)l=n[r],l["s-cn"]||l["s-nr"]||l["s-hn"]===t["s-hn"]||(N(l,s)?(i=F.find((e=>e.S===l)),o=!0,l["s-sn"]=l["s-sn"]||s,i?i.O=t:F.push({O:t,S:l}),l["s-sr"]&&F.map((e=>{N(e.S,l["s-sn"])&&(i=F.find((e=>e.S===l)),i&&!e.O&&(e.O=i.O))}))):F.some((e=>e.S===l))||F.push({S:l}));1===t.nodeType&&H(t)}},N=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,q=e=>{e.m&&e.m.ref&&e.m.ref(null),e.h&&e.h.map(q)},V=e=>oe(e).M,_=(e,t,l)=>{const n=V(e);return{emit:e=>z(n,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},z=(e,t,l)=>{const n=a.ce(t,l);return e.dispatchEvent(n),n},B=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},G=(e,t)=>{if(e.t|=16,!(4&e.t))return B(e,e.R),he((()=>I(e,t)));e.t|=512},I=(e,t)=>{const l=e.i;let n;return t?(e.t|=256,e.u&&(e.u.map((([e,t])=>Y(l,e,t))),e.u=null),n=Y(l,"componentWillLoad")):n=Y(l,"componentWillUpdate"),n=Z(n,(()=>Y(l,"componentWillRender"))),Z(n,(()=>J(e,l,t)))},J=async(e,t,l)=>{const n=e.M,o=n["s-rc"];l&&(e=>{const t=e.P,l=e.M,n=t.t,o=((e,t)=>{let l=w(t),n=ue.get(l);if(e=11===e.nodeType?e:f,n)if("string"==typeof n){let t,o=h.get(e=e.head||e);o||h.set(e,o=new Set),o.has(l)||(t=f.createElement("style"),t.innerHTML=n,e.insertBefore(t,e.querySelector("link")),o&&o.add(l))}else e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]);return l})(l.shadowRoot?l.shadowRoot:l.getRootNode(),t);10&n&&(l["s-sc"]=o,l.classList.add(o+"-h"),2&n&&l.classList.add(o+"-s"))})(e);K(e,t),o&&(o.map((e=>e())),n["s-rc"]=void 0);{const t=n["s-p"],l=()=>Q(e);0===t.length?l():(Promise.all(t).then(l),e.t|=4,t.length=0)}},K=(i,r)=>{try{r=r.render(),i.t&=-17,i.t|=2,((i,r)=>{const c=i.M,u=i.P,d=i.T||j(null,null),$=(e=>e&&e.k===S)(r)?r:k(null,null,r);if(l=c.tagName,u.W&&($.m=$.m||{},u.W.map((([e,t])=>$.m[t]=c[e]))),$.k=null,$.t|=4,i.T=$,$.j=d.j=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],n=0!=(1&u.t),o=!1,A(d,$),a.t|=1,s){let e,t,l,n,o,s;H($.j);let i=0;for(;i<F.length;i++)e=F[i],t=e.S,t["s-ol"]||(l=f.createTextNode(""),l["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=l,t));for(i=0;i<F.length;i++)if(e=F[i],t=e.S,e.O){for(n=e.O.parentNode,o=e.O.nextSibling,l=t["s-ol"];l=l.previousSibling;)if(s=l["s-nr"],s&&s["s-sn"]===t["s-sn"]&&n===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&n!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&D($.j),a.t&=-2,F.length=0})(i,r)}catch(e){ce(e,i.M)}return null},Q=e=>{const t=e.M,l=e.i,n=e.R;Y(l,"componentDidRender"),64&e.t||(e.t|=64,ee(t),Y(l,"componentDidLoad"),e.L(t),n||X()),e.U(t),e.C&&(e.C(),e.C=void 0),512&e.t&&be((()=>G(e,!1))),e.t&=-517},X=()=>{ee(f.documentElement),be((()=>z(c,"appload",{detail:{namespace:"web-components-library"}})))},Y=(e,t,l)=>{if(e&&e[t])try{return e[t](l)}catch(e){ce(e)}},Z=(e,t)=>e&&e.then?e.then(t):t(),ee=e=>e.classList.add("hydrated"),te=(e,t,l)=>{if(t.A){e.watchers&&(t.D=e.watchers);const n=Object.entries(t.A),o=e.prototype;if(n.map((([e,[n]])=>{31&n||2&l&&32&n?Object.defineProperty(o,e,{get(){return((e,t)=>oe(this).F.get(t))(0,e)},set(l){((e,t,l,n)=>{const o=oe(e),s=o.M,i=o.F.get(t),r=o.t,c=o.i;if(l=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,n.A[t][0]),!(8&r&&void 0!==i||l===i)&&(o.F.set(t,l),c)){if(n.D&&128&r){const e=n.D[t];e&&e.map((e=>{try{c[e](l,i,t)}catch(e){ce(e,s)}}))}2==(18&r)&&G(o,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&n&&Object.defineProperty(o,e,{value(...t){const l=oe(this);return l.H.then((()=>l.i[e](...t)))}})})),1&l){const l=new Map;o.attributeChangedCallback=function(e,t,n){a.jmp((()=>{const t=l.get(e);this[t]=(null!==n||"boolean"!=typeof this[t])&&n}))},e.observedAttributes=n.filter((([e,t])=>15&t[0])).map((([e,n])=>{const o=n[1]||e;return l.set(o,e),512&n[0]&&t.W.push([e,o]),o}))}}return e},le=(e,t={})=>{const l=[],n=t.exclude||[],o=c.customElements,s=f.head,i=s.querySelector("meta[charset]"),r=f.createElement("style"),u=[];let p,m=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],$:t[1],A:t[2],N:t[3]};s.A=t[2],s.N=t[3],s.W=[],s.D={};const i=s.$,r=class extends HTMLElement{constructor(e){super(e),ie(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),m?u.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=oe(e),l=t.P,n=()=>{};if(1&t.t)$(e,t,l.N);else{t.t|=1,12&l.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let l=e;for(;l=l.parentNode||l.host;)if(l["s-p"]){B(t,t.R=l);break}}l.A&&Object.entries(l.A).map((([t,[l]])=>{if(31&l&&e.hasOwnProperty(t)){const l=e[t];delete e[t],e[t]=l}})),(async(e,t,l,n,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=ae(l)).then){const e=()=>{};o=await o,e()}o.isProxied||(l.D=o.watchers,te(o,l,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){ce(e)}t.t&=-9,t.t|=128,e()}if(o.style){let e=o.style;const t=w(l);if(!ue.has(t)){const n=()=>{};((e,t,l)=>{let n=ue.get(e);d&&l?(n=n||new CSSStyleSheet,n.replace(t)):n=t,ue.set(e,n)})(t,e,!!(1&l.t)),n()}}}const s=t.R,i=()=>G(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,l)}n()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=oe(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),Y(t,"disconnectedCallback")}})()))}componentOnReady(){return oe(this).q}};s.V=e[0],n.includes(i)||o.get(i)||(l.push(i),o.define(i,te(r,s,1)))})))),r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,i?i.nextSibling:s.firstChild),m=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>p=setTimeout(X,30)))},ne=new WeakMap,oe=e=>ne.get(e),se=(e,t)=>ne.set(t.i=e,t),ie=(e,t)=>{const l={t:0,M:e,P:t,F:new Map};return l.H=new Promise((e=>l.U=e)),l.q=new Promise((e=>l.L=e)),e["s-p"]=[],e["s-rc"]=[],$(e,l,t.N),ne.set(e,l)},re=(e,t)=>t in e,ce=(e,t)=>(0,console.error)(e,t),fe=new Map,ae=e=>{const t=e.$.replace(/-/g,"_"),l=e.V,n=fe.get(l);return n?n[t]:import(`./${l}.entry.js`).then((e=>(fe.set(l,e),e[t])),ce)},ue=new Map,de=[],$e=[],pe=(e,t)=>l=>{e.push(l),r||(r=!0,t&&4&a.t?be(ye):a.raf(ye))},me=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ce(e)}e.length=0},ye=()=>{me(de),me($e),(r=de.length>0)&&a.raf(ye)},be=e=>u().then(e),he=pe($e,!0);export{S as H,le as b,_ as c,V as g,k as h,u as p,se as r}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as r}from"./p-
|
|
1
|
+
import{r as t,h as r}from"./p-904a85e4.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_heading}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s}from"./p-
|
|
1
|
+
import{r as t,c as i,h as s}from"./p-904a85e4.js";import{a as o}from"./p-8dfa676e.js";const e=class{constructor(s){t(this,s),this.cardFlipped=i(this,"cardFlipped",7),this.disabled=!1,this.flipped=!1,this.flipbuttonlabel="INFO",this.hideinfobtn=!1}handleFlipCard(t){this.flipCard(t.detail)}flipCard(t=!0){this.flipped=t,this.cardFlipped.emit(t)}render(){return s("div",null,s("z-myz-card",null,s("z-myz-card-header",{titolo:this.name}),s("div",{class:"content "+(this.flipped?"flipped":"")},s("div",{class:"front"},s("z-myz-card-body",null,s("z-myz-card-cover",{slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),s("z-button",{class:this.hideinfobtn?"hideInfo":"",variant:o.secondary,icon:"informationsource",issmall:!0,onClick:()=>this.flipCard(!0),disabled:this.flipped},this.flipbuttonlabel)),s("div",{class:"back"},s("slot",{name:"info"}))),s("slot",null)))}};e.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;height:522px;width:100%;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content{position:relative;height:522px;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out;z-index:2}:host>div .content.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin-top:-2px}:host>div .front,:host>div .back{position:absolute;height:100%;width:100%;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));z-index:1;top:0;left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:flex;justify-content:center}.hideInfo{display:none}";export{e as z_myz_card_dictionary}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e}from"./p-
|
|
1
|
+
import{r as t,h as e}from"./p-904a85e4.js";const n=class{constructor(e){t(this,e)}render(){return e("div",null,e("slot",{name:"content"}))}};n.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-content:center}:host>div{position:fixed;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;top:30vh;max-width:297px;height:fit-content;min-height:232px;z-index:1000;margin:auto;overflow:auto;overflow:-moz-scrollbars-none;-ms-overflow-style:none;background:var(--myz-blue-lighter);border-radius:calc(var(--space-unit) * .5);box-shadow:0px -2px 4px 0px rgba(66, 69, 72, 0.4)}@media only screen and (min-width: 768px){:host>div{position:initial;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:stretch;position:fixed;top:auto;bottom:0;margin:0 auto;left:0;right:0;height:auto;min-height:138px;max-width:100%;border-radius:0px}}@media only screen and (min-width: 1152px){:host>div{min-height:122px}}";export{n as z_candybar}
|