@zanichelli/albe-web-components 7.4.0 → 7.4.2

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 (80) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/index-e3299e0a.js +10 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/web-components-library.cjs.js +1 -1
  5. package/dist/cjs/{z-app-header_13.cjs.entry.js → z-app-header_11.cjs.entry.js} +22 -571
  6. package/dist/cjs/z-breadcrumb.cjs.entry.js +237 -0
  7. package/dist/cjs/z-popover.cjs.entry.js +328 -0
  8. package/dist/cjs/z-section-title.cjs.entry.js +1 -1
  9. package/dist/collection/components/navigation/z-app-header/index.js +1 -1
  10. package/dist/collection/components/navigation/z-app-header/styles.css +5 -0
  11. package/dist/collection/components/z-breadcrumb/styles.css +4 -1
  12. package/dist/collection/components/z-section-title/styles.css +2 -1
  13. package/dist/esm/index-a2ca4b97.js +10 -2
  14. package/dist/esm/index.js +1 -1
  15. package/dist/esm/loader.js +1 -1
  16. package/dist/esm/{utils-b7bdd1bf.js → utils-825aed23.js} +1 -1
  17. package/dist/esm/web-components-library.js +1 -1
  18. package/dist/esm/{z-app-header_13.entry.js → z-app-header_11.entry.js} +24 -571
  19. package/dist/esm/z-breadcrumb.entry.js +233 -0
  20. package/dist/esm/z-chip.entry.js +1 -1
  21. package/dist/esm/z-combobox.entry.js +1 -1
  22. package/dist/esm/z-file-upload.entry.js +1 -1
  23. package/dist/esm/z-myz-card-info.entry.js +1 -1
  24. package/dist/esm/z-myz-list-item.entry.js +1 -1
  25. package/dist/esm/z-pocket_3.entry.js +1 -1
  26. package/dist/esm/z-popover.entry.js +324 -0
  27. package/dist/esm/z-section-title.entry.js +1 -1
  28. package/dist/esm/z-select.entry.js +1 -1
  29. package/dist/esm/z-skip-to-content.entry.js +1 -1
  30. package/dist/esm/z-slideshow.entry.js +1 -1
  31. package/dist/esm/z-table-header.entry.js +1 -1
  32. package/dist/esm/z-toggle-switch.entry.js +1 -1
  33. package/dist/web-components-library/index.esm.js +1 -1
  34. package/dist/web-components-library/{p-ac5dda12.entry.js → p-073f24c9.entry.js} +1 -1
  35. package/dist/web-components-library/{p-d011d1b5.entry.js → p-0b942851.entry.js} +1 -1
  36. package/dist/web-components-library/{p-1e7ef8ca.entry.js → p-0eb7cb35.entry.js} +1 -1
  37. package/dist/web-components-library/p-0fd40ac5.entry.js +1 -0
  38. package/dist/web-components-library/{p-0397366d.js → p-14c2c56c.js} +1 -1
  39. package/{www/build/p-0235869e.entry.js → dist/web-components-library/p-2e7da553.entry.js} +1 -1
  40. package/dist/web-components-library/p-39863e41.entry.js +1 -0
  41. package/dist/web-components-library/p-447a7c51.entry.js +1 -0
  42. package/dist/web-components-library/{p-bda48953.entry.js → p-5825ef19.entry.js} +1 -1
  43. package/dist/web-components-library/p-98dcf178.entry.js +1 -0
  44. package/dist/web-components-library/p-98df8460.entry.js +1 -0
  45. package/dist/web-components-library/{p-a250409a.entry.js → p-9e400a11.entry.js} +1 -1
  46. package/dist/web-components-library/{p-485bff7b.entry.js → p-b44030d0.entry.js} +1 -1
  47. package/dist/web-components-library/p-bc331dde.entry.js +1 -0
  48. package/dist/web-components-library/{p-c8b36560.entry.js → p-dcad3493.entry.js} +1 -1
  49. package/dist/web-components-library/{p-c8bdfb84.entry.js → p-fa7a11fd.entry.js} +1 -1
  50. package/dist/web-components-library/web-components-library.esm.js +1 -1
  51. package/package.json +1 -1
  52. package/www/build/index.esm.js +1 -1
  53. package/www/build/{p-ac5dda12.entry.js → p-073f24c9.entry.js} +1 -1
  54. package/www/build/{p-d011d1b5.entry.js → p-0b942851.entry.js} +1 -1
  55. package/www/build/{p-1e7ef8ca.entry.js → p-0eb7cb35.entry.js} +1 -1
  56. package/www/build/p-0fd40ac5.entry.js +1 -0
  57. package/www/build/{p-0397366d.js → p-14c2c56c.js} +1 -1
  58. package/{dist/web-components-library/p-0235869e.entry.js → www/build/p-2e7da553.entry.js} +1 -1
  59. package/www/build/p-39863e41.entry.js +1 -0
  60. package/www/build/p-447a7c51.entry.js +1 -0
  61. package/www/build/{p-bda48953.entry.js → p-5825ef19.entry.js} +1 -1
  62. package/www/build/p-98dcf178.entry.js +1 -0
  63. package/www/build/p-98df8460.entry.js +1 -0
  64. package/www/build/{p-a250409a.entry.js → p-9e400a11.entry.js} +1 -1
  65. package/www/build/p-a6cbf32c.js +1 -0
  66. package/www/build/{p-485bff7b.entry.js → p-b44030d0.entry.js} +1 -1
  67. package/www/build/p-bc331dde.entry.js +1 -0
  68. package/www/build/{p-c8b36560.entry.js → p-dcad3493.entry.js} +1 -1
  69. package/www/build/{p-c8bdfb84.entry.js → p-fa7a11fd.entry.js} +1 -1
  70. package/www/build/web-components-library.esm.js +1 -1
  71. package/www/index.html +1 -127
  72. package/dist/web-components-library/p-14ab82cd.entry.js +0 -1
  73. package/dist/web-components-library/p-515c2acf.entry.js +0 -1
  74. package/dist/web-components-library/p-685ae50d.entry.js +0 -1
  75. package/dist/web-components-library/p-a4b91a8f.entry.js +0 -1
  76. package/www/build/p-14ab82cd.entry.js +0 -1
  77. package/www/build/p-515c2acf.entry.js +0 -1
  78. package/www/build/p-685ae50d.entry.js +0 -1
  79. package/www/build/p-a4b91a8f.entry.js +0 -1
  80. package/www/build/p-e35c7022.js +0 -1
@@ -1 +1 @@
1
- import{r as i,c as t,h as n}from"./p-d17ebc2f.js";import{P as e}from"./p-1cc1a418.js";import{h as s}from"./p-0397366d.js";import"./p-b497e33e.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(){if(this.contentWrapper||this.infoWrapper){if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)return this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",void(this.hiddenContent=!0);this.hiddenContent=!1}else 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-popover",{position:e.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${t} ${s} ${o}`)}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{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}: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{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}: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-popover{position:absolute;top:0;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-d17ebc2f.js";import{P as e}from"./p-1cc1a418.js";import{a as s}from"./p-14c2c56c.js";import"./p-b497e33e.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(){if(this.contentWrapper||this.infoWrapper){if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)return this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",void(this.hiddenContent=!0);this.hiddenContent=!1}else 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-popover",{position:e.RIGHT,onClick:()=>this.tooltip=!1},`${i} ${t} ${s} ${o}`)}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{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}: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{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}: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-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,h as s,H as e,g as o}from"./p-d17ebc2f.js";import{W as h,X as r,q as n,P as a,g as l,m as p,i as c}from"./p-1cc1a418.js";import{g as d,a as m}from"./p-14c2c56c.js";import"./p-b497e33e.js";const u=class{constructor(s){t(this,s),this.clickOnNode=i(this,"clickOnNode",7),this.pathStyle=h.UNDERLINED,this.homepageVariant=r.ICON,this.maxNodesToShow=5,this.preventFollowUrl=!1,this.overflowMenuItemRows=0,this.truncateChar=30,this.hasOverflow=!1,this.popoverEllipsisOpen=!1,this.collapsedElements=[],this.currentIndex=0,this.truncatePosition=null}handleResize(){this.viewPortWidth=d(),this.viewPortWidth!==n.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow=!0)}handlePropChange(){this.initializeBreadcrumb(this.viewPortWidth===n.MOBILE)}handleResizeUp(t,i){(t===n.MOBILE||i===n.MOBILE&&t===n.TABLET||i===n.MOBILE&&t===n.DESKTOP||i===n.MOBILE&&t===n.DESKTOP_WIDE||i===n.TABLET&&t===n.DESKTOP||i===n.TABLET&&t===n.DESKTOP_WIDE||i===n.DESKTOP&&t===n.DESKTOP_WIDE)&&this.initializeBreadcrumb(this.viewPortWidth===n.MOBILE)}componentWillLoad(){this.viewPortWidth=d(),this.initializeBreadcrumb(this.viewPortWidth===n.MOBILE)}componentWillRender(){this.viewPortWidth!==n.MOBILE&&this.hasOverflow&&(this.checkEllipsisOrOverflowMenu(),this.hasOverflow=!1)}componentDidRender(){this.collapsedElementsRef&&(this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))),this.viewPortWidth!==n.MOBILE&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth&&(this.hasOverflow=!0)}initializeBreadcrumb(t){this.pathsList=t?this.getPathsItemsList().filter((t=>!!t.path)):this.getPathsItemsList(),this.totalLenght=this.pathsList.length,this.homepageNode=this.pathsList.shift(),this.pathListCopy=JSON.parse(JSON.stringify(this.pathsList)),this.collapsedElements=[],this.totalLenght>this.maxNodesToShow&&(this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2))}checkEllipsisOrOverflowMenu(){if(this.pathListCopy.length>0)for(let t=0;t<this.pathsList.length;t++)if(this.pathsList[t].text.length>this.truncateChar){if(null!==this.truncatePosition){if(this.truncatePosition>0)return this.pathListCopy.splice(0,this.truncatePosition).forEach((t=>{this.collapsedElements.push(t)})),this.pathsList.splice(0,this.truncatePosition),void(this.truncatePosition=0);if(0===this.truncatePosition){const t=this.pathListCopy.splice(0,this.truncatePosition+1);return this.collapsedElements.push(...t),this.pathsList.splice(0,this.truncatePosition+1),void(this.truncatePosition=null)}}if(t!==this.pathsList.length-1){const i=this.truncateWithEllipsis(this.pathsList[t].text,this.truncateChar);return this.currentEllipsisText=this.pathsList[t].text,this.pathsList[t].text=i,this.pathsList[t].hasTooltip=!0,void(this.truncatePosition=t)}}}truncateWithEllipsis(t,i){return t.length>i?t.substring(0,i-1)+"&mldr;":t}getPathsItemsList(){return this.paths?("string"==typeof this.paths?JSON.parse(this.paths):this.paths).map((t=>Object.assign(Object.assign({},t),{hasTooltip:!1}))):Array.from(this.hostElement.children).map((t=>({text:t.textContent,path:t.href,hasTooltip:!1})))}renderMobileBreadcrumb(){return s("nav",{"aria-label":"Breadcrumb",class:{underlined:this.pathStyle===h.UNDERLINED,semibold:this.pathStyle===h.SEMIBOLD}},s("ol",null,this.renderNode(this.pathsList[this.pathsList.length-1],!0)))}renderHomepageNode(t){return s("li",null,s("a",{class:{"homepage-icon":this.homepageVariant===r.ICON,"homepage-text":this.homepageVariant===r.TEXT},href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t)},this.homepageVariant===r.ICON?s("z-icon",{name:"home",fill:"color-link-primary",height:16,width:16}):"Home"))}renderNode(t,i){return s("li",null,t.hasTooltip&&s("z-popover",{class:"full-path-tooltip","bind-to":this.triggerEllipsis,open:this.popoverEllipsisOpen,position:a.BOTTOM,closable:!1,showArrow:!0},s("span",{class:"tooltip-content"},this.currentEllipsisText)),s("a",{class:{"missing-path":!t.path,"text-ellipsis":i},ref:t=>this.triggerEllipsis=t,"aria-current":t.path?void 0:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{t.hasTooltip&&(this.popoverEllipsisOpen=!0)},onMouseLeave:()=>{t.hasTooltip&&(this.popoverEllipsisOpen=!1)},innerHTML:i?`<z-icon fill="color-link-primary" name="chevron-left"></z-icon> ${t.text}`:t.text}))}renderBreadcrumb(){return s("nav",{ref:t=>this.wrapElement=t,"aria-label":"Breadcrumb",class:{underlined:this.pathStyle===h.UNDERLINED,semibold:this.pathStyle===h.SEMIBOLD}},s("ol",null,this.renderHomepageNode(this.homepageNode),this.collapsedElements.length?this.renderOverflowMenu():"",this.pathsList.map((t=>this.renderNode(t,!1)))))}togglePopover(){this.collapsedElementsRef.open||(this.collapsedElementsRef.open=!0)}handlePreventFollowUrl(t,i){this.preventFollowUrl&&(t.preventDefault(),this.clickOnNode.emit(i.path))}handleOverflowMenuAccessibility(t){const i=this.anchorElements.length;t.key!==l.TAB?(t.stopPropagation(),[l.ARROW_DOWN,l.ARROW_UP].includes(t.key)&&(t.preventDefault(),t.key===l.ARROW_DOWN&&(this.currentIndex=i===this.currentIndex+1?0:this.currentIndex+1),t.key===l.ARROW_UP&&(this.currentIndex=this.currentIndex<=0?i-1:this.currentIndex-1),this.anchorElements[this.currentIndex].focus()),t.key===l.ESC&&this.triggerButton.focus()):t.preventDefault()}renderOverflowMenu(){if(this.collapsedElements.length)return s("li",null,s("z-popover",{class:"hidden-paths-popover",ref:t=>this.collapsedElementsRef=t,"bind-to":this.triggerButton,position:a.BOTTOM_RIGHT,closable:!0,showArrow:!0},s("div",{class:"popover-content"},s("z-list",null,s("z-list-group",{dividerType:p.ELEMENT,size:c.SMALL},this.collapsedElements.map((t=>s("z-list-element",{clickable:!0},s("a",{class:"text-ellipsis",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onKeyDown:t=>this.handleOverflowMenuAccessibility(t)},t.text)))))))),s("button",{"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",ref:t=>this.triggerButton=t,class:"dots",onClick:()=>{this.togglePopover()},onKeyDown:t=>{m(t,this.togglePopover.bind(this)),setTimeout((()=>{this.anchorElements[0].focus()}),100)}},"..."))}render(){return s(e,{style:{"--line-clamp":`${this.overflowMenuItemRows}`}},this.viewPortWidth===n.MOBILE?this.renderMobileBreadcrumb():this.renderBreadcrumb())}get hostElement(){return o(this)}static get watchers(){return{paths:["handlePropChange"],maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};u.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;height:30px;align-items:center;padding-left:calc(var(--space-unit) / 2);overflow-x:hidden}li{display:flex;align-items:baseline}:host a:focus,:host button:focus{box-shadow:var(--shadow-focus-primary);outline:0}:host a{color:var(--color-link-primary);font-size:var(--font-size-2);text-decoration:none;white-space:nowrap}:host a.homepage-icon{display:list-item}:host a.homepage-text{display:initial;margin-top:calc(var(--space-unit) / 4);margin-right:var(--space-unit)}:host a.missing-path{color:var(--color-text01)}:host a.text-ellipsis{display:-webkit-box !important;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:normal}:host ol{display:flex;padding:0;margin:0;list-style-type:none}:host ol>li:not(:first-child,:last-child){margin-right:var(--space-unit)}nav.underlined>ol>li a:not(.missing-path),nav.underlined>ol>li button{text-decoration:underline}nav.semibold>ol>li a:not(.missing-path),nav.semibold>ol>li button{font-weight:var(--font-sb)}:host z-icon{margin-right:var(--space-unit);--z-icon-width:12px;--z-icon-height:12px}:host button.dots{display:inline-block;color:var(--color-link-primary);cursor:pointer}:host .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}:host .popover-content a{font-weight:var(--font-rg);text-decoration:none}:host .hidden-paths-popover{--z-popover-theme--surface:var(--color-surface02);--z-popover-padding:0}:host .full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}:host .tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){:host ol>li+li::before{display:inline-block;width:10px;height:10px;flex:1;margin-right:2px;color:var(--color-disabled03);content:"\\203A"}:host a.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover)}}';export{u as z_breadcrumb}
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-d17ebc2f.js";import{q as r}from"./p-1cc1a418.js";import{f as s,g as o,h as n}from"./p-0397366d.js";import"./p-b497e33e.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,e;switch(typeof this.data){case"string":{const i=null!==(t=s(this.data))&&void 0!==t?t:[];if(e=i,!Array.isArray(e)||!e.every((t=>"string"==typeof t)))throw new Error("Passed data is invalid");this.links=i;break}default: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:"footer-left"},e("slot",{name:"footer-left"})),e("div",{class:"footer-center"},e("div",{class:"bullet-container"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footer-right"},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{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-base) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--bg-neutral-150);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-base) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .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 .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';export{a as z_slideshow}
1
+ import{r as t,h as e,g as i}from"./p-d17ebc2f.js";import{q as r}from"./p-1cc1a418.js";import{f as s,g as o,a as n}from"./p-14c2c56c.js";import"./p-b497e33e.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,e;switch(typeof this.data){case"string":{const i=null!==(t=s(this.data))&&void 0!==t?t:[];if(e=i,!Array.isArray(e)||!e.every((t=>"string"==typeof t)))throw new Error("Passed data is invalid");this.links=i;break}default: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:"footer-left"},e("slot",{name:"footer-left"})),e("div",{class:"footer-center"},e("div",{class:"bullet-container"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footer-right"},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{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;line-height:0px;overflow-y:hidden;transition:all 300ms}footer{display:grid;width:100%;height:56px;align-items:center;border-top:var(--border-base) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:flex;min-height:60px;align-items:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--bg-neutral-150);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-base) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .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 .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';export{a as z_slideshow}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,H as s,g as n}from"./p-d17ebc2f.js";import{x as a,q as r,D as o}from"./p-1cc1a418.js";import{g as l}from"./p-0397366d.js";import"./p-b497e33e.js";const c=class{constructor(e){t(this,e),this.fileInput=i(this,"fileInput",7),this.type=a.DEFAULT,this.files=[],this.inputAttributes={type:"file",id:"file-elem",multiple:!0}}removeFileListener(t){const i=this.files,e=i.find((i=>i.name===t.detail.fileName));if(e){const t=i.indexOf(e);t>=0&&(i.splice(t,1),this.files=[...i])}}fileDroppedListener(t){this.input.files=t.detail,this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility(),this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map}fileInputHandler(){this.input.files.length&&(this.invalidFiles=this.checkFiles(Array.from(this.input.files)))}async getFiles(){return this.files}getType(){return l()!==r.DESKTOP&&l()!==r.DESKTOP_WIDE?a.DEFAULT:this.type}handleAccessibility(){const t=this.el.querySelector("z-file:last-child z-chip button");this.files.length>0&&t?t.focus():this.getType()===a.DEFAULT?this.button.querySelector("button").focus():this.uploadLink.focus()}checkFiles(t){const i=new Map,e=`supera i ${this.fileMaxSize}MB`;return t.forEach((t=>{const s=t.size/1024/1024,n=this.acceptedFormat.split(",").some((i=>t.name.toLowerCase().endsWith(i.trim()))),a=s<=this.fileMaxSize;a&&n?this.files.find((i=>i.name===t.name))||(this.files.push(t),this.fileInput.emit(t),this.input.value=""):(i.set(t.name,[]),a||i.get(t.name).push(e),n||i.get(t.name).push(" ha un'estensione non prevista"))})),i}renderTitle(){return e("h2",{class:"heading-2-sb",id:"title"},this.mainTitle)}renderDescription(t){return e("span",{class:t},this.description)}renderAllowedFileExtensions(){let t="",i="";return this.acceptedFormat&&(t=` nei formati ${this.acceptedFormat.split(", ").map((t=>t.substring(1).toUpperCase())).join(", ")}`),this.fileMaxSize&&(i=` per un massimo di ${this.fileMaxSize}MB di peso`),e("span",{class:"body-3"},t||i?`Puoi allegare file${t}${i}.`:null)}renderFileSection(){return e("section",{class:"files-container "+(this.files.length?"":"hidden")},e("h4",{class:"heading-4-sb"},"File appena caricati"),e("div",{class:"files-wrapper"},e("slot",{name:"files"})),e("z-divider",{size:o.MEDIUM}))}renderInput(){return e("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:t=>this.input=t}))}renderUploadButton(){return[this.renderInput(),e("z-button",{onClick:()=>this.input.click(),onKeyPress:t=>{"Space"!=t.code&&"Enter"!=t.code||(t.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:t=>this.button=t},"Allega")]}renderUploadLink(){return[this.renderInput(),e("span",{class:"body-1 upload-link-text"},"Trascinalo qui o"," ",e("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:t=>{"Space"!=t.code&&"Enter"!=t.code||(t.preventDefault(),this.input.click())},ref:t=>this.uploadLink=t},"caricalo")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),e("z-dragdrop-area",null,e("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(t,i){var e,s;return`Il file ${t} ${null!==(e=i[0])&&void 0!==e?e:""}${i[0]&&i[1]?", ":""} ${null!==(s=i[1])&&void 0!==s?s:""} e non può quindi essere caricato.`}handleErrorModalContent(){return e("div",{slot:"modalContent"},e("div",{class:"modal-wrapper"},e("div",{class:"files"},Array.from(this.invalidFiles).map((([t,i])=>e("span",{class:"body-3"},this.formatErrorString(t,i)))))))}render(){return e(s,null,e("div",{tabIndex:0,class:`container ${this.getType()}`},this.renderTitle(),this.getType()==a.DEFAULT?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&e("z-modal",{tabIndex:0,ref:t=>this.errorModal=t,modaltitle:"Attenzione",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent()))}get el(){return n(this)}};c.style=":host{color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.container{display:flex;flex-direction:column}:host .modal-wrapper{display:flex;align-items:center;justify-content:center}:host .modal-wrapper>.files-wrapper{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}:host .text-container{display:flex;flex-direction:column;margin:auto}:host .text-container .body-1{text-align:center}:host .text-container .upload-link{color:var(--color-link-primary);cursor:pointer}:host .text-container .upload-link-text{margin-bottom:var(--space-unit)}input#file-elem{display:none}#title{display:inline-block;margin-bottom:var(--space-unit)}:host>.container>z-button{display:inline-block;margin-top:calc(var(--space-unit) * 3)}:host>.container>.files-container.hidden{display:none}:host>.container>.files-container>.heading-4-sb{display:inline-block;margin:calc(var(--space-unit) * 3) 0}:host>.container>.files-container>.files-wrapper{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}:host>.container>.files-container>z-divider{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){:host>.container>z-button{align-self:flex-start}}";export{c as z_file_upload}
1
+ import{r as t,c as i,h as e,H as s,g as n}from"./p-d17ebc2f.js";import{x as a,q as r,D as o}from"./p-1cc1a418.js";import{g as l}from"./p-14c2c56c.js";import"./p-b497e33e.js";const c=class{constructor(e){t(this,e),this.fileInput=i(this,"fileInput",7),this.type=a.DEFAULT,this.files=[],this.inputAttributes={type:"file",id:"file-elem",multiple:!0}}removeFileListener(t){const i=this.files,e=i.find((i=>i.name===t.detail.fileName));if(e){const t=i.indexOf(e);t>=0&&(i.splice(t,1),this.files=[...i])}}fileDroppedListener(t){this.input.files=t.detail,this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility(),this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map}fileInputHandler(){this.input.files.length&&(this.invalidFiles=this.checkFiles(Array.from(this.input.files)))}async getFiles(){return this.files}getType(){return l()!==r.DESKTOP&&l()!==r.DESKTOP_WIDE?a.DEFAULT:this.type}handleAccessibility(){const t=this.el.querySelector("z-file:last-child z-chip button");this.files.length>0&&t?t.focus():this.getType()===a.DEFAULT?this.button.querySelector("button").focus():this.uploadLink.focus()}checkFiles(t){const i=new Map,e=`supera i ${this.fileMaxSize}MB`;return t.forEach((t=>{const s=t.size/1024/1024,n=this.acceptedFormat.split(",").some((i=>t.name.toLowerCase().endsWith(i.trim()))),a=s<=this.fileMaxSize;a&&n?this.files.find((i=>i.name===t.name))||(this.files.push(t),this.fileInput.emit(t),this.input.value=""):(i.set(t.name,[]),a||i.get(t.name).push(e),n||i.get(t.name).push(" ha un'estensione non prevista"))})),i}renderTitle(){return e("h2",{class:"heading-2-sb",id:"title"},this.mainTitle)}renderDescription(t){return e("span",{class:t},this.description)}renderAllowedFileExtensions(){let t="",i="";return this.acceptedFormat&&(t=` nei formati ${this.acceptedFormat.split(", ").map((t=>t.substring(1).toUpperCase())).join(", ")}`),this.fileMaxSize&&(i=` per un massimo di ${this.fileMaxSize}MB di peso`),e("span",{class:"body-3"},t||i?`Puoi allegare file${t}${i}.`:null)}renderFileSection(){return e("section",{class:"files-container "+(this.files.length?"":"hidden")},e("h4",{class:"heading-4-sb"},"File appena caricati"),e("div",{class:"files-wrapper"},e("slot",{name:"files"})),e("z-divider",{size:o.MEDIUM}))}renderInput(){return e("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:t=>this.input=t}))}renderUploadButton(){return[this.renderInput(),e("z-button",{onClick:()=>this.input.click(),onKeyPress:t=>{"Space"!=t.code&&"Enter"!=t.code||(t.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:t=>this.button=t},"Allega")]}renderUploadLink(){return[this.renderInput(),e("span",{class:"body-1 upload-link-text"},"Trascinalo qui o"," ",e("span",{tabIndex:0,class:"body-1-sb upload-link",onClick:()=>this.input.click(),onKeyPress:t=>{"Space"!=t.code&&"Enter"!=t.code||(t.preventDefault(),this.input.click())},ref:t=>this.uploadLink=t},"caricalo")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("body-3-sb"),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),e("z-dragdrop-area",null,e("div",{class:"text-container"},this.renderDescription("body-1"),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(t,i){var e,s;return`Il file ${t} ${null!==(e=i[0])&&void 0!==e?e:""}${i[0]&&i[1]?", ":""} ${null!==(s=i[1])&&void 0!==s?s:""} e non può quindi essere caricato.`}handleErrorModalContent(){return e("div",{slot:"modalContent"},e("div",{class:"modal-wrapper"},e("div",{class:"files"},Array.from(this.invalidFiles).map((([t,i])=>e("span",{class:"body-3"},this.formatErrorString(t,i)))))))}render(){return e(s,null,e("div",{tabIndex:0,class:`container ${this.getType()}`},this.renderTitle(),this.getType()==a.DEFAULT?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&e("z-modal",{tabIndex:0,ref:t=>this.errorModal=t,modaltitle:"Attenzione",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent()))}get el(){return n(this)}};c.style=":host{color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.container{display:flex;flex-direction:column}:host .modal-wrapper{display:flex;align-items:center;justify-content:center}:host .modal-wrapper>.files-wrapper{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}:host .text-container{display:flex;flex-direction:column;margin:auto}:host .text-container .body-1{text-align:center}:host .text-container .upload-link{color:var(--color-link-primary);cursor:pointer}:host .text-container .upload-link-text{margin-bottom:var(--space-unit)}input#file-elem{display:none}#title{display:inline-block;margin-bottom:var(--space-unit)}:host>.container>z-button{display:inline-block;margin-top:calc(var(--space-unit) * 3)}:host>.container>.files-container.hidden{display:none}:host>.container>.files-container>.heading-4-sb{display:inline-block;margin:calc(var(--space-unit) * 3) 0}:host>.container>.files-container>.files-wrapper{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}:host>.container>.files-container>z-divider{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){:host>.container>z-button{align-self:flex-start}}";export{c as z_file_upload}
@@ -1 +1 @@
1
- import{p as e,b as a}from"./p-d17ebc2f.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-a4b91a8f",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchPageUrl":[1,"search-page-url"],"_stuck":[32],"currentViewport":[32],"menuLength":[32]},[[9,"resize","evaluateViewport"]]],[1,"z-breadcrumb",{"paths":[1],"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]]],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"resultsEllipsis":[4,"results-ellipsis"],"searchHelperLabel":[1,"search-helper-label"],"resultsItems":[1,"results-items"],"sortResultsItems":[4,"sort-results-items"],"showSearchButton":[4,"show-search-button"],"searchButtonIconOnly":[4,"search-button-icon-only"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32]},[[4,"click","handleOutsideClick"]]],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[1028,"skip-load-animation"]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list",{"size":[513],"listType":[513,"list-type"]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"hasclearicon":[4],"icon":[1],"min":[2],"max":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[1,"z-input-message",{"message":[1],"status":[513],"statusRole":[32]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[6,"z-button",{"ariaLabel":[513,"aria-label"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-bda48953",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]}]]],["p-685ae50d",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-c241bab0",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-6be6a2f4",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-c8bdfb84",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"files":[32],"invalidFiles":[32],"getFiles":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-910ca14c",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-fd8eae32",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]]]]],["p-3f55dce6",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-cfc9cf52",[[4,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[4],"arrowsPosition":[1,"arrows-position"],"progressMode":[1,"progress-mode"],"ghostLoadingHeight":[2,"ghost-loading-height"],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]}]]],["p-8f7680ef",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]]]]],["p-9fee86aa",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-d966a1b9",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]]]]],["p-d98d3cf1",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-a19a70a0",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-0b822ad0",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"collapsed":[32]}]]],["p-e606b019",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-485bff7b",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-e40b16fa",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]}]]],["p-27100ea1",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-4423b00c",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-1e7ef8ca",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-5ac6109d",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}]]],["p-14db3f16",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-10f2be79",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]]]],["p-e78ce8ec",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-61424b8a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-cd456854",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]}]]],["p-8ff45f5f",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-eefde77a",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-f5a99b28",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-2f547970",[[0,"z-navigation-tab",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]]]]],["p-ff838f90",[[0,"z-navigation-tab-link",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]]]]],["p-f5a247b9",[[1,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"tabFocus":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","onTabSelected"],[0,"keydown","navigateThroughTabs"]]]]],["p-2efedcf4",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-540c7d73",[[1,"z-pocket-message"]]],["p-ac5dda12",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-c8b36560",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-344e7ae7",[[6,"z-tag",{"icon":[1],"expandable":[4]}]]],["p-0c0735e5",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]}]]],["p-c722c5a4",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-a250409a",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-af5103a0",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-4610db36",[[4,"z-aria-alert",{"mode":[1]}]]],["p-0418f9fb",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-227667b6",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-ae79573a",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-7ac431a5",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-af4d1987",[[1,"z-myz-card-footer-sections"]]],["p-ce83ce18",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-73c91de3",[[1,"z-stepper"]]],["p-9db2bf11",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-c4417a91",[[6,"z-table-body"]]],["p-bb0fe7bc",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-eaa4eba8",[[6,"z-table-footer"]]],["p-37e050bd",[[6,"z-table-head"]]],["p-3be171d0",[[6,"z-table-sticky-footer"]]],["p-079357ba",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]}]]],["p-f54f63e1",[[1,"z-visually-hidden"]]],["p-d011d1b5",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-ec5242da",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-0235869e",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-074ea569",[[1,"z-alert",{"type":[1]}]]],["p-9d57a84c",[[1,"z-ghost-loading"]]],["p-4367f978",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-c47d529f",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]],[1,"z-dragdrop-area"]]],["p-f0653e72",[[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[516],"iconposition":[1],"underline":[4],"iconSize":[32]}]]],["p-14ab82cd",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-52b084fb",[[1,"z-typography",{"level":[1],"variant":[1],"component":[1]}]]],["p-515c2acf",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-4b9882b3",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]]]'),e)));
1
+ import{p as e,b as a}from"./p-d17ebc2f.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((e=>a(JSON.parse('[["p-0fd40ac5",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"enableSearch":[516,"enable-search"],"searchPlaceholder":[1,"search-placeholder"],"searchPageUrl":[1,"search-page-url"],"_stuck":[32],"currentViewport":[32],"menuLength":[32]},[[9,"resize","evaluateViewport"]]],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"resultsEllipsis":[4,"results-ellipsis"],"searchHelperLabel":[1,"search-helper-label"],"resultsItems":[1,"results-items"],"sortResultsItems":[4,"sort-results-items"],"showSearchButton":[4,"show-search-button"],"searchButtonIconOnly":[4,"search-button-icon-only"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32]},[[4,"click","handleOutsideClick"]]],[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[1028,"skip-load-animation"]}],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list",{"size":[513],"listType":[513,"list-type"]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"hasclearicon":[4],"icon":[1],"min":[2],"max":[2],"step":[2],"pattern":[1],"size":[513],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-input-message",{"message":[1],"status":[513],"statusRole":[32]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[6,"z-button",{"ariaLabel":[513,"aria-label"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-5825ef19",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]}]]],["p-bc331dde",[[1,"z-breadcrumb",{"paths":[1],"pathStyle":[513,"path-style"],"homepageVariant":[1,"homepage-variant"],"maxNodesToShow":[2,"max-nodes-to-show"],"preventFollowUrl":[4,"prevent-follow-url"],"overflowMenuItemRows":[2,"overflow-menu-item-rows"],"truncateChar":[2,"truncate-char"],"viewPortWidth":[32],"hasOverflow":[32],"popoverEllipsisOpen":[32]},[[9,"resize","handleResize"]]]]],["p-447a7c51",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"disabled":[516],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-c241bab0",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-6be6a2f4",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-fa7a11fd",[[1,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"files":[32],"invalidFiles":[32],"getFiles":[64]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-910ca14c",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-fd8eae32",[[0,"z-pagination",{"label":[1],"navArrows":[4,"nav-arrows"],"totalPages":[2,"total-pages"],"skip":[2],"edges":[4],"split":[2],"visiblePages":[2,"visible-pages"],"currentPage":[1026,"current-page"],"goToPage":[4,"go-to-page"],"_visiblePages":[32],"isMobile":[32],"goToPageValue":[32]},[[9,"resize","onResize"]]]]],["p-3f55dce6",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-cfc9cf52",[[4,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[4],"arrowsPosition":[1,"arrows-position"],"progressMode":[1,"progress-mode"],"ghostLoadingHeight":[2,"ghost-loading-height"],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]}]]],["p-8f7680ef",[[4,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"ariaLabel":[1,"aria-label"],"label":[1],"mode":[1],"flatpickrPosition":[32],"inputError":[32]},[[18,"keydown","handleKeyDown"]]]]],["p-9fee86aa",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-d966a1b9",[[0,"z-range-picker",{"rangePickerId":[1,"range-picker-id"],"firstAriaLabel":[1,"first-aria-label"],"firstLabel":[1,"first-label"],"secondAriaLabel":[1,"second-aria-label"],"secondLabel":[1,"second-label"],"mode":[1],"flatpickrPosition":[32],"activeInput":[32],"firstInputError":[32],"lastInputError":[32]},[[18,"click","handleClick"],[18,"keyup","handleKeyDown"]]]]],["p-d98d3cf1",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]]]],["p-a19a70a0",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-0b822ad0",[[4,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"collapsed":[32]}]]],["p-e606b019",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-b44030d0",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-e40b16fa",[[1,"z-myz-list",{"inputrawdata":[1],"list":[1040]}]]],["p-27100ea1",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-4423b00c",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descrSlotName":[1,"descr-slot-name"]}]]],["p-0eb7cb35",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-5ac6109d",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}]]],["p-14db3f16",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-10f2be79",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]]]],["p-e78ce8ec",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-61424b8a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-cd456854",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]}]]],["p-8ff45f5f",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-eefde77a",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-f5a99b28",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-2f547970",[[0,"z-navigation-tab",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]]]]],["p-ff838f90",[[0,"z-navigation-tab-link",{"ariaControls":[1,"aria-controls"],"tabId":[1,"tab-id"],"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]]]]],["p-f5a247b9",[[1,"z-navigation-tabs",{"ariaLabel":[1,"aria-label"],"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"tabFocus":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","onTabSelected"],[0,"keydown","navigateThroughTabs"]]]]],["p-2efedcf4",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-540c7d73",[[1,"z-pocket-message"]]],["p-073f24c9",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-dcad3493",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-344e7ae7",[[6,"z-tag",{"icon":[1],"expandable":[4]}]]],["p-0c0735e5",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32]}]]],["p-c722c5a4",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028],"ariaLabel":[1,"aria-label"]}]]],["p-9e400a11",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-af5103a0",[[1,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-4610db36",[[4,"z-aria-alert",{"mode":[1]}]]],["p-0418f9fb",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-227667b6",[[1,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-ae79573a",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-7ac431a5",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"customContent":[4,"custom-content"],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-af4d1987",[[1,"z-myz-card-footer-sections"]]],["p-ce83ce18",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-73c91de3",[[1,"z-stepper"]]],["p-9db2bf11",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-c4417a91",[[6,"z-table-body"]]],["p-bb0fe7bc",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-eaa4eba8",[[6,"z-table-footer"]]],["p-37e050bd",[[6,"z-table-head"]]],["p-3be171d0",[[6,"z-table-sticky-footer"]]],["p-079357ba",[[1,"z-toast-notification-list",{"position":[513],"newestontop":[4]}]]],["p-f54f63e1",[[1,"z-visually-hidden"]]],["p-0b942851",[[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]]]],["p-ec5242da",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-2e7da553",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"ariaLabel":[1,"aria-label"]}]]],["p-074ea569",[[1,"z-alert",{"type":[1]}]]],["p-9d57a84c",[[1,"z-ghost-loading"]]],["p-4367f978",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-c47d529f",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]],[1,"z-dragdrop-area"]]],["p-f0653e72",[[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[516],"iconposition":[1],"underline":[4],"iconSize":[32]}]]],["p-98dcf178",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-52b084fb",[[1,"z-typography",{"level":[1],"variant":[1],"component":[1]}]]],["p-39863e41",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]],["p-4b9882b3",[[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}]]],["p-98df8460",[[1,"z-popover",{"position":[513],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]]]]]'),e)));
package/www/index.html CHANGED
@@ -1,127 +1 @@
1
- <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Albe test application</title> <link rel="stylesheet" type="text/css" href="/build/p-f39bb490.css"> <link rel="modulepreload" href="/build/p-e35c7022.js"><script type="module" src="/build/p-e35c7022.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body> <header> <z-app-header> <h1 slot="title">Albe test app</h1> </z-app-header> </header> <div> <z-breadcrumb path-style="semibold" overflow-menu-item-rows="2" prevent-follow-url="false" homepage-variant="icon"> <a href="./link1">a</a> <a href="./link2">Lingua inglese - Scuola secondaria di secondo grado</a> <a href="./link3">Letteratura inglese - The English Renaissance</a> <a href="./link4">The English Renaissance: overview</a> <a href="./link5">Literature and genres in the English Renaissance</a> </z-breadcrumb> <z-breadcrumb paths="[{&quot;text&quot;: &quot;Primo path&quot;, &quot;path&quot;: &quot;/home&quot;}, {&quot;text&quot;: &quot;Secondo path&quot;, &quot;path&quot;: &quot;/path2&quot;}, {&quot;text&quot;: &quot;Terzo path&quot;, &quot;path&quot;: &quot;/path3&quot;}, {&quot;text&quot;: &quot;Quarto path&quot;, &quot;path&quot;: &quot;/path4&quot;}, {&quot;text&quot;: &quot;Quinto path&quot;, &quot;path&quot;: &quot;/path5&quot;}, {&quot;text&quot;: &quot;Sesto path&quot;, &quot;path&quot;: &quot;/path6&quot;}, {&quot;text&quot;: &quot;Ultimo path&quot;}]" path-style="semibold"></z-breadcrumb> <!--
2
- <z-breadcrumb
3
- path-style="semibold"
4
- overflow-menu-item-rows="2"
5
- prevent-follow-url="false"
6
- homepage-variant="icon"
7
- >
8
- <a href="./link1">a</a>
9
- <a href="./link2">Lingua inglese - Scuola secondaria di secondo grado</a>
10
- <a href="./link3">Lingua inglese - Attività</a>
11
- <a href="./link4">Tipologia di esercizio</a>
12
- <a href="./link5">Utilizzare espressioni colloquiali o idiomatiche</a>
13
- </z-breadcrumb>
14
- <br /><br />
15
- <z-breadcrumb
16
- path-style="semibold"
17
- overflow-menu-item-rows="2"
18
- prevent-follow-url="false"
19
- homepage-variant="icon"
20
- >
21
- <a href="./link1">a</a>
22
- <a href="./link2">Matematica - Scuola secondaria di secondo grado</a>
23
- <a href="./link3">Matematica - Rette perpendicolari e parallele</a>
24
- <a href="./link4">Rette perpendicolari e parallele</a>
25
- <a href="./link5">Esistenza e unicità della parallela per un punto</a>
26
- </z-breadcrumb> --> </div> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla turpis odio, consequat sed posuere nec, efficitur
27
- quis ligula. Nulla iaculis venenatis diam maximus malesuada. Etiam sagittis, dui sed finibus sodales, nibh orci
28
- varius lorem, at fermentum tortor ante eu massa. Fusce iaculis consectetur ante sed hendrerit. Maecenas ultricies
29
- ante sit amet mi gravida, non dapibus purus blandit. Sed vitae posuere ante. Sed sagittis dictum risus, eu
30
- eleifend nulla. Proin vel consequat lacus, a scelerisque libero. Donec quis porttitor est. Morbi imperdiet nisi
31
- quis purus cursus imperdiet. Praesent quis tellus vel risus auctor vehicula vel non velit. Nulla in porta elit.
32
- Nunc eleifend ultricies est, at elementum nulla efficitur eget. Nunc vitae dolor accumsan metus posuere euismod in
33
- ac tellus. Nam tincidunt risus nec risus eleifend, at consequat turpis pretium. Morbi fringilla, mauris quis
34
- mattis blandit, ante sapien vehicula neque, ut rutrum nibh turpis vel ipsum. Phasellus accumsan nisi at magna
35
- lobortis fermentum. Sed convallis, nisl sit amet sagittis fringilla, nibh justo volutpat arcu, a rhoncus turpis
36
- arcu at mauris. Etiam aliquet massa blandit, semper orci vitae, faucibus justo. Nunc ac sem posuere ex hendrerit
37
- luctus. Vestibulum gravida tellus odio, nec iaculis erat sollicitudin ut. Praesent egestas lacus ultrices turpis
38
- convallis volutpat. Cras facilisis posuere metus non viverra. Aliquam sed maximus magna. Integer finibus elit ac
39
- arcu ornare, vel malesuada enim consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
40
- inceptos himenaeos. Cras nec viverra purus. Suspendisse congue diam et magna feugiat, eget posuere metus posuere.
41
- Mauris rutrum, ipsum vel auctor lobortis, magna lorem vehicula ante, non dapibus justo tellus at nisi. Nullam non
42
- turpis id felis commodo commodo. Donec feugiat tellus feugiat, aliquam justo vitae, dignissim metus. Phasellus
43
- posuere dolor consectetur ornare eleifend. Pellentesque vel ante feugiat enim hendrerit ornare. Morbi sed neque
44
- non erat vehicula condimentum. Suspendisse nec pellentesque magna. Suspendisse in placerat mauris. In ut mi sed
45
- lorem lobortis commodo. Donec sed turpis magna. Quisque id ultrices magna. Mauris iaculis ultrices nisl sit amet
46
- bibendum. Quisque vel lacus nec nulla bibendum finibus quis a felis. Morbi tristique, nisl vel bibendum accumsan,
47
- sem ante ultrices felis, vel finibus metus quam mollis tortor. Sed pharetra urna in justo porttitor faucibus. Cras
48
- pulvinar sapien ac sapien pellentesque porta. Vivamus molestie convallis leo, a ornare nunc ultrices et. Donec
49
- pharetra porta mi, et vestibulum mauris dictum vitae. Donec a erat turpis. Aliquam non ligula a augue tincidunt
50
- finibus sit amet ut massa. Praesent sit amet fringilla libero, quis venenatis libero. Cras ultricies arcu urna,
51
- sed ultrices quam tempus eu. Ut in lacus ligula. Curabitur nisi eros, pellentesque et vulputate at, mollis pretium
52
- libero. Ut dignissim vestibulum ante. Cras tincidunt ex in lectus sollicitudin, et iaculis mi interdum. Praesent
53
- et scelerisque eros. Quisque sollicitudin diam vitae nisi luctus, quis elementum risus malesuada. Praesent vitae
54
- eleifend velit. In hac habitasse platea dictumst. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla turpis odio, consequat sed posuere nec, efficitur
55
- quis ligula. Nulla iaculis venenatis diam maximus malesuada. Etiam sagittis, dui sed finibus sodales, nibh orci
56
- varius lorem, at fermentum tortor ante eu massa. Fusce iaculis consectetur ante sed hendrerit. Maecenas ultricies
57
- ante sit amet mi gravida, non dapibus purus blandit. Sed vitae posuere ante. Sed sagittis dictum risus, eu
58
- eleifend nulla. Proin vel consequat lacus, a scelerisque libero. Donec quis porttitor est. Morbi imperdiet nisi
59
- quis purus cursus imperdiet. Praesent quis tellus vel risus auctor vehicula vel non velit. Nulla in porta elit.
60
- Nunc eleifend ultricies est, at elementum nulla efficitur eget. Nunc vitae dolor accumsan metus posuere euismod in
61
- ac tellus. Nam tincidunt risus nec risus eleifend, at consequat turpis pretium. Morbi fringilla, mauris quis
62
- mattis blandit, ante sapien vehicula neque, ut rutrum nibh turpis vel ipsum. Phasellus accumsan nisi at magna
63
- lobortis fermentum. Sed convallis, nisl sit amet sagittis fringilla, nibh justo volutpat arcu, a rhoncus turpis
64
- arcu at mauris. Etiam aliquet massa blandit, semper orci vitae, faucibus justo. Nunc ac sem posuere ex hendrerit
65
- luctus. Vestibulum gravida tellus odio, nec iaculis erat sollicitudin ut. Praesent egestas lacus ultrices turpis
66
- convallis volutpat. Cras facilisis posuere metus non viverra. Aliquam sed maximus magna. Integer finibus elit ac
67
- arcu ornare, vel malesuada enim consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
68
- inceptos himenaeos. Cras nec viverra purus. Suspendisse congue diam et magna feugiat, eget posuere metus posuere.
69
- Mauris rutrum, ipsum vel auctor lobortis, magna lorem vehicula ante, non dapibus justo tellus at nisi. Nullam non
70
- turpis id felis commodo commodo. Donec feugiat tellus feugiat, aliquam justo vitae, dignissim metus. Phasellus
71
- posuere dolor consectetur ornare eleifend. Pellentesque vel ante feugiat enim hendrerit ornare. Morbi sed neque
72
- non erat vehicula condimentum. Suspendisse nec pellentesque magna. Suspendisse in placerat mauris. In ut mi sed
73
- lorem lobortis commodo. Donec sed turpis magna. Quisque id ultrices magna. Mauris iaculis ultrices nisl sit amet
74
- bibendum. Quisque vel lacus nec nulla bibendum finibus quis a felis. Morbi tristique, nisl vel bibendum accumsan,
75
- sem ante ultrices felis, vel finibus metus quam mollis tortor. Sed pharetra urna in justo porttitor faucibus. Cras
76
- pulvinar sapien ac sapien pellentesque porta. Vivamus molestie convallis leo, a ornare nunc ultrices et. Donec
77
- pharetra porta mi, et vestibulum mauris dictum vitae. Donec a erat turpis. Aliquam non ligula a augue tincidunt
78
- finibus sit amet ut massa. Praesent sit amet fringilla libero, quis venenatis libero. Cras ultricies arcu urna,
79
- sed ultrices quam tempus eu. Ut in lacus ligula. Curabitur nisi eros, pellentesque et vulputate at, mollis pretium
80
- libero. Ut dignissim vestibulum ante. Cras tincidunt ex in lectus sollicitudin, et iaculis mi interdum. Praesent
81
- et scelerisque eros. Quisque sollicitudin diam vitae nisi luctus, quis elementum risus malesuada. Praesent vitae
82
- eleifend velit. In hac habitasse platea dictumst. </p> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla turpis odio, consequat sed posuere nec, efficitur
83
- quis ligula. Nulla iaculis venenatis diam maximus malesuada. Etiam sagittis, dui sed finibus sodales, nibh orci
84
- varius lorem, at fermentum tortor ante eu massa. Fusce iaculis consectetur ante sed hendrerit. Maecenas ultricies
85
- ante sit amet mi gravida, non dapibus purus blandit. Sed vitae posuere ante. Sed sagittis dictum risus, eu
86
- eleifend nulla. Proin vel consequat lacus, a scelerisque libero. Donec quis porttitor est. Morbi imperdiet nisi
87
- quis purus cursus imperdiet. Praesent quis tellus vel risus auctor vehicula vel non velit. Nulla in porta elit.
88
- Nunc eleifend ultricies est, at elementum nulla efficitur eget. Nunc vitae dolor accumsan metus posuere euismod in
89
- ac tellus. Nam tincidunt risus nec risus eleifend, at consequat turpis pretium. Morbi fringilla, mauris quis
90
- mattis blandit, ante sapien vehicula neque, ut rutrum nibh turpis vel ipsum. Phasellus accumsan nisi at magna
91
- lobortis fermentum. Sed convallis, nisl sit amet sagittis fringilla, nibh justo volutpat arcu, a rhoncus turpis
92
- arcu at mauris. Etiam aliquet massa blandit, semper orci vitae, faucibus justo. Nunc ac sem posuere ex hendrerit
93
- luctus. Vestibulum gravida tellus odio, nec iaculis erat sollicitudin ut. Praesent egestas lacus ultrices turpis
94
- convallis volutpat. Cras facilisis posuere metus non viverra. Aliquam sed maximus magna. Integer finibus elit ac
95
- arcu ornare, vel malesuada enim consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
96
- inceptos himenaeos. Cras nec viverra purus. Suspendisse congue diam et magna feugiat, eget posuere metus posuere.
97
- Mauris rutrum, ipsum vel auctor lobortis, magna lorem vehicula ante, non dapibus justo tellus at nisi. Nullam non
98
- turpis id felis commodo commodo. Donec feugiat tellus feugiat, aliquam justo vitae, dignissim metus. Phasellus
99
- posuere dolor consectetur ornare eleifend. Pellentesque vel ante feugiat enim hendrerit ornare. Morbi sed neque
100
- non erat vehicula condimentum. Suspendisse nec pellentesque magna. Suspendisse in placerat mauris. In ut mi sed
101
- lorem lobortis commodo. Donec sed turpis magna. Quisque id ultrices magna. Mauris iaculis ultrices nisl sit amet
102
- bibendum. Quisque vel lacus nec nulla bibendum finibus quis a felis. Morbi tristique, nisl vel bibendum accumsan,
103
- sem ante ultrices felis, vel finibus metus quam mollis tortor. Sed pharetra urna in justo porttitor faucibus. Cras
104
- pulvinar sapien ac sapien pellentesque porta. Vivamus molestie convallis leo, a ornare nunc ultrices et. Donec
105
- pharetra porta mi, et vestibulum mauris dictum vitae. Donec a erat turpis. Aliquam non ligula a augue tincidunt
106
- finibus sit amet ut massa. Praesent sit amet fringilla libero, quis venenatis libero. Cras ultricies arcu urna,
107
- sed ultrices quam tempus eu. Ut in lacus ligula. Curabitur nisi eros, pellentesque et vulputate at, mollis pretium
108
- libero. Ut dignissim vestibulum ante. Cras tincidunt ex in lectus sollicitudin, et iaculis mi interdum. Praesent
109
- et scelerisque eros. Quisque sollicitudin diam vitae nisi luctus, quis elementum risus malesuada. Praesent vitae
110
- eleifend velit. In hac habitasse platea dictumst. </p> <script>
111
- document.querySelector("z-breadcrumb").addEventListener("clickOnNode", (e) => console.log(e));
112
- </script> <!-- <z-breadcrumb
113
- paths='[{"text": "Primo path", "path": "/path1"}, {"text": "Secondo path", "path": "/path2"}, {"text": "Terzo path", "path": "/path3"}, {"text": "Quarto path", "path": "/path4"}, {"text": "Quinto path", "path": "/path5"}, {"text": "Sesto path", "path": "/path6"}]'
114
- type="underlined"
115
- ></z-breadcrumb>
116
-
117
- <z-breadcrumb type="semibold">
118
- <div slot="breadcrumb-content">
119
- <div><z-link href="/path1"> Prova</z-link></div>
120
- </div>
121
- </z-breadcrumb>
122
-
123
- <z-breadcrumb type="underlined">
124
- <div slot="breadcrumb-content">
125
- <div><z-link href="/path1"> Prova</z-link></div>
126
- </div>
127
- </z-breadcrumb> --> </body></html>
1
+ <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Albe test application</title> <link rel="stylesheet" type="text/css" href="/build/p-f39bb490.css"> <link rel="modulepreload" href="/build/p-a6cbf32c.js"><script type="module" src="/build/p-a6cbf32c.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body> <header> <z-app-header> <h1 slot="title">Albe test app</h1> </z-app-header> </header> <main></main> </body></html>
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as s}from"./p-d17ebc2f.js";import{h as a}from"./p-0397366d.js";import"./p-1cc1a418.js";import"./p-b497e33e.js";const e=class{constructor(s){i(this,s),this.zListItemLinkClick=t(this,"zListItemLinkClick",7),this.zListItemClick=t(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}emitZListItemLinkClick(i,t){this.zListItemLinkClick.emit({e:i,linkId:t})}emitZListItemClick(i,t){this.zListItemClick.emit({e:i,listitemid:t})}render(){const i=this.listitemid?`link_${this.listitemid}`:"";return s("li",{role:"button",id:this.listitemid,"data-action":this.action,onClick:i=>this.emitZListItemClick(i,this.listitemid),onKeyPress:i=>a(i,this.emitZListItemClick,this.listitemid)},s("span",{class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:i,onClick:t=>this.emitZListItemLinkClick(t,i),onKeyPress:t=>a(t,this.emitZListItemLinkClick,i),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",null)))}};e.style=":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--myz-blue);fill:var(--myz-blue)}";export{e as z_myz_list_item}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as e,g as s}from"./p-d17ebc2f.js";import{r as o}from"./p-1cc1a418.js";import{h as a}from"./p-0397366d.js";import{h as r}from"./p-e43e61ac.js";import"./p-b497e33e.js";import"./p-112455b1.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.PREVIEW}async open(){this.status=o.OPEN}async close(){this.status=o.CLOSED}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.PREVIEW:case o.CLOSED:this.status=o.OPEN;break;case o.OPEN:this.status=o.CLOSED}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.OPEN:"down"===t.detail.direction&&(this.status=o.CLOSED))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"content-wrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{width:inherit;height:100%;margin:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;z-index:998;top:0;right:0;bottom:0;left:0;width:0;height:0}:host>div>div.background.open{width:100%;height:100%}:host>div>div.content-wrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.content-wrapper>div{margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5);border-radius:var(--space-unit) var(--space-unit) 0 0;box-shadow:0 -2px calc(var(--space-unit) * 0.5) 0 rgb(66 69 72 / 40%)}";const h=class{constructor(i){t(this,i),this.status=o.PREVIEW}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>main{overflow:auto;border-right:var(--border-size-small) solid var(--color-surface03);border-left:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{display:block;width:100%;box-sizing:border-box;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>header{display:flex;height:36px;flex-flow:row nowrap;align-items:center;justify-content:center;border:var(--border-size-small) solid var(--color-surface03);background:var(--color-surface01);border-radius:var(--space-unit) var(--space-unit) 0 0;cursor:pointer}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as e}from"./p-d17ebc2f.js";import{e as s,I as r,K as a,m as o}from"./p-1cc1a418.js";import{h}from"./p-0397366d.js";import"./p-b497e33e.js";const d=class{constructor(e){i(this,e),this.comboboxChange=t(this,"comboboxChange",7),this.disabled=!1,this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.closesearchtext="Chiudi",this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.size=s.BIG,this.renderItemsList=[],this.itemsList=[],this.inputType=r.TEXT,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((i=>i.checked)).length,this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}inputCheckListener(i){const t=i.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if("check-all"===t&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length))return this.checkAll(i.detail.checked);this.itemsList=this.itemsList.map((e=>(e.id===t&&(e.checked=i.detail.checked),e))),this.updateRenderItemsList(),this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((i=>i.checked)).length}updateRenderItemsList(){this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}resetRenderItemsList(){const i=[];this.itemsList.forEach((t=>{i.push(Object.assign({},t))})),this.renderItemsList=i}filterItems(i){if(!i)return this.closeFilterItems();this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((t=>{const e=t.name.toUpperCase().indexOf(i.toUpperCase()),s=e+i.length,r=t.name.substring(0,e)+t.name.substring(e,s).bold()+t.name.substring(s,t.name.length);return t.name=r,e>=0}))}checkAll(i=!0){this.itemsList=this.itemsList.map((t=>Object.assign(Object.assign({},t),{checked:i}))),this.resetRenderItemsList(),this.emitComboboxChange()}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:i=>{i.keyCode===a.SPACE&&i.preventDefault()},onKeyUp:i=>h(i,this.toggleComboBox),role:"button",tabindex:0},e("p",{class:"body-3"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",class:this.size}))}renderContent(){if(this.isopen)return e("div",{class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(this.isopen)return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderItem(i,t,a){return e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:t!==a-1,class:this.size},e("z-input",{type:r.CHECKBOX,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter,size:this.size===s.X_SMALL?s.SMALL:this.size}))}renderList(i){if(i)return!i.length&&this.searchValue?this.renderNoSearchResults():this.hasgroupitems?this.renderGroups(this.itemsList):e("ul",null,i.map(((t,e)=>this.renderItem(t,e,i.length))))}renderGroups(i){const t=i.reduce(((t,e,s)=>{var r;const{category:a}=e,o=this.renderItem(e,s,i.length);return t[a]=null!==(r=t[a])&&void 0!==r?r:[],t[a].push(o),t}),{}),s=Object.entries(t).map((([i,t])=>e("z-list-group",{"divider-type":o.ELEMENT},e("span",{class:"body-3-sb z-list-group-title",slot:"header-title"},i),t.map((i=>i)))));return e("ul",null,s)}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle",class:this.size}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:i=>h(i,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(this.isopen)return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:!1,size:this.size,onInputChange:i=>{if(27===i.detail.keycode)return this.closeFilterItems();this.searchValue=i.detail.value}})}renderCheckAll(){if(this.searchValue)return;const i=this.selectedCounter===this.itemsList.length;return e("div",{class:"check-all-wrapper"},e("z-input",{type:r.CHECKBOX,checked:i,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:i?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length,size:this.size===s.X_SMALL?s.SMALL:this.size}))}render(){return e("div",{"data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}static get watchers(){return{items:["watchItems"],searchValue:["watchSearchValue"]}}};d.style=':host{display:block}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--bg-grey-700);margin:0;background-color:var(--bg-white);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header p.body-3{padding:calc(var(--space-unit) * 0.5) 0}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--gray700);outline-offset:-2px}:host>div.open>div.header:focus:focus-visible{box-shadow:none}:host>div>div.header:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>p.body-3{padding:var(--space-unit) 0;margin:0;color:var(--text-grey-800)}:host>div>.header>p.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--blue500);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-disabled01);fill:var(--color-disabled01)}:host>div.disabled .header>p.body-3{color:var(--text-grey-700)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-disabled01)}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--bg-white);border-radius:0}:host>div.open>div.open-combo-data>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--myz-blue) var(--gray200);scrollbar-width:thin}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(90deg, var(--bg-white) 2px, var(--bg-grey-200) 4px, var(--bg-white) 8px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--myz-blue);border-radius:var(--border-radius)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--myz-blue)}:host>div.open>div.open-combo-data>div.search{overflow:hidden;max-height:auto;margin-top:0;box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--myz-blue) var(--bg-grey-200);scrollbar-width:thin}:host>div.open>div.open-combo-data>div.search>div{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div.search>div>a{display:inline-block;height:44px;color:var(--myz-blue);cursor:pointer;font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}';export{d as z_combobox}