@zanichelli/albe-web-components 5.3.0 → 5.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/web-components-library.cjs.js +1 -1
  4. package/dist/cjs/z-chip.cjs.entry.js +2 -2
  5. package/dist/cjs/z-file-upload.cjs.entry.js +23 -9
  6. package/dist/cjs/z-file.cjs.entry.js +2 -2
  7. package/dist/collection/components/buttons/z-chip/index.js +1 -1
  8. package/dist/collection/components/buttons/z-chip/styles.css +2 -9
  9. package/dist/collection/components/file-upload/z-file/index.js +19 -3
  10. package/dist/collection/components/file-upload/z-file-upload/index.js +46 -11
  11. package/dist/esm/loader.js +1 -1
  12. package/dist/esm/web-components-library.js +1 -1
  13. package/dist/esm/z-chip.entry.js +2 -2
  14. package/dist/esm/z-file-upload.entry.js +23 -9
  15. package/dist/esm/z-file.entry.js +2 -2
  16. package/dist/types/components/file-upload/z-file/index.d.ts +2 -0
  17. package/dist/types/components/file-upload/z-file-upload/index.d.ts +5 -3
  18. package/dist/types/components.d.ts +12 -0
  19. package/dist/web-components-library/p-0f6229b2.entry.js +1 -0
  20. package/dist/web-components-library/p-1d4545e8.entry.js +1 -0
  21. package/dist/web-components-library/p-96ed1e2f.entry.js +1 -0
  22. package/dist/web-components-library/web-components-library.css +1 -1
  23. package/dist/web-components-library/web-components-library.esm.js +1 -1
  24. package/package.json +1 -1
  25. package/www/build/p-0f6229b2.entry.js +1 -0
  26. package/www/build/p-1d4545e8.entry.js +1 -0
  27. package/www/build/{p-88b56b6e.css → p-4c9c83c0.css} +1 -1
  28. package/www/build/p-96ed1e2f.entry.js +1 -0
  29. package/www/build/p-d1b00b57.js +1 -0
  30. package/www/build/web-components-library.css +1 -1
  31. package/www/build/web-components-library.esm.js +1 -1
  32. package/www/index.html +1 -1
  33. package/www/pages/file-upload.html +97 -54
  34. package/dist/web-components-library/p-b6794d0f.entry.js +0 -1
  35. package/dist/web-components-library/p-d986d368.entry.js +0 -1
  36. package/dist/web-components-library/p-f2962121.entry.js +0 -1
  37. package/www/build/p-388b2ac4.js +0 -1
  38. package/www/build/p-b6794d0f.entry.js +0 -1
  39. package/www/build/p-d986d368.entry.js +0 -1
  40. package/www/build/p-f2962121.entry.js +0 -1
@@ -1,47 +1,84 @@
1
1
  <!DOCTYPE html>
2
2
  <html dir="ltr" lang="en">
3
-
4
- <head>
3
+ <head>
5
4
  <meta charset="utf-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
5
+ <meta
6
+ name="viewport"
7
+ content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
8
+ />
7
9
  <title>Stencil Component Starter</title>
8
- <link rel="stylesheet" type="text/css" href="/build/web-components-library.css" />
10
+ <link
11
+ rel="stylesheet"
12
+ type="text/css"
13
+ href="/build/web-components-library.css"
14
+ />
9
15
  <script type="module" src="/build/web-components-library.esm.js"></script>
10
16
  <script nomodule src="/build/web-components-library.js"></script>
11
17
  <style>
12
- .main-container {
13
- height: 500px;
14
- background: white;
15
- }
18
+ .main-container {
19
+ height: 500px;
20
+ background: white;
21
+ }
16
22
  </style>
17
- </head>
23
+ </head>
18
24
 
19
- <body style="width: 100%;margin: 0; background-color: #f9f9f9;">
25
+ <body style="width: 100%; margin: 0; background-color: #f9f9f9">
20
26
  <z-app-topbar hashtag="via crucis">
21
- <z-logo slot="logo" width="138" height="36" imagealt="zanichelli-logo" link="https://www.zanichelli.it"
22
- targetblank>
23
- </z-logo>
24
- <z-link textcolor="white" big icon="support-filled" slot="actions" href="./pages/notification.html">Notification
25
- </z-link>
26
- <z-link textcolor="white" big icon="shopping-cart-filled" slot="actions" href="#">Carrello</z-link>
27
- <z-user-dropdown userfullname="docente di calabresi per italiani" logged="false" slot="login"></z-user-dropdown>
28
- <z-app-switcher slot="app-switcher"></z-app-switcher>
27
+ <z-logo
28
+ slot="logo"
29
+ width="138"
30
+ height="36"
31
+ imagealt="zanichelli-logo"
32
+ link="https://www.zanichelli.it"
33
+ targetblank
34
+ >
35
+ </z-logo>
36
+ <z-link
37
+ textcolor="white"
38
+ big
39
+ icon="support-filled"
40
+ slot="actions"
41
+ href="./pages/notification.html"
42
+ >Notification
43
+ </z-link>
44
+ <z-link
45
+ textcolor="white"
46
+ big
47
+ icon="shopping-cart-filled"
48
+ slot="actions"
49
+ href="#"
50
+ >Carrello</z-link
51
+ >
52
+ <z-user-dropdown
53
+ userfullname="docente di calabresi per italiani"
54
+ logged="false"
55
+ slot="login"
56
+ ></z-user-dropdown>
57
+ <z-app-switcher slot="app-switcher"></z-app-switcher>
29
58
  </z-app-topbar>
30
59
  <div class="main-container">
31
- <div style="margin: 10px">
32
- <!-- <form action="https://api-catalogo.zanichelli.local/v3/file-upload" enctype="multipart/form-data" method="POST"> -->
33
- <z-file-upload type="default"
34
- button-variant="primary"
35
- main-title="Allega un file"
36
- description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
37
- accepted-format= ".pdf, .doc, .tiff, .png, .jpg, .jpeg"
38
- file-max-size="50">
39
- </z-file-upload>
40
- <!-- <input type="submit" value="INVIA"> -->
41
- <!-- </form> -->
42
- </div>
60
+ <div style="margin: 10px">
61
+ <!-- <form action="https://api-catalogo.zanichelli.local/v3/file-upload" enctype="multipart/form-data" method="POST"> -->
62
+ <z-file-upload
63
+ type="default"
64
+ button-variant="primary"
65
+ main-title="Allega un file"
66
+ description="Vuoi allegare un file per chiarire meglio la tua richiesta?"
67
+ accepted-format=".pdf, .doc, .tiff, .png, .jpg, .jpeg"
68
+ file-max-size="50"
69
+ >
70
+ </z-file-upload>
71
+ <br />
72
+ <z-button id="getFilesBtn" variant="secondary" size="small"
73
+ >get files</z-button
74
+ >
75
+ <!-- <input type="submit" value="INVIA"> -->
76
+ <!-- </form> -->
77
+ </div>
43
78
  </div>
44
- <z-footer copyrightuser='Zanichelli' data='{
79
+ <z-footer
80
+ copyrightuser="Zanichelli"
81
+ data='{
45
82
  "zanichelliLinks": [{
46
83
  "title": "Zanichelli.it",
47
84
  "items": [{
@@ -206,31 +243,37 @@
206
243
  "label": "Privacy",
207
244
  "link": "https://my.zanichelli.it/privacy"
208
245
  }]
209
- }'></z-footer>
210
- <script>
211
-
212
- async function postData(item){
246
+ }'
247
+ ></z-footer>
248
+ <script>
249
+ async function postData(item) {
213
250
  const form = new FormData();
214
251
  form.append("attachments[]", item, item.name);
215
- await fetch('https://api-catalogo.zanichelli.local/v3/file-upload', {
216
- method: 'POST',
217
- body: form
218
- })
219
- }
252
+ await fetch("https://api-catalogo.zanichelli.local/v3/file-upload", {
253
+ method: "POST",
254
+ body: form,
255
+ });
256
+ }
220
257
 
221
- let fileNumber = 0;
222
- const uploader = document.querySelector("z-file-upload");
223
- document.addEventListener("fileInput", (e) => {
224
- /* const items = postData(e.detail); */
225
- fileNumber++;
226
- const item = e.detail
227
- const chip = document.createElement('Z-FILE')
228
- chip.setAttribute('slot', 'files')
229
- chip.setAttribute('file-number', fileNumber)
230
- chip.innerText = item.name
231
- uploader.appendChild(chip);
232
- })
233
- </script>
234
- </body>
258
+ let fileNumber = 0;
259
+ const uploader = document.querySelector("z-file-upload");
260
+ document.addEventListener("fileInput", (e) => {
261
+ /* const items = postData(e.detail); */
262
+ fileNumber++;
263
+ const item = e.detail;
264
+ const chip = document.createElement("Z-FILE");
265
+ chip.setAttribute("slot", "files");
266
+ chip.setAttribute("file-number", fileNumber);
267
+ chip.setAttribute("file-name", item.name);
268
+ uploader.appendChild(chip);
269
+ });
235
270
 
271
+ const getFilesBtn = document.querySelector("#getFilesBtn");
272
+ getFilesBtn.addEventListener("click", () => {
273
+ uploader.getFiles().then((files) => {
274
+ console.log(files);
275
+ });
276
+ });
277
+ </script>
278
+ </body>
236
279
  </html>
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as e,H as s,g as o}from"./p-98268a57.js";import{k as l,P as n}from"./p-0c3e7bc3.js";import{t as r}from"./p-d69e14fb.js";const h=class{constructor(e){i(this,e),this.removeFile=t(this,"removeFile",7),this.allowPopover=!1,this.popoverVisible=!1}removeFileHandler(){this.removeFile.emit(),this.el.remove()}onMouseOver(){this.popoverVisible=!0}onMouseLeave(){this.popoverVisible=!1}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var i,t;this.elementHasEllipsis()&&window.innerWidth>r&&(this.allowPopover=!0),null===(t=null===(i=this.icon)||void 0===i?void 0:i.focus)||void 0===t||t.call(i)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return e(s,null,this.allowPopover&&e("z-popover",{open:this.popoverVisible,position:n.auto,bindTo:this.chip},e("span",{class:"body-5 tooltip-content"},this.ellipsis.innerText)),e("z-chip",{ref:i=>this.chip=i,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:l.default},e("span",{ref:i=>this.ellipsis=i,tabIndex:-1},e("slot",null))))}get el(){return o(this)}};h.style=".sc-z-file-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:relative}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.33;letter-spacing:0.32px;display:block}";export{h as z_file}
@@ -1 +0,0 @@
1
- import{r as i,c,h,g as s}from"./p-98268a57.js";import{k as t,D as o}from"./p-0c3e7bc3.js";import{g as r,h as e}from"./p-5aa819f8.js";import"./p-d69e14fb.js";const a=class{constructor(h){i(this,h),this.interactiveIconClick=c(this,"interactiveIconClick",7),this.type=t.default,this.disabled=!1}emitinteractiveIconClick(){this.interactiveIconClick.emit()}getIconSize(){return r()!==o.desktop?22:14}render(){return this.interactiveIcon?h("button",{class:this.type,disabled:this.disabled,tabindex:"0"},this.icon&&h("z-icon",{class:"iconSx",name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null),h("z-icon",{tabIndex:this.disabled?-1:0,onClick:()=>this.emitinteractiveIconClick(),onKeyUp:i=>e(i,this.emitinteractiveIconClick.bind(this)),name:this.interactiveIcon,width:this.getIconSize(),height:this.getIconSize()})):h("div",{class:`${this.type}`,tabindex:"0"},this.icon&&h("z-icon",{name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null))}get el(){return s(this)}};a.style=".sc-z-chip-h>button.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--gray400);border-radius:14px;color:var(--color-primary01);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled),.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:last-child{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{cursor:pointer}.sc-z-chip-h>button.sc-z-chip>z-icon.iconSx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{margin-left:var(--space-unit);fill:var(--color-primary01)}.sc-z-chip-h>button.sc-z-chip:disabled,.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>button.sc-z-chip:disabled{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>button.sc-z-chip:focus:focus-visible,.sc-z-chip-h>div.sc-z-chip:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active{background-color:var(--gray50);text-decoration:underline}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active:hover,.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;align-items:center;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;line-height:44px;border-radius:22px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;line-height:40px;border-radius:22px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;line-height:36px;border-radius:22px}@media only screen and (min-width: 1152px){.sc-z-chip-h>button.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;line-height:32px;border-radius:16px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;line-height:28px;border-radius:16px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;line-height:24px;border-radius:16px}}";export{a as z_chip}
@@ -1 +0,0 @@
1
- import{r as i,c as e,h as l,g as t}from"./p-98268a57.js";import{l as a,D as s,b as n}from"./p-0c3e7bc3.js";import{g as o}from"./p-5aa819f8.js";import"./p-d69e14fb.js";const r=class{constructor(l){i(this,l),this.fileInput=e(this,"fileInput",7),this.type=a.default,this.filesNumber=0,this.inputAttributes={type:"file",id:"fileElem",multiple:!0}}removeFileListener(){this.filesNumber--}fileDroppedListener(i){this.input.files=i.detail,this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility(),this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map,this.type===a.dragdrop&&o()!==s.desktop&&(this.type=a.default)}fileInputHandler(){this.input.files.length&&(this.invalidFiles=this.checkFiles(Array.from(this.input.files)))}handleAccessibility(){this.filesNumber>0?this.el.querySelector("z-file:last-child z-chip button").focus():this.type===a.default?this.button.shadowRoot.querySelector("button").focus():this.uploadLink.focus()}checkFiles(i){let e=new Map;const l=`supera i ${this.fileMaxSize}MB`;return i.forEach((i=>{const t=i.size/1024/1024,a=this.acceptedFormat.split(",").some((e=>i.name.toLowerCase().endsWith(e.trim()))),s=t<=this.fileMaxSize;if(s&&a)return this.fileInput.emit(i),this.filesNumber++,void(this.input.value="");e.set(i.name,[]),s||e.get(i.name).push(l),a||e.get(i.name).push(" ha un'estensione non prevista")})),e}renderTitle(){return l("z-heading",{id:"title",variant:"semibold",level:2},this.mainTitle)}renderDescription(i,e){return l("z-body",{variant:i,level:e},this.description)}renderAllowedFileExtensions(){let i="",e="";return this.acceptedFormat&&(i=` nei formati ${this.acceptedFormat.split(", ").map((i=>i.substring(1).toUpperCase())).join(", ")}`),this.fileMaxSize&&(e=` per un massimo di ${this.fileMaxSize}MB di peso`),l("z-body",{level:3},i||e?`Puoi allegare file${i}${e}.`:null)}renderFileSection(){return this.filesNumber>0&&l("section",{class:"files-container"},l("z-heading",{variant:"semibold",level:4},"File appena caricati"),l("div",{class:"files"},l("slot",{name:"files"})),l("z-divider",{size:n.medium}))}renderInput(){return l("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:i=>this.input=i}))}renderUploadButton(){return[this.renderInput(),l("z-button",{onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:i=>this.button=i},"Allega")]}renderUploadLink(){return[this.renderInput(),l("z-body",{class:"upload-link-text",variant:"regular",level:1},"Trascinalo qui o"," ",l("z-body",{tabIndex:0,class:"upload-link",onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},variant:"semibold",level:1,ref:i=>this.uploadLink=i},"caricalo")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("semibold",3),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),l("z-dragdrop-area",null,l("div",{class:"text-container"},this.renderDescription("regular",1),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(i,e){var l,t;return`Il file ${i} ${null!==(l=e[0])&&void 0!==l?l:""}${e[0]&&e[1]?", ":""} ${null!==(t=e[1])&&void 0!==t?t:""} e non può quindi essere caricato.`}handleErrorModalContent(){return l("div",{slot:"modalContent"},l("div",{class:"modalWrapper"},l("div",{class:"files"},Array.from(this.invalidFiles).map((([i,e])=>l("z-body",{variant:"regular",level:3},this.formatErrorString(i,e)))))))}render(){return[l("div",{tabIndex:0,class:`container ${this.type}`},this.renderTitle(),this.type==a.default?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&l("z-modal",{tabIndex:0,ref:i=>this.errorModal=i,modaltitle:"Attenzione",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent())]}get el(){return t(this)}};r.style=".sc-z-file-upload-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-text01)}.sc-z-file-upload-h>.container.sc-z-file-upload{display:flex;flex-direction:column}.sc-z-file-upload-h .modalWrapper.sc-z-file-upload{display:flex;justify-content:center;align-items:center}.sc-z-file-upload-h .modalWrapper.sc-z-file-upload>.files.sc-z-file-upload{margin:calc(var(--space-unit) * 4);display:flex;flex-direction:column;gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto}.sc-z-file-upload-h .text-container.sc-z-file-upload z-body.sc-z-file-upload{text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-link-primary);cursor:pointer}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}input#fileElem.sc-z-file-upload{display:none}#title.sc-z-file-upload{display:inline-block;margin-bottom:var(--space-unit)}.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{display:inline-block;margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-heading.sc-z-file-upload{display:inline-block;margin:calc(var(--space-unit) * 3) 0}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>.files.sc-z-file-upload{display:flex;flex-wrap:wrap;row-gap:calc(var(--space-unit) * 2);column-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-divider.sc-z-file-upload{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}}";export{r as z_file_upload}
@@ -1 +0,0 @@
1
- import{p as e,b as i}from"./p-98268a57.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-2170b49c",[[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]],[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"]]],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[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],"isTyping":[32],"passwordHidden":[32],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-input-message",{"message":[1],"status":[513]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-3700ad63",[[1,"z-footer",{"data":[1],"productName":[1,"product-name"],"productVersion":[1,"product-version"],"productCreditsLink":[1,"product-credits-link"],"showReportAProblemButton":[4,"show-report-a-problem-button"],"contentMaxWidth":[2,"content-max-width"]},[[0,"zLinkClick","zLinkClickListener"]]]]],["p-f2962121",[[6,"z-file-upload",{"type":[1537],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"filesNumber":[32],"invalidFiles":[32]},[[0,"removeFile","removeFileListener"],[0,"fileDropped","fileDroppedListener"]]]]],["p-ba76f52b",[[2,"z-input-deprecated",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]]]],["p-d5e67db8",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-9504d075",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-96bf5b15",[[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]]]],["p-f5f15b8e",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[513,"popover-position"]}]]],["p-2ed37f62",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-b621a765",[[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-215adfd1",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-223566d6",[[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-4d9667dc",[[4,"z-table-header-row",{"expandable":[516]}]]],["p-d4c5085b",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-0146081c",[[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-b6794d0f",[[6,"z-file",{"fileNumber":[2,"file-number"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-80f26a20",[[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}]]],["p-cb3663e6",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-040ea013",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-aba00527",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-766eb9cf",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["p-71e8c2af",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["p-cb4a854e",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-104b70e5",[[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]]]],["p-79408b00",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-e82cee27",[[1,"z-button-deprecated",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}]]],["p-b574d5f6",[[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}]]],["p-7ebb03d8",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-35573e0e",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]]]],["p-8cf3798f",[[4,"z-carousel",{"isLoading":[4,"is-loading"],"ghostLoadingHeight":[2,"ghost-loading-height"]}]]],["p-d0fea19f",[[1,"z-icon-package"]]],["p-9260abad",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-3a991f9c",[[1,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"open":[32],"currentIndex":[32]}]]],["p-9c7cf598",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-41c5beec",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-6375f662",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-e5eb1fa4",[[0,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"icon":[1],"label":[1],"htmlTitle":[1,"html-title"]},[[0,"click","onClick"]]]]],["p-faeb0c6e",[[0,"z-navigation-tab-link",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513],"htmlTitle":[1,"html-title"],"target":[1],"href":[1],"icon":[1],"label":[1]},[[0,"click","onClick"]]]]],["p-07ae4f7d",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","onTabSelected"]]]]],["p-33f74396",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516]}]]],["p-c284139b",[[1,"z-pocket-message"]]],["p-e6fb8b76",[[1,"z-section-title",{"dividerPosition":[1,"divider-position"],"uppercase":[516]}]]],["p-1c790896",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-ac52264c",[[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}]]],["p-e17ca1a1",[[6,"z-tag",{"icon":[1],"expandable":[4]}]]],["p-7e691a4e",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-02474663",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}]]],["p-afed0692",[[6,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-8712d63f",[[1,"z-tooltip",{"position":[1537],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"]},[[0,"openChange","onPopoverOpenChange"]]]]],["p-e4a2811a",[[4,"z-aria-alert",{"mode":[1]}]]],["p-846f16e8",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-ab5f212d",[[1,"z-chip-deprecated",{"regulartext":[1],"boldtext":[2]}]]],["p-39dbb042",[[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-578a5ad1",[[1,"z-myz-card-footer-sections"]]],["p-7f2fa336",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-5e3b8207",[[6,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513]}]]],["p-97d62d2a",[[6,"z-popover-deprecated",{"position":[1],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32],"popoverPosition":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]]]],["p-e2560604",[[1,"z-stepper"]]],["p-9352da73",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-105b82a6",[[6,"z-table-body"]]],["p-d4927410",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-4aaf3433",[[6,"z-table-footer"]]],["p-6baa8e33",[[6,"z-table-head"]]],["p-6bb8de3e",[[6,"z-table-sticky-footer"]]],["p-91cbf793",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-3ade68ff",[[1,"z-tooltip-deprecated",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}]]],["p-f6a11970",[[1,"z-visually-hidden"]]],["p-4965b6db",[[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-a73195b6",[[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}]]],["p-2de00f19",[[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}]]],["p-d986d368",[[6,"z-chip",{"icon":[1],"type":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516]}]]],["p-7f48b622",[[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}]]],["p-a9eea65b",[[1,"z-alert",{"type":[1]}]]],["p-a759ab46",[[1,"z-candybar"]]],["p-5789bbe7",[[1,"z-ghost-loading"]]],["p-78e26102",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}]]],["p-878e62e2",[[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],"isOpen":[32],"selectedItem":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}]]],["p-818c073b",[[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}]]],["p-bd886dd5",[[6,"z-dragdrop-area"],[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-3fc438b7",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}]]],["p-cb13d050",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["p-3d748f0d",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-eddde828",[[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-977c81d3",[[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-27666111",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list",{"size":[513]}]]],["p-1356eb90",[[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"]]]]],["p-b369bf2f",[[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]}]]],["p-2c836d42",[[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}]]]]'),e)));
@@ -1 +0,0 @@
1
- import{r as i,c as t,h as e,H as s,g as o}from"./p-98268a57.js";import{k as l,P as n}from"./p-0c3e7bc3.js";import{t as r}from"./p-d69e14fb.js";const h=class{constructor(e){i(this,e),this.removeFile=t(this,"removeFile",7),this.allowPopover=!1,this.popoverVisible=!1}removeFileHandler(){this.removeFile.emit(),this.el.remove()}onMouseOver(){this.popoverVisible=!0}onMouseLeave(){this.popoverVisible=!1}onInteractiveIconClick(){this.removeFileHandler()}componentDidLoad(){var i,t;this.elementHasEllipsis()&&window.innerWidth>r&&(this.allowPopover=!0),null===(t=null===(i=this.icon)||void 0===i?void 0:i.focus)||void 0===t||t.call(i)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return e(s,null,this.allowPopover&&e("z-popover",{open:this.popoverVisible,position:n.auto,bindTo:this.chip},e("span",{class:"body-5 tooltip-content"},this.ellipsis.innerText)),e("z-chip",{ref:i=>this.chip=i,id:`chip-${this.fileNumber}`,interactiveIcon:"multiply-circled",type:l.default},e("span",{ref:i=>this.ellipsis=i,tabIndex:-1},e("slot",null))))}get el(){return o(this)}};h.style=".sc-z-file-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:relative}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.33;letter-spacing:0.32px;display:block}";export{h as z_file}
@@ -1 +0,0 @@
1
- import{r as i,c,h,g as s}from"./p-98268a57.js";import{k as t,D as o}from"./p-0c3e7bc3.js";import{g as r,h as e}from"./p-5aa819f8.js";import"./p-d69e14fb.js";const a=class{constructor(h){i(this,h),this.interactiveIconClick=c(this,"interactiveIconClick",7),this.type=t.default,this.disabled=!1}emitinteractiveIconClick(){this.interactiveIconClick.emit()}getIconSize(){return r()!==o.desktop?22:14}render(){return this.interactiveIcon?h("button",{class:this.type,disabled:this.disabled,tabindex:"0"},this.icon&&h("z-icon",{class:"iconSx",name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null),h("z-icon",{tabIndex:this.disabled?-1:0,onClick:()=>this.emitinteractiveIconClick(),onKeyUp:i=>e(i,this.emitinteractiveIconClick.bind(this)),name:this.interactiveIcon,width:this.getIconSize(),height:this.getIconSize()})):h("div",{class:`${this.type}`,tabindex:"0"},this.icon&&h("z-icon",{name:this.icon,width:this.getIconSize(),height:this.getIconSize()}),h("slot",null))}get el(){return s(this)}};a.style=".sc-z-chip-h>button.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--gray400);border-radius:14px;color:var(--color-primary01);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled),.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:last-child{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{cursor:pointer}.sc-z-chip-h>button.sc-z-chip>z-icon.iconSx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{margin-left:var(--space-unit);fill:var(--color-primary01)}.sc-z-chip-h>button.sc-z-chip:disabled,.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>button.sc-z-chip:disabled{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>button.sc-z-chip:focus:focus-visible,.sc-z-chip-h>div.sc-z-chip:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active{background-color:var(--gray50);text-decoration:underline}.sc-z-chip-h>button.sc-z-chip:not(:disabled):active:hover,.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;align-items:center;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;line-height:44px;border-radius:22px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;line-height:40px;border-radius:22px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;line-height:36px;border-radius:22px}@media only screen and (min-width: 1152px){.sc-z-chip-h>button.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;line-height:32px;border-radius:16px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;line-height:28px;border-radius:16px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;line-height:24px;border-radius:16px}}";export{a as z_chip}
@@ -1 +0,0 @@
1
- import{r as i,c as e,h as l,g as t}from"./p-98268a57.js";import{l as a,D as s,b as n}from"./p-0c3e7bc3.js";import{g as o}from"./p-5aa819f8.js";import"./p-d69e14fb.js";const r=class{constructor(l){i(this,l),this.fileInput=e(this,"fileInput",7),this.type=a.default,this.filesNumber=0,this.inputAttributes={type:"file",id:"fileElem",multiple:!0}}removeFileListener(){this.filesNumber--}fileDroppedListener(i){this.input.files=i.detail,this.fileInputHandler()}componentDidUpdate(){this.handleAccessibility(),this.invalidFiles.size&&this.errorModal.focus()}componentWillLoad(){this.invalidFiles=new Map,this.type===a.dragdrop&&o()!==s.desktop&&(this.type=a.default)}fileInputHandler(){this.input.files.length&&(this.invalidFiles=this.checkFiles(Array.from(this.input.files)))}handleAccessibility(){this.filesNumber>0?this.el.querySelector("z-file:last-child z-chip button").focus():this.type===a.default?this.button.shadowRoot.querySelector("button").focus():this.uploadLink.focus()}checkFiles(i){let e=new Map;const l=`supera i ${this.fileMaxSize}MB`;return i.forEach((i=>{const t=i.size/1024/1024,a=this.acceptedFormat.split(",").some((e=>i.name.toLowerCase().endsWith(e.trim()))),s=t<=this.fileMaxSize;if(s&&a)return this.fileInput.emit(i),this.filesNumber++,void(this.input.value="");e.set(i.name,[]),s||e.get(i.name).push(l),a||e.get(i.name).push(" ha un'estensione non prevista")})),e}renderTitle(){return l("z-heading",{id:"title",variant:"semibold",level:2},this.mainTitle)}renderDescription(i,e){return l("z-body",{variant:i,level:e},this.description)}renderAllowedFileExtensions(){let i="",e="";return this.acceptedFormat&&(i=` nei formati ${this.acceptedFormat.split(", ").map((i=>i.substring(1).toUpperCase())).join(", ")}`),this.fileMaxSize&&(e=` per un massimo di ${this.fileMaxSize}MB di peso`),l("z-body",{level:3},i||e?`Puoi allegare file${i}${e}.`:null)}renderFileSection(){return this.filesNumber>0&&l("section",{class:"files-container"},l("z-heading",{variant:"semibold",level:4},"File appena caricati"),l("div",{class:"files"},l("slot",{name:"files"})),l("z-divider",{size:n.medium}))}renderInput(){return l("input",Object.assign({},this.inputAttributes,{onChange:()=>this.fileInputHandler(),accept:this.acceptedFormat,ref:i=>this.input=i}))}renderUploadButton(){return[this.renderInput(),l("z-button",{onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},id:"fileSelect",variant:this.buttonVariant,icon:"upload",ref:i=>this.button=i},"Allega")]}renderUploadLink(){return[this.renderInput(),l("z-body",{class:"upload-link-text",variant:"regular",level:1},"Trascinalo qui o"," ",l("z-body",{tabIndex:0,class:"upload-link",onClick:()=>this.input.click(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.input.click())},variant:"semibold",level:1,ref:i=>this.uploadLink=i},"caricalo")," ","dal tuo computer")]}renderDefaultMode(){return[this.renderDescription("semibold",3),this.renderAllowedFileExtensions(),this.renderFileSection(),this.renderUploadButton()]}renderDragDropMode(){return[this.renderFileSection(),l("z-dragdrop-area",null,l("div",{class:"text-container"},this.renderDescription("regular",1),this.renderUploadLink(),this.renderAllowedFileExtensions()))]}formatErrorString(i,e){var l,t;return`Il file ${i} ${null!==(l=e[0])&&void 0!==l?l:""}${e[0]&&e[1]?", ":""} ${null!==(t=e[1])&&void 0!==t?t:""} e non può quindi essere caricato.`}handleErrorModalContent(){return l("div",{slot:"modalContent"},l("div",{class:"modalWrapper"},l("div",{class:"files"},Array.from(this.invalidFiles).map((([i,e])=>l("z-body",{variant:"regular",level:3},this.formatErrorString(i,e)))))))}render(){return[l("div",{tabIndex:0,class:`container ${this.type}`},this.renderTitle(),this.type==a.default?this.renderDefaultMode():this.renderDragDropMode()),!!this.invalidFiles.size&&l("z-modal",{tabIndex:0,ref:i=>this.errorModal=i,modaltitle:"Attenzione",onModalClose:()=>this.invalidFiles=new Map,onModalBackgroundClick:()=>this.invalidFiles=new Map},this.handleErrorModalContent())]}get el(){return t(this)}};r.style=".sc-z-file-upload-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-text01)}.sc-z-file-upload-h>.container.sc-z-file-upload{display:flex;flex-direction:column}.sc-z-file-upload-h .modalWrapper.sc-z-file-upload{display:flex;justify-content:center;align-items:center}.sc-z-file-upload-h .modalWrapper.sc-z-file-upload>.files.sc-z-file-upload{margin:calc(var(--space-unit) * 4);display:flex;flex-direction:column;gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto}.sc-z-file-upload-h .text-container.sc-z-file-upload z-body.sc-z-file-upload{text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-link-primary);cursor:pointer}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}input#fileElem.sc-z-file-upload{display:none}#title.sc-z-file-upload{display:inline-block;margin-bottom:var(--space-unit)}.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{display:inline-block;margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-heading.sc-z-file-upload{display:inline-block;margin:calc(var(--space-unit) * 3) 0}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>.files.sc-z-file-upload{display:flex;flex-wrap:wrap;row-gap:calc(var(--space-unit) * 2);column-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.container.sc-z-file-upload>.files-container.sc-z-file-upload>z-divider.sc-z-file-upload{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}}";export{r as z_file_upload}