@zanichelli/albe-web-components 2.43.0 → 2.45.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (202) hide show
  1. package/CHANGELOG.md +1494 -0
  2. package/dist/cjs/{index-0438eac5.js → index-93c4c577.js} +2 -2
  3. package/dist/cjs/index.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/{utils-13b55bf9.js → utils-23a6dee4.js} +1 -1
  6. package/dist/cjs/web-components-library.cjs.js +2 -2
  7. package/dist/cjs/{z-app-switcher_10.cjs.entry.js → z-app-switcher_11.cjs.entry.js} +31 -13
  8. package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
  9. package/dist/cjs/z-avatar.cjs.entry.js +1 -1
  10. package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
  11. package/dist/cjs/z-chip.cjs.entry.js +1 -1
  12. package/dist/cjs/z-combobox.cjs.entry.js +2 -2
  13. package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
  14. package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
  15. package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
  16. package/dist/cjs/z-file.cjs.entry.js +2 -2
  17. package/dist/cjs/z-footer.cjs.entry.js +1 -1
  18. package/dist/cjs/z-list_3.cjs.entry.js +1 -1
  19. package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
  20. package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
  21. package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
  22. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  23. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  24. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  25. package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
  26. package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
  27. package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
  28. package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
  29. package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
  30. package/dist/cjs/z-notification.cjs.entry.js +17 -13
  31. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  32. package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
  33. package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
  34. package/dist/cjs/z-popover.cjs.entry.js +2 -2
  35. package/dist/cjs/z-section-title.cjs.entry.js +1 -1
  36. package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
  37. package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
  38. package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
  39. package/dist/cjs/z-table-header.cjs.entry.js +2 -2
  40. package/dist/cjs/z-table-row.cjs.entry.js +1 -1
  41. package/dist/cjs/z-table.cjs.entry.js +1 -1
  42. package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  43. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  44. package/dist/cjs/z-toggle-switch.cjs.entry.js +3 -3
  45. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  46. package/dist/collection/collection-manifest.json +1 -1
  47. package/dist/collection/components/buttons/z-toggle-switch/styles.css +1 -0
  48. package/dist/collection/components/notification/z-notification/index.js +52 -27
  49. package/dist/collection/components/notification/z-notification/styles.css +73 -52
  50. package/dist/collection/components/z-carousel/index.js +48 -1
  51. package/dist/esm/{index-2fcbc301.js → index-023c206a.js} +1 -1
  52. package/dist/esm/index.js +2 -2
  53. package/dist/esm/loader.js +2 -2
  54. package/dist/esm/{utils-8fc83bbe.js → utils-05b6c600.js} +1 -1
  55. package/dist/esm/web-components-library.js +2 -2
  56. package/dist/esm/{z-app-switcher_10.entry.js → z-app-switcher_11.entry.js} +31 -14
  57. package/dist/esm/z-aria-alert.entry.js +1 -1
  58. package/dist/esm/z-avatar.entry.js +1 -1
  59. package/dist/esm/z-button-filter_5.entry.js +2 -2
  60. package/dist/esm/z-chip.entry.js +1 -1
  61. package/dist/esm/z-combobox.entry.js +2 -2
  62. package/dist/esm/z-contextual-menu.entry.js +1 -1
  63. package/dist/esm/z-cookiebar.entry.js +1 -1
  64. package/dist/esm/z-file-upload.entry.js +2 -2
  65. package/dist/esm/z-file.entry.js +2 -2
  66. package/dist/esm/z-footer.entry.js +1 -1
  67. package/dist/esm/z-list_3.entry.js +1 -1
  68. package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
  69. package/dist/esm/z-messages-pocket.entry.js +1 -1
  70. package/dist/esm/z-modal-login.entry.js +1 -1
  71. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  72. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  73. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  74. package/dist/esm/z-myz-card-info.entry.js +2 -2
  75. package/dist/esm/z-myz-card_4.entry.js +1 -1
  76. package/dist/esm/z-myz-list-item.entry.js +2 -2
  77. package/dist/esm/z-myz-topbar.entry.js +1 -1
  78. package/dist/esm/z-navigation-tabs.entry.js +1 -1
  79. package/dist/esm/z-notification.entry.js +17 -13
  80. package/dist/esm/z-otp.entry.js +1 -1
  81. package/dist/esm/z-pagination-bar.entry.js +2 -2
  82. package/dist/esm/z-pocket_3.entry.js +2 -2
  83. package/dist/esm/z-popover.entry.js +2 -2
  84. package/dist/esm/z-section-title.entry.js +1 -1
  85. package/dist/esm/z-slideshow.entry.js +2 -2
  86. package/dist/esm/z-status-tag.entry.js +1 -1
  87. package/dist/esm/z-table-cell.entry.js +1 -1
  88. package/dist/esm/z-table-header.entry.js +2 -2
  89. package/dist/esm/z-table-row.entry.js +1 -1
  90. package/dist/esm/z-table.entry.js +1 -1
  91. package/dist/esm/z-toast-notification-list.entry.js +1 -1
  92. package/dist/esm/z-toast-notification.entry.js +1 -1
  93. package/dist/esm/z-toggle-switch.entry.js +3 -3
  94. package/dist/esm/z-tooltip.entry.js +1 -1
  95. package/dist/types/components/notification/z-notification/index.d.ts +17 -9
  96. package/dist/types/components/z-carousel/index.d.ts +4 -0
  97. package/dist/types/components.d.ts +40 -14
  98. package/dist/web-components-library/index.esm.js +1 -1
  99. package/dist/web-components-library/{p-b47fd574.entry.js → p-00265234.entry.js} +1 -1
  100. package/dist/web-components-library/{p-0ea43e2d.entry.js → p-04f7a407.entry.js} +1 -1
  101. package/dist/web-components-library/{p-c670cc2a.entry.js → p-091b489d.entry.js} +1 -1
  102. package/dist/web-components-library/{p-cf42a0d9.entry.js → p-1242e682.entry.js} +1 -1
  103. package/dist/web-components-library/{p-5b885231.entry.js → p-189c9cd3.entry.js} +1 -1
  104. package/dist/web-components-library/{p-5a01568f.entry.js → p-2536d492.entry.js} +1 -1
  105. package/{www/build/p-4658024f.entry.js → dist/web-components-library/p-26410b9b.entry.js} +1 -1
  106. package/dist/web-components-library/p-26572e05.js +1 -0
  107. package/dist/web-components-library/{p-98daa188.entry.js → p-2b551b66.entry.js} +1 -1
  108. package/dist/web-components-library/{p-a8edf905.entry.js → p-329633be.entry.js} +1 -1
  109. package/dist/web-components-library/{p-3fbd736b.entry.js → p-33dc73f1.entry.js} +1 -1
  110. package/dist/web-components-library/p-33f74396.entry.js +1 -0
  111. package/{www/build/p-8f11dd1d.entry.js → dist/web-components-library/p-3ade3fa4.entry.js} +1 -1
  112. package/dist/web-components-library/p-3b383e1b.entry.js +1 -0
  113. package/dist/web-components-library/{p-2212daaf.entry.js → p-3b47835a.entry.js} +1 -1
  114. package/dist/web-components-library/{p-8a631d8a.entry.js → p-3d99e2b1.entry.js} +1 -1
  115. package/dist/web-components-library/{p-479ec393.entry.js → p-4e7c54ac.entry.js} +1 -1
  116. package/dist/web-components-library/{p-8aa9d127.entry.js → p-5300e675.entry.js} +1 -1
  117. package/dist/web-components-library/{p-dfdc8e09.js → p-5b5d269c.js} +1 -1
  118. package/dist/web-components-library/{p-86935ea1.entry.js → p-5d429427.entry.js} +1 -1
  119. package/dist/web-components-library/{p-4ee90701.entry.js → p-6b70aaa3.entry.js} +1 -1
  120. package/dist/web-components-library/{p-e7898f70.entry.js → p-6deeeeff.entry.js} +1 -1
  121. package/dist/web-components-library/{p-7eb25302.entry.js → p-7bb69f45.entry.js} +1 -1
  122. package/dist/web-components-library/p-800e9669.entry.js +1 -0
  123. package/dist/web-components-library/{p-6a20f73b.entry.js → p-9207c9ca.entry.js} +1 -1
  124. package/{www/build/p-3420fc79.entry.js → dist/web-components-library/p-92f0664e.entry.js} +1 -1
  125. package/dist/web-components-library/{p-2eeb8a03.entry.js → p-94919e28.entry.js} +1 -1
  126. package/dist/web-components-library/{p-0f55beb5.entry.js → p-98cd95f3.entry.js} +1 -1
  127. package/dist/web-components-library/{p-cc1b3608.entry.js → p-99e53bd5.entry.js} +1 -1
  128. package/dist/web-components-library/{p-dd948d70.entry.js → p-a8ba7c76.entry.js} +1 -1
  129. package/dist/web-components-library/{p-55be2a5f.entry.js → p-a9a24ffd.entry.js} +1 -1
  130. package/{www/build/p-4d45f4e2.entry.js → dist/web-components-library/p-bc168412.entry.js} +1 -1
  131. package/dist/web-components-library/{p-08d14eff.entry.js → p-c3bd10ad.entry.js} +1 -1
  132. package/dist/web-components-library/{p-298070b1.entry.js → p-cd0cafe6.entry.js} +1 -1
  133. package/dist/web-components-library/{p-9c1db4dd.entry.js → p-e305e1f8.entry.js} +1 -1
  134. package/dist/web-components-library/{p-1ab2ca97.entry.js → p-e6f63644.entry.js} +1 -1
  135. package/dist/web-components-library/{p-2f4b5116.entry.js → p-e98bb01e.entry.js} +1 -1
  136. package/dist/web-components-library/{p-54c557f0.entry.js → p-ead40844.entry.js} +1 -1
  137. package/dist/web-components-library/{p-e5e38024.entry.js → p-ee229819.entry.js} +1 -1
  138. package/dist/web-components-library/{p-9f282ddf.entry.js → p-f938f1b0.entry.js} +1 -1
  139. package/dist/web-components-library/{p-383c1b1b.entry.js → p-fae6d22e.entry.js} +1 -1
  140. package/dist/web-components-library/web-components-library.esm.js +1 -1
  141. package/package.json +1 -1
  142. package/src-react/index.ts +1 -0
  143. package/www/build/index.esm.js +1 -1
  144. package/www/build/{p-b47fd574.entry.js → p-00265234.entry.js} +1 -1
  145. package/www/build/{p-0ea43e2d.entry.js → p-04f7a407.entry.js} +1 -1
  146. package/www/build/{p-c670cc2a.entry.js → p-091b489d.entry.js} +1 -1
  147. package/www/build/{p-cf42a0d9.entry.js → p-1242e682.entry.js} +1 -1
  148. package/www/build/{p-5b885231.entry.js → p-189c9cd3.entry.js} +1 -1
  149. package/www/build/{p-5a01568f.entry.js → p-2536d492.entry.js} +1 -1
  150. package/{dist/web-components-library/p-4658024f.entry.js → www/build/p-26410b9b.entry.js} +1 -1
  151. package/www/build/p-26572e05.js +1 -0
  152. package/www/build/{p-98daa188.entry.js → p-2b551b66.entry.js} +1 -1
  153. package/www/build/{p-a8edf905.entry.js → p-329633be.entry.js} +1 -1
  154. package/www/build/{p-3fbd736b.entry.js → p-33dc73f1.entry.js} +1 -1
  155. package/www/build/p-33f74396.entry.js +1 -0
  156. package/{dist/web-components-library/p-8f11dd1d.entry.js → www/build/p-3ade3fa4.entry.js} +1 -1
  157. package/www/build/p-3b383e1b.entry.js +1 -0
  158. package/www/build/{p-2212daaf.entry.js → p-3b47835a.entry.js} +1 -1
  159. package/www/build/{p-8a631d8a.entry.js → p-3d99e2b1.entry.js} +1 -1
  160. package/www/build/{p-479ec393.entry.js → p-4e7c54ac.entry.js} +1 -1
  161. package/www/build/{p-8aa9d127.entry.js → p-5300e675.entry.js} +1 -1
  162. package/www/build/{p-dfdc8e09.js → p-5b5d269c.js} +1 -1
  163. package/www/build/{p-86935ea1.entry.js → p-5d429427.entry.js} +1 -1
  164. package/www/build/{p-4ee90701.entry.js → p-6b70aaa3.entry.js} +1 -1
  165. package/www/build/{p-e7898f70.entry.js → p-6deeeeff.entry.js} +1 -1
  166. package/www/build/{p-7eb25302.entry.js → p-7bb69f45.entry.js} +1 -1
  167. package/www/build/p-800e9669.entry.js +1 -0
  168. package/www/build/{p-6a20f73b.entry.js → p-9207c9ca.entry.js} +1 -1
  169. package/www/build/p-9234a78a.js +129 -0
  170. package/{dist/web-components-library/p-3420fc79.entry.js → www/build/p-92f0664e.entry.js} +1 -1
  171. package/www/build/{p-2eeb8a03.entry.js → p-94919e28.entry.js} +1 -1
  172. package/www/build/{p-0f55beb5.entry.js → p-98cd95f3.entry.js} +1 -1
  173. package/www/build/{p-cc1b3608.entry.js → p-99e53bd5.entry.js} +1 -1
  174. package/www/build/{p-dd948d70.entry.js → p-a8ba7c76.entry.js} +1 -1
  175. package/www/build/{p-55be2a5f.entry.js → p-a9a24ffd.entry.js} +1 -1
  176. package/{dist/web-components-library/p-4d45f4e2.entry.js → www/build/p-bc168412.entry.js} +1 -1
  177. package/www/build/{p-08d14eff.entry.js → p-c3bd10ad.entry.js} +1 -1
  178. package/www/build/{p-298070b1.entry.js → p-cd0cafe6.entry.js} +1 -1
  179. package/www/build/{p-9c1db4dd.entry.js → p-e305e1f8.entry.js} +1 -1
  180. package/www/build/{p-1ab2ca97.entry.js → p-e6f63644.entry.js} +1 -1
  181. package/www/build/{p-2f4b5116.entry.js → p-e98bb01e.entry.js} +1 -1
  182. package/www/build/{p-54c557f0.entry.js → p-ead40844.entry.js} +1 -1
  183. package/www/build/{p-e5e38024.entry.js → p-ee229819.entry.js} +1 -1
  184. package/www/build/{p-9f282ddf.entry.js → p-f938f1b0.entry.js} +1 -1
  185. package/www/build/{p-383c1b1b.entry.js → p-fae6d22e.entry.js} +1 -1
  186. package/www/build/p-fcff1237.css +812 -0
  187. package/www/build/web-components-library.esm.js +1 -1
  188. package/www/index.html +30 -6
  189. package/dist/cjs/z-ghost-loading.cjs.entry.js +0 -19
  190. package/dist/esm/z-ghost-loading.entry.js +0 -15
  191. package/dist/web-components-library/p-5011c3df.entry.js +0 -1
  192. package/dist/web-components-library/p-5789bbe7.entry.js +0 -1
  193. package/dist/web-components-library/p-7bc6023f.entry.js +0 -1
  194. package/dist/web-components-library/p-7d5a0194.js +0 -1
  195. package/dist/web-components-library/p-a741eb3a.entry.js +0 -1
  196. package/www/build/p-5011c3df.entry.js +0 -1
  197. package/www/build/p-5789bbe7.entry.js +0 -1
  198. package/www/build/p-7bc6023f.entry.js +0 -1
  199. package/www/build/p-7d5a0194.js +0 -1
  200. package/www/build/p-88b56b6e.css +0 -1
  201. package/www/build/p-a741eb3a.entry.js +0 -1
  202. package/www/build/p-e4b6f3ad.js +0 -1
@@ -1 +1 @@
1
- import{r as e,h as i,g as t}from"./p-98268a57.js";import{b as n}from"./p-dfdc8e09.js";import{m as a,t as r}from"./p-d69e14fb.js";const o=class{constructor(i){e(this,i),this.isMobile=!0,this.isMenuMobileOpen=!1,this.intMenuData=[],this.extMenuData=[],this.isLogged=!1}activeIntLinkChange(e){this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((i=>i.id===e))}handleResize(){this.isMobile=window.innerWidth<=a}handleZListItemLinkClick(){this.isMenuMobileOpen=!1}handleZListItemClick(){this.isMenuMobileOpen=!1}componentWillLoad(){this.intlinkdata&&(this.intMenuData="string"==typeof this.intlinkdata?JSON.parse(this.intlinkdata):this.intlinkdata),this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((e=>e.id===this.activeintlinkid)),this.extlinkdata&&(this.extMenuData="string"==typeof this.extlinkdata?JSON.parse(this.extlinkdata):this.extlinkdata),this.userdata&&(this.userData="string"==typeof this.userdata?JSON.parse(this.userdata):this.userdata,this.isLogged=this.userData.islogged),this.handleResize()}renderLogoDiv(){return i("div",{class:"logo"},i("z-logo",{link:this.logolink?this.logolink:null,"target-blank":!0,width:144,height:36,"image-alt":this.imagealt}))}renderIntMenu(e){if(this.isLogged&&this.ismyz)return i("div",{id:"link-int",class:"link-int"},e.map((e=>this.renderIntMenuItem(e))))}renderIntMenuItem(e){const{id:t,label:n,link:a}=e;return i("span",null,i("a",{href:a||null,id:t,class:"menu-item",onClick:()=>{this.activeMenuItem=this.currentMenuItem=e,this.activeintlinkid=e.id,e.subMenu&&this.handleToggleMobileMenuItem(e.id)},onMouseEnter:()=>{this.activeMenuItem=e},onMouseLeave:()=>{this.activeMenuItem=this.currentMenuItem},role:a?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},i("span",null,n),e.subMenu?i("i",null):null),i("svg",{height:"8",width:"16",class:{hidden:!this.activeMenuItem||this.activeMenuItem.id!==t}},i("polygon",{points:"8,0 16,8 0,8",class:"arrow"})),this.isMobile&&this.renderMenuItemsData(e))}getIntMenuItemTabindex(e){return this.intMenuData.indexOf(e)+1}handleToggleMobileMenuItem(e){this.isMobile&&(this.element.shadowRoot.querySelector(`#${e}`).classList.toggle("isopen"),this.element.shadowRoot.querySelector("#mobile-dropdown-"+e).classList.toggle("visible"))}renderMenuItemsData(e){if(!e.subMenu)return null;const i=e.subMenu.map((e=>({id:e.id,text:e.label,link:e.link,listitemid:e.id})));return this.renderMobileSubMenu(i,e.id)}renderMobileSubMenu(e,t){return i("span",{class:"mobile-dropdown",id:t?`mobile-dropdown-${t}`:""},i("z-myz-list",{list:e}))}renderSubMenu(e){if(this.ismyz&&this.isLogged)return e&&e.subMenu?i("div",{id:"dropdown-menu",class:"dropdown-menu"},i("ul",{class:"dropdown-links"},e.subMenu.map((t=>i("li",null,i("a",{id:t.id,class:t.id===this.activesublinkid?"active":"",href:t.link?t.link:null,role:t.link?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},t.label)))))):i("div",{id:"dropdown-menu",class:"dropdown-menu hidden"})}renderExtLinksIcons(e){const i=window.innerWidth>0?window.innerWidth:screen.width;return!(i>a&&i<r)&&{icon:e}}renderExtMenu(e){return this.isLogged?i("div",{id:"link-ext",class:"link-ext"},e.map((e=>{const{id:t,label:n,link:a,icon:r}=e;return i("span",{class:"link-ext-span"+(this.ismyz?" myz":"")},i("z-link",Object.assign({id:t,htmlid:t,href:a,iswhite:!!this.ismyz,target:"_blank",htmltabindex:10},this.renderExtLinksIcons(r)),n))}))):i("div",null)}renderLoginDiv(e){return i("div",{class:"login"},this.isLogged?i("z-menu-dropdown",{nomeutente:e.name,menucontent:JSON.stringify(e.userlinks)}):this.renderLoginButton())}renderLoginButton(){if(!this.hideloginbutton)return i("z-button",{htmlid:"login-button",variant:this.ismyz?n.secondary:n.tertiary,icon:"login",issmall:!0},"entra")}renderMobileLoginDiv(e){return i("div",{id:"mobile-login",class:"mobile-login"},i("span",null,i("a",{class:"menu-item",id:"user-data",onClick:()=>this.handleToggleMobileMenuItem("user-data"),role:"button"},i("span",null,i("z-icon",{name:"user-avatar",height:16,width:16}),e.name),i("i",null)),this.renderUserData(e)))}renderUserData(e){if(this.isMobile&&!e)return null;const i=e.userlinks.map((e=>({text:e.label,link:e.link,icon:e.icon,listitemid:e.id})));return this.renderMobileSubMenu(i,"user-data")}renderDesktopHeader(){return i("header",{class:this.ismyz?"":"myz-out"},this.renderMainHeader(),this.renderSubMenu(this.activeMenuItem))}renderMainHeader(){return i("div",{id:"main-header",class:{"main-header":!0,"myz-out":!this.ismyz}},this.renderLogoDiv(),this.renderIntMenu(this.intMenuData),this.renderExtMenu(this.extMenuData),this.renderLoginDiv(this.userData))}renderMobileHeader(){return i("header",null,this.renderMobileMenu(),this.renderMobileMenuContent())}renderMobileMenu(){return i("div",{id:"mobile-header",class:"mobile-header"+(this.ismyz?"":" myz-out")},this.renderLogoDiv(),this.renderMobileMenuToggle())}renderMobileMenuToggle(){return this.isLogged?i("div",{class:"menu-mobile",id:"mobile-menu-wrapper",onClick:()=>this.isMenuMobileOpen=!this.isMenuMobileOpen},i("div",{class:"menu-toggle"+(this.isMenuMobileOpen?" is-active":""),id:"mobile-menu"},i("span",{class:"bar"}),i("span",{class:"bar"}),i("span",{class:"bar"})),i("span",null,"Menu")):this.renderLoginButton()}renderMobileMenuContent(){return this.isLogged?i("div",{id:"mobile-content",class:{"mobile-content":!0,open:this.isMenuMobileOpen,"myz-out":!this.ismyz}},this.renderMobileLoginDiv(this.userData),this.ismyz&&i("hr",null),this.renderIntMenu(this.intMenuData),i("hr",null),this.renderExtMenu(this.extMenuData)):null}render(){return this.isMobile?this.renderMobileHeader():this.renderDesktopHeader()}get element(){return t(this)}static get watchers(){return{activeintlinkid:["activeIntLinkChange"]}}};o.style=':host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main-header";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * .5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * .5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * .5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:" ";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:"main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"dropdown-links";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * .5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * .5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}';export{o as z_myz_topbar}
1
+ import{r as e,h as i,g as t}from"./p-98268a57.js";import{b as n}from"./p-5b5d269c.js";import{m as a,t as r}from"./p-d69e14fb.js";const o=class{constructor(i){e(this,i),this.isMobile=!0,this.isMenuMobileOpen=!1,this.intMenuData=[],this.extMenuData=[],this.isLogged=!1}activeIntLinkChange(e){this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((i=>i.id===e))}handleResize(){this.isMobile=window.innerWidth<=a}handleZListItemLinkClick(){this.isMenuMobileOpen=!1}handleZListItemClick(){this.isMenuMobileOpen=!1}componentWillLoad(){this.intlinkdata&&(this.intMenuData="string"==typeof this.intlinkdata?JSON.parse(this.intlinkdata):this.intlinkdata),this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((e=>e.id===this.activeintlinkid)),this.extlinkdata&&(this.extMenuData="string"==typeof this.extlinkdata?JSON.parse(this.extlinkdata):this.extlinkdata),this.userdata&&(this.userData="string"==typeof this.userdata?JSON.parse(this.userdata):this.userdata,this.isLogged=this.userData.islogged),this.handleResize()}renderLogoDiv(){return i("div",{class:"logo"},i("z-logo",{link:this.logolink?this.logolink:null,"target-blank":!0,width:144,height:36,"image-alt":this.imagealt}))}renderIntMenu(e){if(this.isLogged&&this.ismyz)return i("div",{id:"link-int",class:"link-int"},e.map((e=>this.renderIntMenuItem(e))))}renderIntMenuItem(e){const{id:t,label:n,link:a}=e;return i("span",null,i("a",{href:a||null,id:t,class:"menu-item",onClick:()=>{this.activeMenuItem=this.currentMenuItem=e,this.activeintlinkid=e.id,e.subMenu&&this.handleToggleMobileMenuItem(e.id)},onMouseEnter:()=>{this.activeMenuItem=e},onMouseLeave:()=>{this.activeMenuItem=this.currentMenuItem},role:a?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},i("span",null,n),e.subMenu?i("i",null):null),i("svg",{height:"8",width:"16",class:{hidden:!this.activeMenuItem||this.activeMenuItem.id!==t}},i("polygon",{points:"8,0 16,8 0,8",class:"arrow"})),this.isMobile&&this.renderMenuItemsData(e))}getIntMenuItemTabindex(e){return this.intMenuData.indexOf(e)+1}handleToggleMobileMenuItem(e){this.isMobile&&(this.element.shadowRoot.querySelector(`#${e}`).classList.toggle("isopen"),this.element.shadowRoot.querySelector("#mobile-dropdown-"+e).classList.toggle("visible"))}renderMenuItemsData(e){if(!e.subMenu)return null;const i=e.subMenu.map((e=>({id:e.id,text:e.label,link:e.link,listitemid:e.id})));return this.renderMobileSubMenu(i,e.id)}renderMobileSubMenu(e,t){return i("span",{class:"mobile-dropdown",id:t?`mobile-dropdown-${t}`:""},i("z-myz-list",{list:e}))}renderSubMenu(e){if(this.ismyz&&this.isLogged)return e&&e.subMenu?i("div",{id:"dropdown-menu",class:"dropdown-menu"},i("ul",{class:"dropdown-links"},e.subMenu.map((t=>i("li",null,i("a",{id:t.id,class:t.id===this.activesublinkid?"active":"",href:t.link?t.link:null,role:t.link?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},t.label)))))):i("div",{id:"dropdown-menu",class:"dropdown-menu hidden"})}renderExtLinksIcons(e){const i=window.innerWidth>0?window.innerWidth:screen.width;return!(i>a&&i<r)&&{icon:e}}renderExtMenu(e){return this.isLogged?i("div",{id:"link-ext",class:"link-ext"},e.map((e=>{const{id:t,label:n,link:a,icon:r}=e;return i("span",{class:"link-ext-span"+(this.ismyz?" myz":"")},i("z-link",Object.assign({id:t,htmlid:t,href:a,iswhite:!!this.ismyz,target:"_blank",htmltabindex:10},this.renderExtLinksIcons(r)),n))}))):i("div",null)}renderLoginDiv(e){return i("div",{class:"login"},this.isLogged?i("z-menu-dropdown",{nomeutente:e.name,menucontent:JSON.stringify(e.userlinks)}):this.renderLoginButton())}renderLoginButton(){if(!this.hideloginbutton)return i("z-button",{htmlid:"login-button",variant:this.ismyz?n.secondary:n.tertiary,icon:"login",issmall:!0},"entra")}renderMobileLoginDiv(e){return i("div",{id:"mobile-login",class:"mobile-login"},i("span",null,i("a",{class:"menu-item",id:"user-data",onClick:()=>this.handleToggleMobileMenuItem("user-data"),role:"button"},i("span",null,i("z-icon",{name:"user-avatar",height:16,width:16}),e.name),i("i",null)),this.renderUserData(e)))}renderUserData(e){if(this.isMobile&&!e)return null;const i=e.userlinks.map((e=>({text:e.label,link:e.link,icon:e.icon,listitemid:e.id})));return this.renderMobileSubMenu(i,"user-data")}renderDesktopHeader(){return i("header",{class:this.ismyz?"":"myz-out"},this.renderMainHeader(),this.renderSubMenu(this.activeMenuItem))}renderMainHeader(){return i("div",{id:"main-header",class:{"main-header":!0,"myz-out":!this.ismyz}},this.renderLogoDiv(),this.renderIntMenu(this.intMenuData),this.renderExtMenu(this.extMenuData),this.renderLoginDiv(this.userData))}renderMobileHeader(){return i("header",null,this.renderMobileMenu(),this.renderMobileMenuContent())}renderMobileMenu(){return i("div",{id:"mobile-header",class:"mobile-header"+(this.ismyz?"":" myz-out")},this.renderLogoDiv(),this.renderMobileMenuToggle())}renderMobileMenuToggle(){return this.isLogged?i("div",{class:"menu-mobile",id:"mobile-menu-wrapper",onClick:()=>this.isMenuMobileOpen=!this.isMenuMobileOpen},i("div",{class:"menu-toggle"+(this.isMenuMobileOpen?" is-active":""),id:"mobile-menu"},i("span",{class:"bar"}),i("span",{class:"bar"}),i("span",{class:"bar"})),i("span",null,"Menu")):this.renderLoginButton()}renderMobileMenuContent(){return this.isLogged?i("div",{id:"mobile-content",class:{"mobile-content":!0,open:this.isMenuMobileOpen,"myz-out":!this.ismyz}},this.renderMobileLoginDiv(this.userData),this.ismyz&&i("hr",null),this.renderIntMenu(this.intMenuData),i("hr",null),this.renderExtMenu(this.extMenuData)):null}render(){return this.isMobile?this.renderMobileHeader():this.renderDesktopHeader()}get element(){return t(this)}static get watchers(){return{activeintlinkid:["activeIntLinkChange"]}}};o.style=':host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main-header";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * .5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * .5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * .5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:" ";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:"main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"dropdown-links";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * .5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * .5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}';export{o as z_myz_topbar}
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as a,H as r,g as i}from"./p-98268a57.js";import{T as e,a as n,B as s,b as l,c,C as d,d as h,O as v,e as b}from"./p-5b5d269c.js";import{m as u}from"./p-d69e14fb.js";import{c as p}from"./p-3247dee9.js";import{i as g}from"./p-82048c15.js";import"./p-b68038b5.js";const f=class{constructor(a){t(this,a),this.appButtonClick=o(this,"appButtonClick",7),this.theme=e.dark,this.isopen=!1,this.emitAppButtonClick=this.emitAppButtonClick.bind(this)}emitAppButtonClick(){this.isopen=!this.isopen,this.appButtonClick.emit({isopen:this.isopen})}render(){return a("button",{title:"app-switcher",onClick:()=>this.emitAppButtonClick()},a("z-icon",{name:"app-switcher",class:this.theme}))}};f.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";const m=class{constructor(o){t(this,o),this.theme=e.dark,this.topbarLinks=[]}handleResize(){this.isMobile=window.innerWidth<=u}componentWillLoad(){this.isMobile=window.screen.width<=u||window.innerWidth<=u}componentWillRender(){this.topbarContent&&(this.topbarLinks="string"==typeof this.topbarContent?JSON.parse(this.topbarContent):this.topbarContent)}renderTopbarLinks(){return this.topbarLinks.map((t=>a("z-link",{htmlid:t.id,textcolor:this.theme===e.light?"black":"white",href:t.link,target:t.target,icon:this.isMobile?t.icon:void 0},!this.isMobile&&t.label)))}render(){return a(r,{class:{[this.theme]:!0,"limited-width":!!this.contentMaxWidth}},a("div",{id:"content-container",style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},a("div",{id:"left-panel",class:"content-panel"},a("z-logo",{mobileLogo:this.isMobile,width:this.isMobile?32:128,height:this.isMobile?40:32,imageAlt:"zanichelli-logo",link:this.logoLink,targetBlank:!0}),this.isMobile&&this.renderTopbarLinks()),a("div",{id:"right-panel",class:"content-panel"},!this.isMobile&&this.renderTopbarLinks(),this.showAppSwitcher&&a("z-app-switcher",{theme:this.theme}),a("div",{id:"divider-container"},a("z-divider",{orientation:n.vertical,color:this.theme===e.light?"gray800":"color-white"})),a("slot",{name:"login"}))))}};m.style=":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";const w=class{constructor(o){t(this,o),this.disabled=!1,this.type=s.button,this.variant=l.primary,this.size=c.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",a("slot",{name:"element"},a("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:p(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&a("z-icon",{name:this.icon,width:16,height:16}),a("slot",null)))}get hostElement(){return i(this)}};w.style=':host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size="big"]) ::slotted(button),:host([size="big"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size="small"]) ::slotted(button),:host([size="small"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size="x-small"]) ::slotted(button),:host([size="x-small"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant="primary"]) ::slotted(button),:host([variant="primary"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant="primary"]) ::slotted(button:hover),:host([variant="primary"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant="primary"]) ::slotted(button:active),:host([variant="primary"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant="primary"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant="secondary"]) ::slotted(button),:host([variant="secondary"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant="secondary"]) ::slotted(button:hover),:host([variant="secondary"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant="secondary"]) ::slotted(button:active),:host([variant="secondary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant="secondary"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant="tertiary"]) ::slotted(button),:host([variant="tertiary"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant="tertiary"]) ::slotted(button:hover),:host([variant="tertiary"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant="tertiary"]) ::slotted(button:focus:focus-visible),:host([variant="tertiary"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant="tertiary"]) ::slotted(button:active),:host([variant="tertiary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant="tertiary"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant="dark-bg"]) ::slotted(button),:host([variant="dark-bg"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant="dark-bg"]) ::slotted(button:hover),:host([variant="dark-bg"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant="dark-bg"]) ::slotted(button:active),:host([variant="dark-bg"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant="dark-bg"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}';const k=class{constructor(a){t(this,a),this.cardClicked=o(this,"cardClicked",7),this.clickable=!1,this.showshadow=!1}onClick(t){if("action"!==t.target.getAttribute("slot"))return this.clickable?void this.cardClicked.emit():(t.preventDefault(),void t.stopPropagation())}componentWillLoad(){this.hasCoverImage=!!this.host.querySelector('[slot="cover"]')}renderColorCoverCard(){return[a("div",{class:"cover-container"},a("div",{class:"color-cover"},a("div",{class:"cover-content"},a("slot",{name:"metadata"}),a("slot",{name:"title"})))),a("div",{class:"content"},a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]}renderContentDiv(){return a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))}render(){return this.variant===d.text?this.renderContentDiv():this.variant===d.overlay||this.hasCoverImage?[a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==d.overlay&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),this.renderContentDiv()]:this.renderColorCoverCard()}get host(){return i(this)}};k.style=":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='text']){background-color:var(--z-card--text-background);border:var(--z-card--text-border);border-radius:var(--z-card--text-border-radius)}:host([showshadow])>.content,:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='text'])>.content{padding:calc(var(--space-unit) * 2) var(--space-unit)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']),:host([showshadow]){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover),:host([clickable][showshadow]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible),:host([clickable][showshadow]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active),:host([clickable][showshadow]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";const y=class{constructor(o){t(this,o),this.ghostloadingheight="100"}render(){return this.isloading?a("div",{style:{height:`${this.ghostloadingheight}px`}},a("z-ghost-loading",null),a("div",{style:{display:"none"}},a("slot",null))):a("ul",{class:"z-carousel-items-container"},a("slot",null))}};y.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0}.z-carousel-items-container{display:flex;overflow-x:scroll;padding-inline-start:0;margin:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container>*:not(:last-child){margin-right:var(--z-carousel-gutter)}";const x=class{constructor(o){t(this,o),this.size=h.small,this.color="gray200",this.orientation=n.horizontal}render(){return a(r,{class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}};x.style=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";const z=class{constructor(o){t(this,o)}render(){return a(r,null)}};z.style=":host{display:inline-block;width:100%;height:100%;background:var(--bg-neutral-100);overflow:hidden;border-radius:4px;transform:translate3d(0, 0, 0)}:host::after{content:' ';display:block;width:100%;height:100%;box-shadow:#e8ebee20 0px 0px 1px;background-image:linear-gradient(\n 90deg,\n var(--bg-neutral-100) 0%,\n var(--bg-neutral-150) 95%,\n var(--bg-neutral-100) 100%\n );animation:progress 1.6s ease-in-out infinite}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";const L=class{constructor(o){t(this,o)}selectPathOrPolygon(t){return t&&t.startsWith("M")?a("path",{d:g[this.name]}):a("polygon",{points:g[this.name]})}render(){return a("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(g[this.name]))}};L.style=":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";const C=class{constructor(a){t(this,a),this.zLinkClick=o(this,"zLinkClick",7),this.target="_self",this.htmltabindex=0,this.isdisabled=!1,this.isactive=!1,this.iswhite=!1,this.textcolor="primary",this.big=!1,this.iconposition="left",this.underline=!1,this.iconSize=18,this.emitZLinkClick=this.emitZLinkClick.bind(this),this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillRender(){this.iswhite&&console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead"),this.big&&console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}emitZLinkClick(t,o){this.emitZLinkInteraction(t,o)}emitZLinkInteraction(t,o){this.zLinkClick.emit({e:t,linkId:o})}componentDidRender(){if(this.icon){const t=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size")),o=this.big?18:Math.round(1.125*t);Number.isNaN(o)||this.iconSize===o||(this.iconSize=o)}}render(){return a(r,{style:this.big?{"--font-size-link":"16px","--font-weight-link":"600"}:{}},a("a",{id:this.htmlid,href:this.href?this.href:null,class:`${this.isdisabled?"disabled":""}\n ${this.isactive?"active":""}\n ${this.textcolor}\n ${this.iswhite?"white":""}\n ${this.underline?"underline":""}`,target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:t=>this.emitZLinkClick(t,this.htmlid)},"right"===this.iconposition&&a("slot",null),this.icon&&a("z-icon",{style:{"--z-icon-width":this.iconSize.toString(),"--z-icon-height":this.iconSize.toString()},name:this.icon,height:this.iconSize,width:this.iconSize}),"left"===this.iconposition&&a("slot",null)))}get hostElement(){return i(this)}};C.style=":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";const E=class{constructor(o){t(this,o)}render(){const t={};return this.width&&(t.width=t["max-width"]=`${this.width}px`),this.height&&(t.height=t["max-height"]=`${this.height}px`),a(r,{style:t,class:{mobile:!!this.mobileLogo}},this.link?a("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},a("img",{alt:this.imageAlt})):a("img",{alt:this.imageAlt}))}};E.style=":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";const _=class{constructor(a){t(this,a),this.canvasOpenStatusChanged=o(this,"canvasOpenStatusChanged",7),this.variant=v.pushcontent,this.open=!1,this.transitiondirection=b.left}componentWillLoad(){this.handleOpenStatus()}onOpenChanged(){this.handleOpenStatus(),this.canvasOpenStatusChanged.emit(this.open)}handleOpenStatus(){this.open?this.hostElement.style.display="flex":this.variant===v.pushcontent&&(this.hostElement.style.display="none",document.body.style.overflowX="hidden")}handleAnimationEnd(){this.hostElement.hasAttribute("open")?this.hostElement.querySelector(".canvas-content").focus():this.variant===v.overlay&&(this.hostElement.style.display="none",document.body.style.overflowX="initial")}render(){return[a("div",{class:"canvas-container",onAnimationEnd:()=>this.handleAnimationEnd()},a("div",{class:"canvas-content",tabindex:"0"},a("slot",{name:"canvasContent"}))),a("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1})]}get hostElement(){return i(this)}static get watchers(){return{open:["onOpenChanged"]}}};_.style='.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0px;z-index:1000;display:none;justify-content:end;height:100%;min-width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;flex-direction:column;z-index:1010;min-width:100%;height:100%;overflow:-moz-scrollbars-none;overflow:hidden;background:var(--color-surface01);transform:translateX(100%)}@keyframes enterRight{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"]>.canvas-container.sc-z-offcanvas{animation-name:exitRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(100%)}[variant="overlay"].sc-z-offcanvas-h{position:fixed;height:calc(100% - var(--z-offcanvas--top-space));top:var(--z-offcanvas--top-space);left:0;right:0;bottom:0}[variant="overlay"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}[transitiondirection="right"].sc-z-offcanvas-h{justify-content:start}[transitiondirection="right"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}@keyframes enterLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection="right"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{animation-name:exitLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{flex:1 auto;overflow:auto;overflow-x:hidden;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;height:auto;min-width:max(var(--z-offcanvas--container-width), 375px);min-height:calc(var(--space-unit) * 40);max-width:max(var(--z-offcanvas--container-width), 375px)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant="overlay"])[open]{animation-name:grow;animation-duration:0.4s;animation-timing-function:ease-out;width:auto}}';export{f as z_app_switcher,m as z_app_topbar,w as z_button,k as z_card,y as z_carousel,x as z_divider,z as z_ghost_loading,L as z_icon,C as z_link,E as z_logo,_ as z_offcanvas}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s}from"./p-98268a57.js";import{b as o}from"./p-dfdc8e09.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
+ import{r as t,c as i,h as s}from"./p-98268a57.js";import{b as o}from"./p-5b5d269c.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,h as a,H as t}from"./p-98268a57.js";import{Z as s}from"./p-dfdc8e09.js";const i=class{constructor(a){r(this,a),this.mode=s.polite}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}
1
+ import{r,h as a,H as t}from"./p-98268a57.js";import{Z as s}from"./p-5b5d269c.js";const i=class{constructor(a){r(this,a),this.mode=s.polite}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}
@@ -1 +1 @@
1
- import{r as i,c as t,h as n}from"./p-98268a57.js";import{g as e}from"./p-dfdc8e09.js";import{h as s}from"./p-7d5a0194.js";import"./p-d69e14fb.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){return(this.contentWrapper||this.infoWrapper)&&(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)?(this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",this.hiddenContent=!0):this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-tooltip",{content:`${i} ${t} ${s} ${o}`,type:e.RIGHT,onClick:()=>this.tooltip=!1})}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili:"," ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\n 180deg,\n rgba(255, 0, 0, 0),\n rgba(255, 0, 0, 0) 60%,\n white\n );content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
1
+ import{r as i,c as t,h as n}from"./p-98268a57.js";import{g as e}from"./p-5b5d269c.js";import{h as s}from"./p-26572e05.js";import"./p-d69e14fb.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){return(this.contentWrapper||this.infoWrapper)&&(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)?(this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",this.hiddenContent=!0):this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-tooltip",{content:`${i} ${t} ${s} ${o}`,type:e.RIGHT,onClick:()=>this.tooltip=!1})}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili:"," ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\n 180deg,\n rgba(255, 0, 0, 0),\n rgba(255, 0, 0, 0) 60%,\n white\n );content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
@@ -1 +1 @@
1
- import{r as t,c as e,h as i,g as s,H as r}from"./p-98268a57.js";import{I as c,k as a,j as n}from"./p-dfdc8e09.js";import{r as o,b as l,h as p,d as h}from"./p-7d5a0194.js";import"./p-d69e14fb.js";const u=class{constructor(i){t(this,i),this.removefilter=e(this,"removefilter",7),this.isfixed=!1,this.hasicon=!0,this.issmall=!1,this.handleRemovingFilterClick=this.handleRemovingFilterClick.bind(this)}handleRemovingFilterClick(){this.removefilter.emit({filterid:this.filterid})}renderFixedPillow(t){return i("button",{class:"container "+(this.issmall?"small":"")},this.renderIcon(),this.renderContent(t))}renderDynamicPillow(t){return i("button",{class:"container isactive "+(this.issmall?"small":""),onClick:this.handleRemovingFilterClick},this.renderIcon(),this.renderContent(t))}renderIcon(){return this.hasicon?i("z-icon",{class:"close-icon-container",name:"multiply",height:12,width:12}):null}renderContent(t){return i("span",{class:"text-container"},t)}render(){return this.isfixed?this.renderFixedPillow(this.filtername):this.renderDynamicPillow(this.filtername)}};u.style="button.container{min-height:32px;line-height:32px;border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-webkit-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-moz-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);text-align:center;padding:0 calc(var(--space-unit) * 2);cursor:pointer;letter-spacing:0.17px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);opacity:1;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{background-color:var(--myz-blue-dark);border-color:var(--myz-blue-dark);box-shadow:0px 0px 4px 0px var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";const d=class{constructor(i){t(this,i),this.inputChange=e(this,"inputChange",7),this.startTyping=e(this,"startTyping",7),this.stopTyping=e(this,"stopTyping",7),this.inputCheck=e(this,"inputCheck",7),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.hasmessage=!0,this.labelafter=!0,this.typingtimeout=300,this.multiple=!1,this.hasclearicon=!0,this.isTyping=!1,this.textareaWrapperHover="",this.textareaWrapperFocus="",this.passwordHidden=!0}inputCheckListener(t){const e=t.detail;switch(this.type){case c.radio:e.type===c.radio&&e.name===this.name&&e.id!==this.htmlid&&(this.checked=!1);default:return}}async getValue(){switch(this.type){case c.select:return this.selectElem.getValue();default:return this.value}}async setValue(t){switch(this.type){case c.select:this.selectElem.setValue(t);break;default:"string"==typeof t&&(this.value=t)}}async isChecked(){switch(this.type){case c.checkbox:case c.radio:return this.checked;default:return!1}}emitInputChange(t,e){this.isTyping||this.emitStartTyping();let i={};i=this.getValidity(this.type===c.textarea?"textarea":"input"),this.value=t,this.inputChange.emit({value:t,keycode:e,validity:i}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,i)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,e){this.isTyping=!1,this.stopTyping.emit({value:t,validity:e})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){const t={id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,class:[`input_${this.status||"default"}`,this.isTyping&&"istyping",!this.isTyping&&this.value&&"filled"].filter(Boolean).join(" "),onInput:t=>this.emitInputChange(t.target.value,t.keyCode)};return this.autocomplete&&(t.autocomplete=this.autocomplete),t}renderInputText(t=c.text){const e=this.getTextAttributes();return(this.icon||t===c.password)&&(e.class+=" hasIcon"),this.hasclearicon&&(e.class+=" hasClearIcon"),i("div",{class:"textWrapper"},this.renderLabel(),i("div",null,i("input",Object.assign({type:t!==c.password||this.passwordHidden?t:c.text},e,{"aria-label":this.ariaLabel||this.label})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_label`})}renderIcons(){return i("span",{class:{iconsWrapper:!0,disabled:this.disabled}},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===c.password?this.renderShowHidePassword():this.icon?i("z-icon",{class:"inputIcon",name:this.icon}):void 0}renderResetIcon(){if(this.hasclearicon&&this.value&&!this.disabled&&!this.readonly)return i("z-icon",{class:"resetIcon",name:"multiply",onClick:t=>this.emitInputChange("",t.keyCode)})}renderShowHidePassword(){return i("z-icon",{class:"showHidePasswordIcon",name:this.passwordHidden?"view-filled":"view-off-filled",onClick:()=>this.passwordHidden=!this.passwordHidden})}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}renderTextarea(){const t=this.getTextAttributes();return i("div",{class:"textWrapper"},this.renderLabel(),i("div",{class:["textareaWrapper",t.class,t.disabled&&"disabled",t.readonly&&"readonly",this.isTyping&&"istyping",this.textareaWrapperFocus,this.textareaWrapperHover].filter(Boolean).join(" ")},i("textarea",Object.assign({},t,{onFocus:()=>this.textareaWrapperFocus="focus",onBlur:()=>this.textareaWrapperFocus="",onMouseOver:()=>this.textareaWrapperHover="hover",onMouseOut:()=>this.textareaWrapperHover="","aria-label":this.ariaLabel||this.label}))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return i("div",{class:"checkboxWrapper"},i("input",{id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{checkboxLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderRadio(){return i("div",{class:"radioWrapper"},i("input",{id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{radioLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderSelect(){return i("z-select",{htmlid:this.htmlid,items:this.items,name:this.name,label:this.label,"aria-label":this.ariaLabel,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,htmltitle:this.htmltitle,status:this.status,hasmessage:this.hasmessage,message:this.message,autocomplete:this.autocomplete,multiple:this.multiple,ref:t=>this.selectElem=t})}render(){switch(this.type){case c.text:case c.password:case c.number:case c.email:return this.renderInputText(this.type);case c.textarea:return this.renderTextarea();case c.checkbox:return this.renderCheckbox();case c.radio:return this.renderRadio();case c.select:return this.renderSelect();default:return this.renderInputText()}}get hostElement(){return s(this)}};d.style='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textareaWrapper.sc-z-input,ul[role="listbox"].sc-z-input{background:var(--color-input-field01);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--color-surface04);box-sizing:border-box;color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);outline:none}input.sc-z-input:focus:focus-visible,li[role="option"].sc-z-input:focus:focus-visible,.focus.sc-z-input{box-shadow:var(--shadow-focus-primary)}.filled.sc-z-input{border-color:var(--color-surface05)}.istyping.sc-z-input,.focus.istyping.sc-z-input,.input_selecting.sc-z-input{border-color:var(--color-primary01);color:var(--color-primary01)}.input_success.sc-z-input,.input_success.sc-z-input:hover,.input_success.hover.sc-z-input{background:var(--color-success-inverse);border-color:var(--color-success01);fill:var(--color-success01)}.input_error.sc-z-input,.input_error.sc-z-input:hover,.input_error.hover.sc-z-input{background:var(--color-error-inverse);border-color:var(--color-error01);fill:var(--color-error01)}.input_warning.sc-z-input,.input_warning.sc-z-input:hover,.input_warning.hover.sc-z-input{background:var(--color-warning-inverse);border-color:var(--color-warning01);fill:var(--color-warning01)}input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input:disabled,.disabled.sc-z-input,.filled.sc-z-input:disabled{border-color:var(--color-disabled01);color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none;box-shadow:none}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-input-placeholder,.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-input-placeholder,.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::-moz-placeholder{color:var(--color-text05)}.sc-z-input:-moz-placeholder{color:var(--color-text05)}.textWrapper.sc-z-input>div.sc-z-input{fill:var(--color-icon02)}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);margin:0;padding:0 calc(var(--space-unit) * 4.5) 0 calc(var(--space-unit) * 1.5);box-sizing:border-box}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.sc-z-input,.textWrapper.sc-z-input>div.sc-z-input>input.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 4)}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 7)}.textWrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1}.textWrapper.sc-z-input .iconsWrapper.sc-z-input{position:absolute;bottom:calc(var(--space-unit) * 1.5);right:calc(var(--space-unit) * 1.5);display:flex;z-index:2}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block;margin-left:calc(var(--space-unit) * 0.5)}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.resetIcon.sc-z-input,.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.showHidePasswordIcon.sc-z-input{cursor:pointer}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:hover,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:focus,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:active{-webkit-background-clip:text !important}.textareaWrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{min-height:132px;width:100%;margin:0;padding:0;border:none;resize:none}.radioWrapper.sc-z-input,.checkboxWrapper.sc-z-input{display:inline-flex;flex-direction:row;align-items:center;font-family:var(--font-family-sans);position:relative;color:var(--color-text01);fill:var(--color-primary01)}.radioWrapper.sc-z-input:hover,.checkboxWrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentColor}.radioWrapper.sc-z-input>input.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input{position:absolute;opacity:0;z-index:-1;pointer-events:none}.radioWrapper.sc-z-input .radioLabel.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input{display:inline-flex;align-items:center;margin:0;line-height:1;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit}.radioWrapper.sc-z-input input.sc-z-input:not(:disabled)+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkboxLabel.sc-z-input{cursor:pointer}.radioWrapper.sc-z-input .radioLabel.sc-z-input z-icon.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input z-icon.sc-z-input{fill:inherit;cursor:pointer}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input{flex-direction:row}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input{flex-direction:row-reverse}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}.radioWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkboxLabel.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary);border-radius:var(--border-radius-small)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input{color:var(--color-disabled02)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input>z-icon.sc-z-input{fill:var(--color-disabled01);cursor:default}';const z=class{constructor(e){t(this,e),this.disabled=!1}render(){return i("label",{htmlFor:this.htmlfor,class:{disabled:this.disabled}},this.value)}};z.style="label{display:block;margin:var(--space-unit) 0;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);line-height:1.33;letter-spacing:0.32px;text-transform:uppercase;text-align:left}label.disabled{color:var(--color-disabled02)}";const b=class{constructor(e){t(this,e),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return i(r,{role:"alert","aria-label":this.message,tabindex:this.message?0:-1},this.statusIcons[this.status]&&this.message&&i("z-icon",{name:this.statusIcons[this.status]}),i("span",{innerHTML:this.message}))}};b.style=":host{display:flex;align-items:start;min-height:calc(var(--space-unit) * 2);margin-top:var(--space-unit);color:var(--color-text05);fill:currentColor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status='success']){color:var(--color-text-success)}:host([status='error']){color:var(--color-text-error)}:host([status='warning']){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:calc(var(--space-unit) / 3) var(--space-unit) 0 0}";const v=class{constructor(i){t(this,i),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.hasmessage=!0,this.autocomplete=!1,this.multiple=!1,this.noresultslabel="Nessun risultato",this.isOpen=!1,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItems=this.itemsList.filter((t=>t.selected))}async getSelectedItems(){return this.selectedItems}async getValue(){return this.getSelectedValues()}async setValue(t){let e=[];"string"==typeof t?e.push(t):e=t,this.selectedItems=this.itemsList.filter((t=>e.includes(t.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValues()})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemsToItemsArray(){return this.getInitialItemsArray().map((t=>{const e=this.selectedItems.find((e=>e.id===t.id));return t.selected=!!e,t}))}getSelectedValues(){return this.multiple?this.selectedItems.map((t=>t.id)):!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null}filterItems(t){const e=this.mapSelectedItemsToItemsArray();this.itemsList=(null==t?void 0:t.length)?e.filter((e=>e.name.toUpperCase().includes(t.toUpperCase()))).map((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase()),s=i+t.length,r=e.name.substring(0,i)+e.name.substring(i,s).bold()+e.name.substring(s,e.name.length);return e.name=r,e})):e}hasAutcomplete(){return!0===this.autocomplete||"true"===this.autocomplete||"on"===this.autocomplete}handleInputChange(t){this.searchString=t.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(t,e){t&&t.disabled||(this.itemsList=this.mapSelectedItemsToItemsArray(),this.itemsList=this.itemsList.map((i=>(this.multiple||(i.selected=!1),i.id===(t?t.id:null)&&(i.selected=e),i))),this.selectedItems=this.itemsList.filter((t=>t.selected)),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(t,e){if(![a.ARROW_DOWN,a.ARROW_UP].includes(t.keyCode))return;let i;t.preventDefault(),t.stopPropagation(),this.isOpen||this.toggleSelectUl(),t.keyCode===a.ARROW_DOWN?i=e+1===this.itemsList.length?0:e+1:t.keyCode===a.ARROW_UP&&(i=e<=0?this.itemsList.length-1:e-1),this.focusSelectItem(i)}focusSelectItem(t){const e=this.element.querySelector(`#${this.htmlid}_${t}`);e&&e.focus()}toggleSelectUl(t=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),t&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.isOpen=!this.isOpen)}handleInputClick(t){t.composedPath().find((t=>t.classList&&t.classList.contains("resetIcon")))?t.stopPropagation():this.toggleSelectUl()}handleSelectFocus(t){if(t instanceof KeyboardEvent&&t.keyCode===a.ESC)return t.stopPropagation(),this.toggleSelectUl(!0);t instanceof KeyboardEvent&&t.keyCode!==a.TAB&&t.keyCode!==a.ENTER||l(h()).find((t=>"z-input"===t.nodeName.toLowerCase()&&t.id===`${this.htmlid}_input`||this.multiple&&"ul"===t.nodeName.toLowerCase()&&t.id===this.htmlid))||this.toggleSelectUl(t instanceof MouseEvent)}scrollToLetter(t){const e=this.itemsList.find((e=>e.name.charAt(0)===t));e&&this.focusSelectItem(this.itemsList.indexOf(e))}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_input_label`})}renderInput(){return i("z-input",{id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_input`,placeholder:this.placeholder,value:this.isOpen||this.multiple||!this.selectedItems.length?null:this.selectedItems[0].name.replace(/<[^>]+>/g,""),"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutcomplete(),hasmessage:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutcomplete()&&this.isOpen,status:this.isOpen?n.selecting:this.status,onClick:t=>{this.handleInputClick(t)},onKeyUp:t=>{13!==t.keyCode&&t.preventDefault(),p(t,this.toggleSelectUl)},onKeyDown:t=>this.arrowsSelectNav(t,this.selectedItems.length?this.itemsList.indexOf(this.selectedItems[0]):-1),onInputChange:t=>{this.handleInputChange(t)},onKeyPress:t=>{this.hasAutcomplete()||(t.preventDefault(),this.scrollToLetter(String.fromCharCode(t.keyCode)))}})}renderChips(){if(this.multiple&&this.selectedItems.length)return i("div",{class:"chipsWrapper "+(this.isOpen?"open":"")},this.selectedItems.map((t=>i("z-button-filter",{filterid:t.id,filtername:t.name.replace(/<[^>]+>/g,""),issmall:!0,onRemovefilter:()=>this.selectItem(t,!1)}))))}renderSelectUl(){return i("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},i("div",{class:"ulScrollWrapper",tabindex:"-1"},i("ul",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:this.htmlid,"aria-activedescendant":!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null,"aria-multiselectable":!!this.multiple,class:`\n ${this.disabled?" disabled":""}\n ${this.readonly?" readonly":""}\n ${!this.isOpen&&this.status?" input_"+this.status:" input_default"}\n ${this.selectedItems.length?" filled":""}\n `},this.renderSelectUlItems())))}renderSelectUlItems(){return this.itemsList.length?this.itemsList.map(((t,e)=>i("li",{role:"option",tabindex:t.disabled||!this.isOpen?-1:0,"aria-selected":!!t.selected,class:t.disabled&&"disabled",id:`${this.htmlid}_${e}`,onClick:()=>this.selectItem(t,!0),onKeyUp:e=>p(e,this.selectItem,t,!0),onKeyDown:t=>this.arrowsSelectNav(t,e)},i("span",{innerHTML:t.name})))):this.renderNoSearchResults()}renderNoSearchResults(){return i("li",{class:"noResults"},i("z-icon",{name:"multiply-circle"}),this.noresultslabel)}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}render(){return i("div",{class:"selectWrapper"},this.renderLabel(),this.renderChips(),this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return s(this)}static get watchers(){return{items:["watchItems"]}}};v.style='.sc-z-select-h{display:inline-block;width:inherit}li[role="option"].sc-z-select:focus:focus-visible{border-color:transparent;box-shadow:var(--shadow-focus-primary);outline:none}.selectWrapper.sc-z-select>z-input.sc-z-select{width:100%}.selectWrapper.sc-z-select>div.sc-z-select{position:relative}.selectWrapper.sc-z-select>div.closed.sc-z-select{height:0;overflow:hidden}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select{background:var(--color-surface01);position:absolute;padding:calc(var(--space-unit) * .5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;width:100%;box-sizing:border-box;outline:none}.selectWrapper.sc-z-select .closed.sc-z-select .ulScrollWrapper.sc-z-select{z-index:10}.selectWrapper.sc-z-select .open.sc-z-select .ulScrollWrapper.sc-z-select{z-index:20}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select{position:relative;margin:0;padding:0;list-style:none;border:0;max-height:240px;overflow:auto;outline:none;scrollbar-color:var(--color-primary01) transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select{display:flex;align-items:center;min-height:calc(var(--space-unit) * 5.5);padding:calc(var(--space-unit) * 1.5);box-sizing:border-box;border-bottom:var(--border-size-small) solid var(--gray200);text-align:left;cursor:pointer}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:hover{color:var(--color-hover-primary);background:var(--color-surface02)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:focus:focus-visible{margin:2px}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li[aria-selected=""].sc-z-select{font-weight:var(--font-sb)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.disabled.sc-z-select{color:var(--color-disabled02);cursor:default;pointer-events:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.noResults.sc-z-select{color:var(--color-primary01);fill:currentColor;border:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select .noResults.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select{padding-bottom:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select z-button-filter.sc-z-select{display:inline-block;margin:calc(var(--space-unit) * 0.5)}';export{u as z_button_filter,d as z_input,z as z_input_label,b as z_input_message,v as z_select}
1
+ import{r as t,c as e,h as i,g as s,H as r}from"./p-98268a57.js";import{I as c,k as a,j as n}from"./p-5b5d269c.js";import{r as o,b as l,h as p,d as h}from"./p-26572e05.js";import"./p-d69e14fb.js";const u=class{constructor(i){t(this,i),this.removefilter=e(this,"removefilter",7),this.isfixed=!1,this.hasicon=!0,this.issmall=!1,this.handleRemovingFilterClick=this.handleRemovingFilterClick.bind(this)}handleRemovingFilterClick(){this.removefilter.emit({filterid:this.filterid})}renderFixedPillow(t){return i("button",{class:"container "+(this.issmall?"small":"")},this.renderIcon(),this.renderContent(t))}renderDynamicPillow(t){return i("button",{class:"container isactive "+(this.issmall?"small":""),onClick:this.handleRemovingFilterClick},this.renderIcon(),this.renderContent(t))}renderIcon(){return this.hasicon?i("z-icon",{class:"close-icon-container",name:"multiply",height:12,width:12}):null}renderContent(t){return i("span",{class:"text-container"},t)}render(){return this.isfixed?this.renderFixedPillow(this.filtername):this.renderDynamicPillow(this.filtername)}};u.style="button.container{min-height:32px;line-height:32px;border:var(--border-size-small) solid var(--bg-grey-200);border-radius:16px;box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-webkit-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);-moz-box-shadow:0px 2px 5px 0px var(--bg-neutral-300);text-align:center;padding:0 calc(var(--space-unit) * 2);cursor:pointer;letter-spacing:0.17px;font-family:var(--dashboard-font);font-size:12px;font-weight:var(--font-sb);opacity:1;transition:all 200ms linear}button.container.small{min-height:24px;line-height:24px}button.container:focus{outline:0}button.container::-moz-focus-inner{border:0}.text-container{margin-left:4px}button.container,button.container:focus,button.container:hover{background-color:var(--bg-white);color:var(--text-grey-700);fill:var(--text-grey-700)}button.container.isactive{background-color:var(--bg-white);color:var(--myz-blue);fill:var(--myz-blue)}button.container.isactive:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button.container.isactive:focus{background-color:var(--myz-blue-dark);border-color:var(--myz-blue-dark);box-shadow:0px 0px 4px 0px var(--text-grey-800);color:var(--bg-white);fill:var(--bg-white)}button z-icon{display:inline-block}";const d=class{constructor(i){t(this,i),this.inputChange=e(this,"inputChange",7),this.startTyping=e(this,"startTyping",7),this.stopTyping=e(this,"stopTyping",7),this.inputCheck=e(this,"inputCheck",7),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.required=!1,this.checked=!1,this.hasmessage=!0,this.labelafter=!0,this.typingtimeout=300,this.multiple=!1,this.hasclearicon=!0,this.isTyping=!1,this.textareaWrapperHover="",this.textareaWrapperFocus="",this.passwordHidden=!0}inputCheckListener(t){const e=t.detail;switch(this.type){case c.radio:e.type===c.radio&&e.name===this.name&&e.id!==this.htmlid&&(this.checked=!1);default:return}}async getValue(){switch(this.type){case c.select:return this.selectElem.getValue();default:return this.value}}async setValue(t){switch(this.type){case c.select:this.selectElem.setValue(t);break;default:"string"==typeof t&&(this.value=t)}}async isChecked(){switch(this.type){case c.checkbox:case c.radio:return this.checked;default:return!1}}emitInputChange(t,e){this.isTyping||this.emitStartTyping();let i={};i=this.getValidity(this.type===c.textarea?"textarea":"input"),this.value=t,this.inputChange.emit({value:t,keycode:e,validity:i}),clearTimeout(this.timer),this.timer=setTimeout((()=>{this.emitStopTyping(this.value,i)}),this.typingtimeout)}emitStartTyping(){this.isTyping=!0,this.startTyping.emit()}emitStopTyping(t,e){this.isTyping=!1,this.stopTyping.emit({value:t,validity:e})}emitInputCheck(t){this.inputCheck.emit({id:this.htmlid,checked:t,type:this.type,name:this.name,value:this.value,validity:this.getValidity("input")})}getValidity(t){return this.hostElement.querySelector(t).validity}getTextAttributes(){const t={id:this.htmlid,name:this.name,placeholder:this.placeholder,value:this.value,disabled:this.disabled,readonly:this.readonly,required:this.required,title:this.htmltitle,class:[`input_${this.status||"default"}`,this.isTyping&&"istyping",!this.isTyping&&this.value&&"filled"].filter(Boolean).join(" "),onInput:t=>this.emitInputChange(t.target.value,t.keyCode)};return this.autocomplete&&(t.autocomplete=this.autocomplete),t}renderInputText(t=c.text){const e=this.getTextAttributes();return(this.icon||t===c.password)&&(e.class+=" hasIcon"),this.hasclearicon&&(e.class+=" hasClearIcon"),i("div",{class:"textWrapper"},this.renderLabel(),i("div",null,i("input",Object.assign({type:t!==c.password||this.passwordHidden?t:c.text},e,{"aria-label":this.ariaLabel||this.label})),this.renderIcons()),this.renderMessage())}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_label`})}renderIcons(){return i("span",{class:{iconsWrapper:!0,disabled:this.disabled}},this.renderResetIcon(),this.renderIcon())}renderIcon(){return this.type===c.password?this.renderShowHidePassword():this.icon?i("z-icon",{class:"inputIcon",name:this.icon}):void 0}renderResetIcon(){if(this.hasclearicon&&this.value&&!this.disabled&&!this.readonly)return i("z-icon",{class:"resetIcon",name:"multiply",onClick:t=>this.emitInputChange("",t.keyCode)})}renderShowHidePassword(){return i("z-icon",{class:"showHidePasswordIcon",name:this.passwordHidden?"view-filled":"view-off-filled",onClick:()=>this.passwordHidden=!this.passwordHidden})}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}renderTextarea(){const t=this.getTextAttributes();return i("div",{class:"textWrapper"},this.renderLabel(),i("div",{class:["textareaWrapper",t.class,t.disabled&&"disabled",t.readonly&&"readonly",this.isTyping&&"istyping",this.textareaWrapperFocus,this.textareaWrapperHover].filter(Boolean).join(" ")},i("textarea",Object.assign({},t,{onFocus:()=>this.textareaWrapperFocus="focus",onBlur:()=>this.textareaWrapperFocus="",onMouseOver:()=>this.textareaWrapperHover="hover",onMouseOut:()=>this.textareaWrapperHover="","aria-label":this.ariaLabel||this.label}))),this.renderMessage())}handleCheck(t){this.checked=t.target.checked,this.emitInputCheck(this.checked)}renderCheckbox(){return i("div",{class:"checkboxWrapper"},i("input",{id:this.htmlid,type:"checkbox",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{checkboxLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"checkbox-checked":"checkbox","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderRadio(){return i("div",{class:"radioWrapper"},i("input",{id:this.htmlid,type:"radio",name:this.name,checked:this.checked,disabled:this.disabled,readonly:this.readonly,onChange:this.handleCheck.bind(this),value:this.value}),i("label",{htmlFor:this.htmlid,class:{radioLabel:!0,after:this.labelafter,before:!this.labelafter}},i("z-icon",{name:this.checked?"radio-button-checked":"radio-button","aria-hidden":"true"}),this.label&&i("span",{innerHTML:this.label})))}renderSelect(){return i("z-select",{htmlid:this.htmlid,items:this.items,name:this.name,label:this.label,"aria-label":this.ariaLabel,disabled:this.disabled,readonly:this.readonly,placeholder:this.placeholder,htmltitle:this.htmltitle,status:this.status,hasmessage:this.hasmessage,message:this.message,autocomplete:this.autocomplete,multiple:this.multiple,ref:t=>this.selectElem=t})}render(){switch(this.type){case c.text:case c.password:case c.number:case c.email:return this.renderInputText(this.type);case c.textarea:return this.renderTextarea();case c.checkbox:return this.renderCheckbox();case c.radio:return this.renderRadio();case c.select:return this.renderSelect();default:return this.renderInputText()}}get hostElement(){return s(this)}};d.style='.sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textareaWrapper.sc-z-input,ul[role="listbox"].sc-z-input{background:var(--color-input-field01);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--color-surface04);box-sizing:border-box;color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);outline:none}input.sc-z-input:focus:focus-visible,li[role="option"].sc-z-input:focus:focus-visible,.focus.sc-z-input{box-shadow:var(--shadow-focus-primary)}.filled.sc-z-input{border-color:var(--color-surface05)}.istyping.sc-z-input,.focus.istyping.sc-z-input,.input_selecting.sc-z-input{border-color:var(--color-primary01);color:var(--color-primary01)}.input_success.sc-z-input,.input_success.sc-z-input:hover,.input_success.hover.sc-z-input{background:var(--color-success-inverse);border-color:var(--color-success01);fill:var(--color-success01)}.input_error.sc-z-input,.input_error.sc-z-input:hover,.input_error.hover.sc-z-input{background:var(--color-error-inverse);border-color:var(--color-error01);fill:var(--color-error01)}.input_warning.sc-z-input,.input_warning.sc-z-input:hover,.input_warning.hover.sc-z-input{background:var(--color-warning-inverse);border-color:var(--color-warning01);fill:var(--color-warning01)}input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input:disabled,.disabled.sc-z-input,.filled.sc-z-input:disabled{border-color:var(--color-disabled01);color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none;box-shadow:none}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-input-placeholder,.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-input-placeholder,.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::-moz-placeholder{color:var(--color-text05)}.sc-z-input:-moz-placeholder{color:var(--color-text05)}.textWrapper.sc-z-input>div.sc-z-input{fill:var(--color-icon02)}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);margin:0;padding:0 calc(var(--space-unit) * 4.5) 0 calc(var(--space-unit) * 1.5);box-sizing:border-box}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.sc-z-input,.textWrapper.sc-z-input>div.sc-z-input>input.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 4)}.textWrapper.sc-z-input>div.sc-z-input>input.hasIcon.hasClearIcon.sc-z-input{padding-right:calc(var(--space-unit) * 7)}.textWrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1}.textWrapper.sc-z-input .iconsWrapper.sc-z-input{position:absolute;bottom:calc(var(--space-unit) * 1.5);right:calc(var(--space-unit) * 1.5);display:flex;z-index:2}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block;margin-left:calc(var(--space-unit) * 0.5)}.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.resetIcon.sc-z-input,.textWrapper.sc-z-input .iconsWrapper.sc-z-input>z-icon.showHidePasswordIcon.sc-z-input{cursor:pointer}.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:hover,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:focus,.textWrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill:active{-webkit-background-clip:text !important}.textareaWrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{min-height:132px;width:100%;margin:0;padding:0;border:none;resize:none}.radioWrapper.sc-z-input,.checkboxWrapper.sc-z-input{display:inline-flex;flex-direction:row;align-items:center;font-family:var(--font-family-sans);position:relative;color:var(--color-text01);fill:var(--color-primary01)}.radioWrapper.sc-z-input:hover,.checkboxWrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentColor}.radioWrapper.sc-z-input>input.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input{position:absolute;opacity:0;z-index:-1;pointer-events:none}.radioWrapper.sc-z-input .radioLabel.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input{display:inline-flex;align-items:center;margin:0;line-height:1;color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;text-transform:inherit}.radioWrapper.sc-z-input input.sc-z-input:not(:disabled)+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkboxLabel.sc-z-input{cursor:pointer}.radioWrapper.sc-z-input .radioLabel.sc-z-input z-icon.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.sc-z-input z-icon.sc-z-input{fill:inherit;cursor:pointer}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input{flex-direction:row}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input{flex-direction:row-reverse}.radioWrapper.sc-z-input .radioLabel.after.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radioWrapper.sc-z-input .radioLabel.before.sc-z-input>span.sc-z-input,.checkboxWrapper.sc-z-input .checkboxLabel.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}.radioWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkboxLabel.sc-z-input>z-icon.sc-z-input{box-shadow:var(--shadow-focus-primary);border-radius:var(--border-radius-small)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input{color:var(--color-disabled02)}.radioWrapper.sc-z-input>input.sc-z-input:disabled+.radioLabel.sc-z-input>z-icon.sc-z-input,.checkboxWrapper.sc-z-input>input.sc-z-input:disabled+.checkboxLabel.sc-z-input>z-icon.sc-z-input{fill:var(--color-disabled01);cursor:default}';const z=class{constructor(e){t(this,e),this.disabled=!1}render(){return i("label",{htmlFor:this.htmlfor,class:{disabled:this.disabled}},this.value)}};z.style="label{display:block;margin:var(--space-unit) 0;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);line-height:1.33;letter-spacing:0.32px;text-transform:uppercase;text-align:left}label.disabled{color:var(--color-disabled02)}";const b=class{constructor(e){t(this,e),this.statusIcons={success:"checkmark-circle",error:"multiply-circled",warning:"exclamation-circle"}}render(){return i(r,{role:"alert","aria-label":this.message,tabindex:this.message?0:-1},this.statusIcons[this.status]&&this.message&&i("z-icon",{name:this.statusIcons[this.status]}),i("span",{innerHTML:this.message}))}};b.style=":host{display:flex;align-items:start;min-height:calc(var(--space-unit) * 2);margin-top:var(--space-unit);color:var(--color-text05);fill:currentColor;font-family:var(--font-family-sans);font-size:var(--font-size-2);letter-spacing:0.16px}:host([status='success']){color:var(--color-text-success)}:host([status='error']){color:var(--color-text-error)}:host([status='warning']){color:var(--color-warning02)}:host(:focus){outline:none}:host>z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:calc(var(--space-unit) / 3) var(--space-unit) 0 0}";const v=class{constructor(i){t(this,i),this.optionSelect=e(this,"optionSelect",7),this.htmlid=`id-${o()}`,this.disabled=!1,this.readonly=!1,this.hasmessage=!0,this.autocomplete=!1,this.multiple=!1,this.noresultslabel="Nessun risultato",this.isOpen=!1,this.itemsList=[],this.toggleSelectUl=this.toggleSelectUl.bind(this),this.selectItem=this.selectItem.bind(this),this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray(),this.selectedItems=this.itemsList.filter((t=>t.selected))}async getSelectedItems(){return this.selectedItems}async getValue(){return this.getSelectedValues()}async setValue(t){let e=[];"string"==typeof t?e.push(t):e=t,this.selectedItems=this.itemsList.filter((t=>e.includes(t.id)))}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValues()})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return"string"==typeof this.items?JSON.parse(this.items):this.items}mapSelectedItemsToItemsArray(){return this.getInitialItemsArray().map((t=>{const e=this.selectedItems.find((e=>e.id===t.id));return t.selected=!!e,t}))}getSelectedValues(){return this.multiple?this.selectedItems.map((t=>t.id)):!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null}filterItems(t){const e=this.mapSelectedItemsToItemsArray();this.itemsList=(null==t?void 0:t.length)?e.filter((e=>e.name.toUpperCase().includes(t.toUpperCase()))).map((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase()),s=i+t.length,r=e.name.substring(0,i)+e.name.substring(i,s).bold()+e.name.substring(s,e.name.length);return e.name=r,e})):e}hasAutcomplete(){return!0===this.autocomplete||"true"===this.autocomplete||"on"===this.autocomplete}handleInputChange(t){this.searchString=t.detail.value,this.isOpen||this.toggleSelectUl()}selectItem(t,e){t&&t.disabled||(this.itemsList=this.mapSelectedItemsToItemsArray(),this.itemsList=this.itemsList.map((i=>(this.multiple||(i.selected=!1),i.id===(t?t.id:null)&&(i.selected=e),i))),this.selectedItems=this.itemsList.filter((t=>t.selected)),this.emitOptionSelect(),this.searchString&&(this.searchString=null))}arrowsSelectNav(t,e){if(![a.ARROW_DOWN,a.ARROW_UP].includes(t.keyCode))return;let i;t.preventDefault(),t.stopPropagation(),this.isOpen||this.toggleSelectUl(),t.keyCode===a.ARROW_DOWN?i=e+1===this.itemsList.length?0:e+1:t.keyCode===a.ARROW_UP&&(i=e<=0?this.itemsList.length-1:e-1),this.focusSelectItem(i)}focusSelectItem(t){const e=this.element.querySelector(`#${this.htmlid}_${t}`);e&&e.focus()}toggleSelectUl(t=!1){this.disabled||this.readonly||(this.isOpen?(document.removeEventListener("click",this.handleSelectFocus),document.removeEventListener("keyup",this.handleSelectFocus),t&&this.element.querySelector(`#${this.htmlid}_input`).focus()):(document.addEventListener("click",this.handleSelectFocus),document.addEventListener("keyup",this.handleSelectFocus)),this.isOpen=!this.isOpen)}handleInputClick(t){t.composedPath().find((t=>t.classList&&t.classList.contains("resetIcon")))?t.stopPropagation():this.toggleSelectUl()}handleSelectFocus(t){if(t instanceof KeyboardEvent&&t.keyCode===a.ESC)return t.stopPropagation(),this.toggleSelectUl(!0);t instanceof KeyboardEvent&&t.keyCode!==a.TAB&&t.keyCode!==a.ENTER||l(h()).find((t=>"z-input"===t.nodeName.toLowerCase()&&t.id===`${this.htmlid}_input`||this.multiple&&"ul"===t.nodeName.toLowerCase()&&t.id===this.htmlid))||this.toggleSelectUl(t instanceof MouseEvent)}scrollToLetter(t){const e=this.itemsList.find((e=>e.name.charAt(0)===t));e&&this.focusSelectItem(this.itemsList.indexOf(e))}renderLabel(){if(this.label)return i("z-input-label",{htmlfor:this.htmlid,value:this.label,disabled:this.disabled,"aria-label":this.label,id:`${this.htmlid}_input_label`})}renderInput(){return i("z-input",{id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_input`,placeholder:this.placeholder,value:this.isOpen||this.multiple||!this.selectedItems.length?null:this.selectedItems[0].name.replace(/<[^>]+>/g,""),"aria-label":this.ariaLabel,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:this.hasAutcomplete(),hasmessage:!1,disabled:this.disabled,readonly:this.readonly||!this.hasAutcomplete()&&this.isOpen,status:this.isOpen?n.selecting:this.status,onClick:t=>{this.handleInputClick(t)},onKeyUp:t=>{13!==t.keyCode&&t.preventDefault(),p(t,this.toggleSelectUl)},onKeyDown:t=>this.arrowsSelectNav(t,this.selectedItems.length?this.itemsList.indexOf(this.selectedItems[0]):-1),onInputChange:t=>{this.handleInputChange(t)},onKeyPress:t=>{this.hasAutcomplete()||(t.preventDefault(),this.scrollToLetter(String.fromCharCode(t.keyCode)))}})}renderChips(){if(this.multiple&&this.selectedItems.length)return i("div",{class:"chipsWrapper "+(this.isOpen?"open":"")},this.selectedItems.map((t=>i("z-button-filter",{filterid:t.id,filtername:t.name.replace(/<[^>]+>/g,""),issmall:!0,onRemovefilter:()=>this.selectItem(t,!1)}))))}renderSelectUl(){return i("div",{class:this.isOpen?"open":"closed",tabindex:"-1"},i("div",{class:"ulScrollWrapper",tabindex:"-1"},i("ul",{role:"listbox",tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:this.htmlid,"aria-activedescendant":!this.multiple&&this.selectedItems.length?this.selectedItems[0].id:null,"aria-multiselectable":!!this.multiple,class:`\n ${this.disabled?" disabled":""}\n ${this.readonly?" readonly":""}\n ${!this.isOpen&&this.status?" input_"+this.status:" input_default"}\n ${this.selectedItems.length?" filled":""}\n `},this.renderSelectUlItems())))}renderSelectUlItems(){return this.itemsList.length?this.itemsList.map(((t,e)=>i("li",{role:"option",tabindex:t.disabled||!this.isOpen?-1:0,"aria-selected":!!t.selected,class:t.disabled&&"disabled",id:`${this.htmlid}_${e}`,onClick:()=>this.selectItem(t,!0),onKeyUp:e=>p(e,this.selectItem,t,!0),onKeyDown:t=>this.arrowsSelectNav(t,e)},i("span",{innerHTML:t.name})))):this.renderNoSearchResults()}renderNoSearchResults(){return i("li",{class:"noResults"},i("z-icon",{name:"multiply-circle"}),this.noresultslabel)}renderMessage(){if(this.hasmessage)return i("z-input-message",{message:this.message,status:this.status})}render(){return i("div",{class:"selectWrapper"},this.renderLabel(),this.renderChips(),this.renderInput(),this.renderSelectUl(),this.renderMessage())}get element(){return s(this)}static get watchers(){return{items:["watchItems"]}}};v.style='.sc-z-select-h{display:inline-block;width:inherit}li[role="option"].sc-z-select:focus:focus-visible{border-color:transparent;box-shadow:var(--shadow-focus-primary);outline:none}.selectWrapper.sc-z-select>z-input.sc-z-select{width:100%}.selectWrapper.sc-z-select>div.sc-z-select{position:relative}.selectWrapper.sc-z-select>div.closed.sc-z-select{height:0;overflow:hidden}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select{background:var(--color-surface01);position:absolute;padding:calc(var(--space-unit) * .5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;width:100%;box-sizing:border-box;outline:none}.selectWrapper.sc-z-select .closed.sc-z-select .ulScrollWrapper.sc-z-select{z-index:10}.selectWrapper.sc-z-select .open.sc-z-select .ulScrollWrapper.sc-z-select{z-index:20}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select{position:relative;margin:0;padding:0;list-style:none;border:0;max-height:240px;overflow:auto;outline:none;scrollbar-color:var(--color-primary01) transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select>ul.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select{display:flex;align-items:center;min-height:calc(var(--space-unit) * 5.5);padding:calc(var(--space-unit) * 1.5);box-sizing:border-box;border-bottom:var(--border-size-small) solid var(--gray200);text-align:left;cursor:pointer}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:hover{color:var(--color-hover-primary);background:var(--color-surface02)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.sc-z-select:focus:focus-visible{margin:2px}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li[aria-selected=""].sc-z-select{font-weight:var(--font-sb)}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.disabled.sc-z-select{color:var(--color-disabled02);cursor:default;pointer-events:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select ul.sc-z-select li.noResults.sc-z-select{color:var(--color-primary01);fill:currentColor;border:none}.selectWrapper.sc-z-select .ulScrollWrapper.sc-z-select .noResults.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select{padding-bottom:var(--space-unit)}.selectWrapper.sc-z-select .chipsWrapper.sc-z-select z-button-filter.sc-z-select{display:inline-block;margin:calc(var(--space-unit) * 0.5)}';export{u as z_button_filter,d as z_input,z as z_input_label,b as z_input_message,v as z_select}
@@ -1 +1 @@
1
- var t,n,e,o,a,i,s,r,c,l,u,f,d,m,g,h,b,w,p,v,E,x,A,k,y,_,C,R,S,D,O,P,T,z,B,N,W,K,L,U,j;!function(t){t.real="reale",t.virtual="virtuale",t.trial="saggio"}(t||(t={})),function(t){t.border="border",t.shadow="shadow",t.overlay="overlay",t.text="text"}(n||(n={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(e||(e={})),function(t){t.big="big",t.small="small"}(o||(o={})),function(t){t.primary="primary",t.secondary="secondary",t.tertiary="tertiary",t["dark-bg"]="dark-bg"}(a||(a={})),function(t){t.submit="submit",t.reset="reset",t.button="button"}(i||(i={})),function(t){t.big="big",t.small="small",t["x-small"]="x-small"}(s||(s={})),function(t){t.text="text",t.password="password",t.number="number",t.email="email",t.textarea="textarea",t.checkbox="checkbox",t.radio="radio",t.select="select"}(r||(r={})),function(t){t.success="success",t.error="error",t.warning="warning",t.selecting="selecting"}(c||(c={})),function(t){t.AUTO="auto",t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left",t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left"}(l||(l={})),function(t){t[t.TAB=9]="TAB",t[t.SPACE=32]="SPACE",t[t.ESC=27]="ESC",t[t.ENTER=13]="ENTER",t[t.ARROW_UP=38]="ARROW_UP",t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.BACKSPACE=8]="BACKSPACE",t[t.DELETE=46]="DELETE"}(u||(u={})),function(t){t.ARROW_DOWN="ArrowDown",t.ARROW_UP="ArrowUp",t.ENTER="Enter",t.ESC="Escape",t.SPACE="Space"}(f||(f={})),function(t){t.dark="dark",t.light="light"}(d||(d={})),function(t){t["after-down"]="after-down",t["after-center"]="after-center",t["after-up"]="after-up",t["below-right"]="below-right",t["below-center"]="below-center",t["below-left"]="below-left",t["before-down"]="before-down",t["before-center"]="before-center",t["before-up"]="before-up",t["above-right"]="above-right",t["above-center"]="above-center",t["above-left"]="above-left"}(m||(m={})),function(t){t.none="none",t.small="small",t.medium="medium"}(g||(g={})),function(t){t["shadow-1"]="shadow-1",t["shadow-2"]="shadow-2",t["shadow-3"]="shadow-3",t["shadow-4"]="shadow-4",t["shadow-6"]="shadow-6",t["shadow-8"]="shadow-8",t["shadow-12"]="shadow-12",t["shadow-16"]="shadow-16",t["shadow-24"]="shadow-24"}(h||(h={})),function(t){t.small="small",t.medium="medium",t.large="large"}(b||(b={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(w||(w={})),function(t){t.asc="asc",t.desc="desc",t.none="none"}(p||(p={})),function(t){t.small="small",t.medium="medium",t.large="large"}(v||(v={})),function(t){t.warning="warning",t.error="error",t.success="success",t.neutral="neutral",t.default="default"}(E||(E={})),function(t){t.small="small",t.medium="medium",t.large="large",t["x-large"]="x-large"}(x||(x={})),function(t){t["x-small"]="x-small",t.small="small",t.medium="medium",t.large="large",t.special="special"}(A||(A={})),function(t){t.accordion="accordion",t.menu="menu"}(k||(k={})),function(t){t.right="right",t.left="left"}(y||(y={})),function(t){t.right="right",t.left="left"}(_||(_={})),function(t){t.none="none",t.header="header",t.element="element"}(C||(C={})),function(t){t.success="success",t.warning="warning",t.error="error"}(R||(R={})),function(t){t.success="success",t.warning="warning",t.error="error"}(S||(S={})),function(t){t.mobile="mobile",t.tablet="tablet",t.desktop="desktop"}(D||(D={})),function(t){t.preview="preview",t.open="open",t.closed="closed"}(O||(O={})),function(t){t.dark="dark",t.light="light",t.accent="accent",t.error="error",t.success="success",t.warning="warning"}(P||(P={})),function(t){t.slideInLeft="slide-in-left",t.slideInRight="slide-in-right",t.slideInDown="slide-in-down",t.slideInUp="slide-in-up",t.slideOutLeft="slide-out-left",t.slideOutRight="slide-out-right",t.slideOutDown="slide-out-down",t.slideOutUp="slide-out-up"}(T||(T={})),function(t){t.topRight="top-right",t.topLeft="top-left",t.topCentre="top-centre",t.bottomRight="bottom-right",t.bottomLeft="bottom-left",t.bottomCentre="bottom-centre"}(z||(z={})),function(t){t.expandable="expandable",t.padding="padding",t.none="none"}(B||(B={})),function(t){t.polite="polite",t.assertive="assertive"}(N||(N={})),function(t){t.left="left",t.right="right"}(W||(W={})),function(t){t.overlay="overlay",t.pushcontent="pushcontent"}(K||(K={})),function(t){t.default="default",t.dragdrop="dragdrop"}(L||(L={})),function(t){t.default="default",t.mini="mini"}(U||(U={})),function(t){t.before="before",t.after="after"}(j||(j={}));export{v as A,i as B,n as C,D,y as E,r as I,f as K,t as L,R as N,K as O,m as P,E as S,d as T,N as Z,w as a,a as b,s as c,b as d,W as e,U as f,l as g,L as h,O as i,c as j,u as k,S as l,e as m,o as n,j as o,B as p,T as q,z as r,_ as s,x as t,C as u,k as v,A as w,p as x,g as y,h as z}
1
+ var t,n,e,o,a,i,s,r,c,l,u,f,d,m,g,h,b,w,p,v,E,x,A,k,y,_,C,R,S,D,O,P,T,z,B,W,K,L,N,U,j;!function(t){t.real="reale",t.virtual="virtuale",t.trial="saggio"}(t||(t={})),function(t){t.border="border",t.shadow="shadow",t.overlay="overlay",t.text="text"}(n||(n={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(e||(e={})),function(t){t.big="big",t.small="small"}(o||(o={})),function(t){t.primary="primary",t.secondary="secondary",t.tertiary="tertiary",t["dark-bg"]="dark-bg"}(a||(a={})),function(t){t.submit="submit",t.reset="reset",t.button="button"}(i||(i={})),function(t){t.big="big",t.small="small",t["x-small"]="x-small"}(s||(s={})),function(t){t.text="text",t.password="password",t.number="number",t.email="email",t.textarea="textarea",t.checkbox="checkbox",t.radio="radio",t.select="select"}(r||(r={})),function(t){t.success="success",t.error="error",t.warning="warning",t.selecting="selecting"}(c||(c={})),function(t){t.AUTO="auto",t.TOP="top",t.RIGHT="right",t.BOTTOM="bottom",t.LEFT="left",t.TOP_RIGHT="top_right",t.TOP_LEFT="top_left",t.BOTTOM_RIGHT="bottom_right",t.BOTTOM_LEFT="bottom_left"}(l||(l={})),function(t){t[t.TAB=9]="TAB",t[t.SPACE=32]="SPACE",t[t.ESC=27]="ESC",t[t.ENTER=13]="ENTER",t[t.ARROW_UP=38]="ARROW_UP",t[t.ARROW_DOWN=40]="ARROW_DOWN",t[t.BACKSPACE=8]="BACKSPACE",t[t.DELETE=46]="DELETE"}(u||(u={})),function(t){t.ARROW_DOWN="ArrowDown",t.ARROW_UP="ArrowUp",t.ENTER="Enter",t.ESC="Escape",t.SPACE="Space"}(f||(f={})),function(t){t.dark="dark",t.light="light"}(d||(d={})),function(t){t["after-down"]="after-down",t["after-center"]="after-center",t["after-up"]="after-up",t["below-right"]="below-right",t["below-center"]="below-center",t["below-left"]="below-left",t["before-down"]="before-down",t["before-center"]="before-center",t["before-up"]="before-up",t["above-right"]="above-right",t["above-center"]="above-center",t["above-left"]="above-left"}(m||(m={})),function(t){t.none="none",t.small="small",t.medium="medium"}(g||(g={})),function(t){t["shadow-1"]="shadow-1",t["shadow-2"]="shadow-2",t["shadow-3"]="shadow-3",t["shadow-4"]="shadow-4",t["shadow-6"]="shadow-6",t["shadow-8"]="shadow-8",t["shadow-12"]="shadow-12",t["shadow-16"]="shadow-16",t["shadow-24"]="shadow-24"}(h||(h={})),function(t){t.small="small",t.medium="medium",t.large="large"}(b||(b={})),function(t){t.horizontal="horizontal",t.vertical="vertical"}(w||(w={})),function(t){t.asc="asc",t.desc="desc",t.none="none"}(p||(p={})),function(t){t.small="small",t.medium="medium",t.large="large"}(v||(v={})),function(t){t.warning="warning",t.error="error",t.success="success",t.neutral="neutral",t.default="default"}(E||(E={})),function(t){t.small="small",t.medium="medium",t.large="large",t["x-large"]="x-large"}(x||(x={})),function(t){t["x-small"]="x-small",t.small="small",t.medium="medium",t.large="large",t.special="special"}(A||(A={})),function(t){t.accordion="accordion",t.menu="menu"}(k||(k={})),function(t){t.right="right",t.left="left"}(y||(y={})),function(t){t.right="right",t.left="left"}(_||(_={})),function(t){t.none="none",t.header="header",t.element="element"}(C||(C={})),function(t){t.success="success",t.warning="warning",t.error="error"}(R||(R={})),function(t){t.success="success",t.warning="warning",t.error="error"}(S||(S={})),function(t){t.mobile="mobile",t.tablet="tablet",t.desktop="desktop"}(D||(D={})),function(t){t.preview="preview",t.open="open",t.closed="closed"}(O||(O={})),function(t){t.dark="dark",t.light="light",t.accent="accent",t.error="error",t.success="success",t.warning="warning"}(P||(P={})),function(t){t.slideInLeft="slide-in-left",t.slideInRight="slide-in-right",t.slideInDown="slide-in-down",t.slideInUp="slide-in-up",t.slideOutLeft="slide-out-left",t.slideOutRight="slide-out-right",t.slideOutDown="slide-out-down",t.slideOutUp="slide-out-up"}(T||(T={})),function(t){t.topRight="top-right",t.topLeft="top-left",t.topCentre="top-centre",t.bottomRight="bottom-right",t.bottomLeft="bottom-left",t.bottomCentre="bottom-centre"}(z||(z={})),function(t){t.expandable="expandable",t.padding="padding",t.none="none"}(B||(B={})),function(t){t.polite="polite",t.assertive="assertive"}(W||(W={})),function(t){t.left="left",t.right="right"}(K||(K={})),function(t){t.overlay="overlay",t.pushcontent="pushcontent"}(L||(L={})),function(t){t.default="default",t.dragdrop="dragdrop"}(N||(N={})),function(t){t.default="default",t.mini="mini"}(U||(U={})),function(t){t.before="before",t.after="after"}(j||(j={}));export{v as A,i as B,n as C,D,y as E,r as I,f as K,t as L,L as O,m as P,E as S,d as T,W as Z,w as a,a as b,s as c,b as d,K as e,U as f,l as g,N as h,O as i,c as j,u as k,S as l,e as m,o as n,j as o,B as p,T as q,z as r,_ as s,x as t,C as u,k as v,A as w,p as x,g as y,h as z}
@@ -1 +1 @@
1
- import{r as e,c as t,h as a,H as l}from"./p-98268a57.js";import{p as d}from"./p-dfdc8e09.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}
1
+ import{r as e,c as t,h as a,H as l}from"./p-98268a57.js";import{p as d}from"./p-5b5d269c.js";const r=class{constructor(a){e(this,a),this.expand=t(this,"expand",7),this.expandedType=d.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return a("z-table-cell",{style:{borderRight:"none"}},this.expandedType==d.expandable?a("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):a("div",{class:"z-icon-placeholder"}))}render(){return a(l,{role:"row",expanded:this.expanded,onClick:e=>{this.expandedType===d.expandable&&"Z-CONTEXTUAL-MENU"!==e.target.nodeName&&this.handleExpand()}},this.expandedType!==d.none&&this.renderExpandButton(),a("slot",null))}};r.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';export{r as z_table_row}
@@ -1 +1 @@
1
- import{r as t,h as s,H as i}from"./p-98268a57.js";import{A as a}from"./p-dfdc8e09.js";const e=class{constructor(s){t(this,s),this.size=a.medium,this.textColor="text-white",this.backgroundColor="bg-grey-700",this.text||this.image||console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===a.small?"5":this.size===a.medium?"4":this.size===a.large?"2":void 0}render(){return s(i,{class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};e.style=":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}
1
+ import{r as t,h as s,H as i}from"./p-98268a57.js";import{A as a}from"./p-5b5d269c.js";const e=class{constructor(s){t(this,s),this.size=a.medium,this.textColor="text-white",this.backgroundColor="bg-grey-700",this.text||this.image||console.warn("z-avatar must contain at least one prop between text and image")}getTextSize(){return this.size===a.small?"5":this.size===a.medium?"4":this.size===a.large?"2":void 0}render(){return s(i,{class:{[this.size]:!0,[`body-${this.getTextSize()}-sb`]:!0},style:{color:`var(--${this.textColor})`,backgroundColor:`var(--${this.backgroundColor})`}},this.text&&!this.image&&s("span",null,this.text.substring(0,2)),this.image&&s("img",{src:this.image,onError:()=>this.image=""}))}};e.style=":host{font-family:var(--font-family-sans);background-color:var(--bg-grey-700);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-transform:uppercase}:host(.small),:host(.small)>img{height:calc(var(--space-unit) * 3);width:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{height:calc(var(--space-unit) * 4);width:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{height:calc(var(--space-unit) * 5);width:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";export{e as z_avatar}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-98268a57.js";import{D as r}from"./p-dfdc8e09.js";import{a as s,g as o,h as n}from"./p-7d5a0194.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
+ import{r as t,h as e,g as i}from"./p-98268a57.js";import{D as r}from"./p-5b5d269c.js";import{a as s,g as o,h as n}from"./p-26572e05.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,h as t,H as a}from"./p-98268a57.js";import{S as s}from"./p-dfdc8e09.js";import{c as o}from"./p-3247dee9.js";import"./p-b68038b5.js";const e=class{constructor(t){r(this,t),this.status=s.default,this.icon||this.text||console.warn("z-status-tag must contain at least one prop between icon and text")}render(){return t(a,{class:o(this.variant,"body-5-sb",{expandable:this.expandable&&this.icon&&this.text})},this.icon&&t("z-icon",{name:this.icon}),this.text&&t("span",null,this.text))}};e.style=':host{--z-icon-width:14px;--z-icon-height:14px;font-family:var(--font-family-sans);height:22px;border-radius:var(--border-radius);padding-right:4px;padding-left:4px;text-transform:uppercase;display:inline-flex;align-items:center}:host(.expandable)>z-icon{margin-right:0;transition:margin-right 0.3s ease-out 0.2s}:host(:not(.expandable))>z-icon:not(:last-child),:host(.expandable:hover)>z-icon:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}:host(.expandable)>span{max-width:0;transition:max-width 0.3s ease-out 0.2s;white-space:nowrap;overflow:hidden}:host(.expandable:hover)>span{max-width:20rem;transition:max-width 0.3s ease-out 0s}:host([status="warning"]){background-color:var(--status-warning-yellow-lighter);color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status="warning"].light){background-color:transparent;color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status="warning"].dark){background-color:var(--status-warning-yellow-dark);color:var(--status-warning-yellow-lighter);fill:var(--status-warning-yellow-lighter)}:host([status="error"]){background-color:var(--status-error-red-lighter);color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status="error"].light){background-color:transparent;color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status="error"].dark){background-color:var(--status-error-red-dark);color:var(--status-error-red-lighter);fill:var(--status-error-red-lighter)}:host([status="success"]){background-color:var(--status-success-green-lighter);color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status="success"].light){background-color:transparent;color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status="success"].dark){background-color:var(--status-success-green-dark);color:var(--status-success-green-lighter);fill:var(--status-success-green-lighter)}:host([status="default"]){background-color:var(--myz-blue-lighter);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status="default"].light){background-color:transparent;color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status="default"].dark){background-color:var(--myz-blue-dark);color:var(--myz-blue-lighter);fill:var(--myz-blue-lighter)}:host([status="neutral"]){background-color:var(--bg-grey-050);color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status="neutral"].light){background-color:transparent;color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status="neutral"].dark){background-color:var(--bg-grey-800);color:var(--text-white);fill:var(--text-white)}';export{e as z_status_tag}
1
+ import{r,h as t,H as a}from"./p-98268a57.js";import{S as s}from"./p-5b5d269c.js";import{c as o}from"./p-3247dee9.js";import"./p-b68038b5.js";const e=class{constructor(t){r(this,t),this.status=s.default,this.icon||this.text||console.warn("z-status-tag must contain at least one prop between icon and text")}render(){return t(a,{class:o(this.variant,"body-5-sb",{expandable:this.expandable&&this.icon&&this.text})},this.icon&&t("z-icon",{name:this.icon}),this.text&&t("span",null,this.text))}};e.style=':host{--z-icon-width:14px;--z-icon-height:14px;font-family:var(--font-family-sans);height:22px;border-radius:var(--border-radius);padding-right:4px;padding-left:4px;text-transform:uppercase;display:inline-flex;align-items:center}:host(.expandable)>z-icon{margin-right:0;transition:margin-right 0.3s ease-out 0.2s}:host(:not(.expandable))>z-icon:not(:last-child),:host(.expandable:hover)>z-icon:not(:last-child){margin-right:var(--space-unit);transition:margin-right 0.3s ease-out 0s}:host(.expandable)>span{max-width:0;transition:max-width 0.3s ease-out 0.2s;white-space:nowrap;overflow:hidden}:host(.expandable:hover)>span{max-width:20rem;transition:max-width 0.3s ease-out 0s}:host([status="warning"]){background-color:var(--status-warning-yellow-lighter);color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status="warning"].light){background-color:transparent;color:var(--status-warning-yellow-dark);fill:var(--status-warning-yellow-dark)}:host([status="warning"].dark){background-color:var(--status-warning-yellow-dark);color:var(--status-warning-yellow-lighter);fill:var(--status-warning-yellow-lighter)}:host([status="error"]){background-color:var(--status-error-red-lighter);color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status="error"].light){background-color:transparent;color:var(--status-error-red-dark);fill:var(--status-error-red-dark)}:host([status="error"].dark){background-color:var(--status-error-red-dark);color:var(--status-error-red-lighter);fill:var(--status-error-red-lighter)}:host([status="success"]){background-color:var(--status-success-green-lighter);color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status="success"].light){background-color:transparent;color:var(--status-success-green-dark);fill:var(--status-success-green-dark)}:host([status="success"].dark){background-color:var(--status-success-green-dark);color:var(--status-success-green-lighter);fill:var(--status-success-green-lighter)}:host([status="default"]){background-color:var(--myz-blue-lighter);color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status="default"].light){background-color:transparent;color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host([status="default"].dark){background-color:var(--myz-blue-dark);color:var(--myz-blue-lighter);fill:var(--myz-blue-lighter)}:host([status="neutral"]){background-color:var(--bg-grey-050);color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status="neutral"].light){background-color:transparent;color:var(--text-grey-800);fill:var(--text-grey-800)}:host([status="neutral"].dark){background-color:var(--bg-grey-800);color:var(--text-white);fill:var(--text-white)}';export{e as z_status_tag}
@@ -0,0 +1 @@
1
+ import{r as s,c as t,h as c}from"./p-98268a57.js";import{r as e}from"./p-26572e05.js";import{s as i}from"./p-5b5d269c.js";import"./p-d69e14fb.js";const l=class{constructor(c){s(this,c),this.toggleClick=t(this,"toggleClick",7),this.disabled=!1,this.labelPosition=i.left,this.checked=!1,this.htmlid=`toggle-switch-id-${e()}`}emitToggleClick(){this.toggleClick.emit({id:this.htmlid,checked:this.checked})}handleClick(s){this.disabled||(this.checked=s.target.checked,this.emitToggleClick())}render(){return[c("input",{id:this.htmlid,type:"checkbox",checked:this.checked,disabled:this.disabled,onChange:this.handleClick.bind(this)}),c("label",{htmlFor:this.htmlid,class:{[this.labelPosition]:!0,disabled:this.disabled}},c("span",null,c("slot",null)),c("span",{class:{container:!0,disabled:this.disabled,checked:this.checked}},c("span",{class:"circle"},this.checked&&c("z-icon",{width:12,height:12,name:"checkmark"}))))]}};l.style='.sc-z-toggle-switch-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:inline-flex;position:relative}label.sc-z-toggle-switch{display:flex;align-items:center;flex-direction:row;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{letter-spacing:0;color:var(--color-text01)}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{display:flex;align-items:center}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{top:1px;left:1px;height:18px;width:calc(var(--space-unit) * 4);border-radius:var(--space-unit);color:var(--gray500);background-color:var(--gray500);position:relative;cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){outline:none;box-shadow:var(--shadow-focus-primary)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{top:1px;left:1px;position:absolute;display:flex;align-items:center;justify-content:center;margin:0;height:calc(var(--space-unit) * 2);width:calc(var(--space-unit) * 2);border-radius:7px;background-color:var(--color-white);box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type="checkbox"].sc-z-toggle-switch{position:absolute;opacity:0;z-index:-1;pointer-events:none}';export{l as z_toggle_switch}
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-98268a57.js";import{k as a}from"./p-dfdc8e09.js";import{b as i,h as n,d as r}from"./p-7d5a0194.js";import"./p-d69e14fb.js";const s=class{constructor(t){e(this,t),this.ismenuopen=!1,this.handleToggle=this.handleToggle.bind(this),this.handleFocus=this.handleFocus.bind(this)}componentWillRender(){this.linkarray="string"==typeof this.menucontent?JSON.parse(this.menucontent):this.menucontent}renderMenuOpen(){if(this.ismenuopen)return t("ul",null,this.linkarray.map((e=>t("li",null,t("z-link",{htmlid:e.id,href:e.link,icon:e.icon},e.label)))))}renderButtonMenu(){return t("span",{class:"arrow"},t("z-icon",{name:"caret-down",width:14,height:14}))}retriveMenuClass(){if(this.ismenuopen)return"menu-opened"}handleToggle(){this.ismenuopen=!this.ismenuopen}handleFocus(e){e instanceof KeyboardEvent&&e.keyCode!==a.TAB||i(r()).find((e=>"z-menu-dropdown"===e.nodeName.toLowerCase()))||(document.removeEventListener("click",this.handleFocus),document.removeEventListener("keyup",this.handleFocus),this.ismenuopen=!1)}render(){return t("a",{class:this.retriveMenuClass(),role:"button",tabindex:"0",onFocus:()=>{document.addEventListener("click",this.handleFocus),document.addEventListener("keyup",this.handleFocus)},onKeyUp:e=>n(e,this.handleToggle)},t("div",{class:"container",onClick:()=>this.handleToggle()},t("span",{class:"user-wrapper"},t("z-icon",{name:"user-avatar",width:14,height:14}),t("span",{class:"user"},this.nomeutente)),this.renderButtonMenu()),this.renderMenuOpen())}};s.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:12px;height:32px;width:inherit;letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;background:var(--bg-grey-050);color:var(--text-grey-800);border-radius:var(--border-radius);border:var(--border-size-small) solid transparent;outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{color:var(--myz-blue);fill:var(--myz-blue);border:var(--border-size-small) solid var(--myz-blue);box-shadow:0px 0px 2px 2px var(--myz-blue-light)}:host>a:active{color:var(--myz-blue-light);fill:var(--myz-blue-light);border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}div.container{display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{padding:0 var(--basex1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;width:30px}div.container>span.arrow{display:flex;justify-content:center;align-items:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{list-style:none;padding:0 calc(var(--space-unit) * 2);margin:0px}li{height:var(--basex3);display:flex;align-items:center;padding:calc(var(--space-unit) / 4) 0;width:max-content}.menu-opened{padding-bottom:calc(var(--space-unit) * 2);width:auto !important;min-width:147px;position:inherit}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";const o=class{constructor(t){e(this,t)}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(e){this.list=[...JSON.parse(e)]}oninputrawdataChange(e){this.parseinputrawdata(e)}render(){const e=this.list?this.list.length-1:-1;return t("ul",null,this.list&&this.list.map(((a,i)=>t("z-myz-list-item",{listitemid:a.listitemid,text:a.text,link:a.link,linktarget:a.linktarget,icon:a.icon,underlined:e!=i}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};o.style="ul{margin:0;padding:0}";export{s as z_menu_dropdown,o as z_myz_list}
1
+ import{r as e,h as t}from"./p-98268a57.js";import{k as i}from"./p-5b5d269c.js";import{b as a,h as n,d as r}from"./p-26572e05.js";import"./p-d69e14fb.js";const s=class{constructor(t){e(this,t),this.ismenuopen=!1,this.handleToggle=this.handleToggle.bind(this),this.handleFocus=this.handleFocus.bind(this)}componentWillRender(){this.linkarray="string"==typeof this.menucontent?JSON.parse(this.menucontent):this.menucontent}renderMenuOpen(){if(this.ismenuopen)return t("ul",null,this.linkarray.map((e=>t("li",null,t("z-link",{htmlid:e.id,href:e.link,icon:e.icon},e.label)))))}renderButtonMenu(){return t("span",{class:"arrow"},t("z-icon",{name:"caret-down",width:14,height:14}))}retriveMenuClass(){if(this.ismenuopen)return"menu-opened"}handleToggle(){this.ismenuopen=!this.ismenuopen}handleFocus(e){e instanceof KeyboardEvent&&e.keyCode!==i.TAB||a(r()).find((e=>"z-menu-dropdown"===e.nodeName.toLowerCase()))||(document.removeEventListener("click",this.handleFocus),document.removeEventListener("keyup",this.handleFocus),this.ismenuopen=!1)}render(){return t("a",{class:this.retriveMenuClass(),role:"button",tabindex:"0",onFocus:()=>{document.addEventListener("click",this.handleFocus),document.addEventListener("keyup",this.handleFocus)},onKeyUp:e=>n(e,this.handleToggle)},t("div",{class:"container",onClick:()=>this.handleToggle()},t("span",{class:"user-wrapper"},t("z-icon",{name:"user-avatar",width:14,height:14}),t("span",{class:"user"},this.nomeutente)),this.renderButtonMenu()),this.renderMenuOpen())}};s.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:12px;height:32px;width:inherit;letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;background:var(--bg-grey-050);color:var(--text-grey-800);border-radius:var(--border-radius);border:var(--border-size-small) solid transparent;outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{color:var(--myz-blue);fill:var(--myz-blue);border:var(--border-size-small) solid var(--myz-blue);box-shadow:0px 0px 2px 2px var(--myz-blue-light)}:host>a:active{color:var(--myz-blue-light);fill:var(--myz-blue-light);border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}div.container{display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{padding:0 var(--basex1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;width:30px}div.container>span.arrow{display:flex;justify-content:center;align-items:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{list-style:none;padding:0 calc(var(--space-unit) * 2);margin:0px}li{height:var(--basex3);display:flex;align-items:center;padding:calc(var(--space-unit) / 4) 0;width:max-content}.menu-opened{padding-bottom:calc(var(--space-unit) * 2);width:auto !important;min-width:147px;position:inherit}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";const o=class{constructor(t){e(this,t)}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(e){this.list=[...JSON.parse(e)]}oninputrawdataChange(e){this.parseinputrawdata(e)}render(){const e=this.list?this.list.length-1:-1;return t("ul",null,this.list&&this.list.map(((i,a)=>t("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:e!=a}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};o.style="ul{margin:0;padding:0}";export{s as z_menu_dropdown,o as z_myz_list}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,H as s,g as a}from"./p-98268a57.js";import{q as n}from"./p-dfdc8e09.js";import{m as r}from"./p-d69e14fb.js";import{h as o}from"./p-1d371408.js";import"./p-b68038b5.js";const l=class{constructor(e){t(this,e),this.toastClose=i(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 i=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/i.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 i={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=i.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=i.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,i=this.container.children;let e=0;for(let t=0;t<i.length;t++)e+=i[t].offsetWidth;return e>t}renderText(){return e("div",{id:"text",ref:t=>this.toastText=t},e("span",{class:"title"},this.heading),e("span",{class:"message"},this.message))}renderButton(){return e("div",{id:"button"},e("slot",{name:"button"}))}renderCloseIcon(){return this.closebutton&&e("div",{id:"icon"},e("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 e("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 e("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},e("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return e(s,{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 a(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
+ import{r as t,c as i,h as e,H as s,g as a}from"./p-98268a57.js";import{q as n}from"./p-5b5d269c.js";import{m as r}from"./p-d69e14fb.js";import{h as o}from"./p-1d371408.js";import"./p-b68038b5.js";const l=class{constructor(e){t(this,e),this.toastClose=i(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 i=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/i.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 i={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=i.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=i.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,i=this.container.children;let e=0;for(let t=0;t<i.length;t++)e+=i[t].offsetWidth;return e>t}renderText(){return e("div",{id:"text",ref:t=>this.toastText=t},e("span",{class:"title"},this.heading),e("span",{class:"message"},this.message))}renderButton(){return e("div",{id:"button"},e("slot",{name:"button"}))}renderCloseIcon(){return this.closebutton&&e("div",{id:"icon"},e("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 e("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 e("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},e("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return e(s,{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 a(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
- import{r as t,c as s,h as i,H as a,g as o}from"./p-98268a57.js";import{c as r}from"./p-3247dee9.js";import{w as e,x as n,P as l,b as c,c as d}from"./p-dfdc8e09.js";import{b as p}from"./p-7d5a0194.js";import"./p-b68038b5.js";import"./p-d69e14fb.js";const h=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=e.medium,this.defaultSortDirection=n.asc,this.sortDirection=n.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case n.asc:return n.desc;case n.desc:return n.asc;case n.none:return this.defaultSortDirection;default:return n.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){p(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:s}=t,i=p(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=n.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:r({sortable:this.sortable}),onClick:()=>this.handleSort()},i("div",{class:r("container")},i("slot",null),this.sortable&&this.sortDirection!==n.none&&i("z-icon",{name:this.sortDirection===n.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:r("popover-container",{visible:this.isMenuOpened})},i("z-popover",{position:l["below-center"],"background-color":"gray200"},i("z-button",{icon:"contextual-menu",variant:c.tertiary,size:d["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),i("div",{slot:"popover"},i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};h.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{h as z_table_header}
1
+ import{r as t,c as s,h as i,H as a,g as o}from"./p-98268a57.js";import{c as r}from"./p-3247dee9.js";import{w as e,x as n,P as l,b as c,c as p}from"./p-5b5d269c.js";import{b as d}from"./p-26572e05.js";import"./p-b68038b5.js";import"./p-d69e14fb.js";const h=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=e.medium,this.defaultSortDirection=n.asc,this.sortDirection=n.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case n.asc:return n.desc;case n.desc:return n.asc;case n.none:return this.defaultSortDirection;default:return n.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){d(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:s}=t,i=d(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=n.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:r({sortable:this.sortable}),onClick:()=>this.handleSort()},i("div",{class:r("container")},i("slot",null),this.sortable&&this.sortDirection!==n.none&&i("z-icon",{name:this.sortDirection===n.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:r("popover-container",{visible:this.isMenuOpened})},i("z-popover",{position:l["below-center"],"background-color":"gray200"},i("z-button",{icon:"contextual-menu",variant:c.tertiary,size:p["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),i("div",{slot:"popover"},i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};h.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';export{h as z_table_header}
@@ -1 +1 @@
1
- import{r as t,c as n,h as i}from"./p-98268a57.js";import{b as e}from"./p-dfdc8e09.js";const a=class{constructor(i){t(this,i),this.accept=n(this,"accept",7)}emitAccept(t){this.accept.emit({ev:t})}handleOkButtonClick(t){this.emitAccept(t),"function"==typeof this.callback&&this.callback()}handleOkButtonKeyUp(t){this.emitAccept(t),"Enter"===t.code&&void 0!==this.callback&&"function"==typeof this.callback&&this.callback()}renderContentSlot(){return i("div",{class:"content",slot:"content"},i("div",null,i("h2",null,"Su questo sito usiamo i cookie."),i("div",null,i("p",null,"Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai  ",i("a",{href:this.cookiepolicyurl,target:"_blank"},"cookie"),"."))),i("z-button",{variant:e.primary,onClick:t=>this.handleOkButtonClick(t),onKeyUp:t=>this.handleOkButtonKeyUp(t)},"ACCETTA"))}render(){return i("z-candybar",{class:this.hide?"hidden":""},this.renderContentSlot())}};a.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-candybar.hidden{display:none}.content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:space-between;color:var(--text-grey-800);border-radius:calc(var(--space-unit) * .5);font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.content>div>h2{margin:0;padding:0;color:var(--text-grey-800);border-radius:0px;font-size:18px;font-weight:var(--font-sb);letter-spacing:0px}.content>div>div{padding:calc(var(--space-unit) * 3) 0;font-size:14px;letter-spacing:0.16px;line-height:20px}.content>div>div>p{margin:0}.content>div>div>p>a{cursor:pointer;font-weight:var(--font-sb);color:var(--text-grey-800);text-decoration:underline;height:14px;display:inline-flex}.content>div>div>p>a:visited{color:var(--text-grey-800);cursor:pointer;z-index:1000}.content>z-button{margin:0;width:100%}@media only screen and (min-width: 768px){.content{width:100%;flex-direction:row;align-items:center;font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3)}.content>div{width:560px}.content>div>h2{height:calc(var(--space-unit) * 3.5)}.content>div>div{padding:0}.content>z-button{margin:0;width:initial}}@media only screen and (min-width: 1152px){.content>div{width:935px}}@media only screen and (min-width: 1366px){.content{padding-left:calc(var(--space-unit) * 4);padding-right:calc(var(--space-unit) * 4)}}";export{a as z_cookiebar}
1
+ import{r as t,c as n,h as i}from"./p-98268a57.js";import{b as e}from"./p-5b5d269c.js";const a=class{constructor(i){t(this,i),this.accept=n(this,"accept",7)}emitAccept(t){this.accept.emit({ev:t})}handleOkButtonClick(t){this.emitAccept(t),"function"==typeof this.callback&&this.callback()}handleOkButtonKeyUp(t){this.emitAccept(t),"Enter"===t.code&&void 0!==this.callback&&"function"==typeof this.callback&&this.callback()}renderContentSlot(){return i("div",{class:"content",slot:"content"},i("div",null,i("h2",null,"Su questo sito usiamo i cookie."),i("div",null,i("p",null,"Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai  ",i("a",{href:this.cookiepolicyurl,target:"_blank"},"cookie"),"."))),i("z-button",{variant:e.primary,onClick:t=>this.handleOkButtonClick(t),onKeyUp:t=>this.handleOkButtonKeyUp(t)},"ACCETTA"))}render(){return i("z-candybar",{class:this.hide?"hidden":""},this.renderContentSlot())}};a.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-candybar.hidden{display:none}.content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:space-between;color:var(--text-grey-800);border-radius:calc(var(--space-unit) * .5);font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.content>div>h2{margin:0;padding:0;color:var(--text-grey-800);border-radius:0px;font-size:18px;font-weight:var(--font-sb);letter-spacing:0px}.content>div>div{padding:calc(var(--space-unit) * 3) 0;font-size:14px;letter-spacing:0.16px;line-height:20px}.content>div>div>p{margin:0}.content>div>div>p>a{cursor:pointer;font-weight:var(--font-sb);color:var(--text-grey-800);text-decoration:underline;height:14px;display:inline-flex}.content>div>div>p>a:visited{color:var(--text-grey-800);cursor:pointer;z-index:1000}.content>z-button{margin:0;width:100%}@media only screen and (min-width: 768px){.content{width:100%;flex-direction:row;align-items:center;font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3)}.content>div{width:560px}.content>div>h2{height:calc(var(--space-unit) * 3.5)}.content>div>div{padding:0}.content>z-button{margin:0;width:initial}}@media only screen and (min-width: 1152px){.content>div{width:935px}}@media only screen and (min-width: 1366px){.content{padding-left:calc(var(--space-unit) * 4);padding-right:calc(var(--space-unit) * 4)}}";export{a as z_cookiebar}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-98268a57.js";import{o,d as r}from"./p-dfdc8e09.js";const s=class{constructor(e){t(this,e),this.dividerPosition=o.before,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return[e("slot",{name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.before&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"}),e("slot",{name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.after&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"})]}get host(){return i(this)}};s.style=':host{--z-section-title--divider-color:var(--red500);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);text-transform:uppercase;font-size:var(--font-size-3);line-height:1.5rem}::slotted([slot="primary-title"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';export{s as z_section_title}
1
+ import{r as t,h as e,g as i}from"./p-98268a57.js";import{o,d as r}from"./p-5b5d269c.js";const s=class{constructor(e){t(this,e),this.dividerPosition=o.before,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return[e("slot",{name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.before&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"}),e("slot",{name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.after&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"})]}get host(){return i(this)}};s.style=':host{--z-section-title--divider-color:var(--red500);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);text-transform:uppercase;font-size:var(--font-size-3);line-height:1.5rem}::slotted([slot="primary-title"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';export{s as z_section_title}