@zanichelli/albe-web-components 3.0.0 → 3.1.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.
package/www/index.html CHANGED
@@ -1,51 +1,51 @@
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>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/p-fcff1237.css"> <link rel="modulepreload" href="/build/p-2e24f261.js"><script type="module" src="/build/p-2e24f261.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> <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"><title>Stencil Component Starter</title><link rel="stylesheet" type="text/css" href="/build/p-fcff1237.css"><script type="module" src="/build/web-components-library.esm.js"></script><script nomodule="" src="/build/web-components-library.js"></script></head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <header> <z-app-topbar show-app-switcher="true" topbar-content="[{&quot;label&quot;: &quot;Assistenza&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;, &quot;icon&quot;: &quot;support&quot;}, {&quot;label&quot;: &quot;Contattaci&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;, &quot;icon&quot;: &quot;question-mark-circle&quot;}, {&quot;label&quot;: &quot;Carrello&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;, &quot;icon&quot;: &quot;shopping-cart&quot;}]" content-max-width="800"> <z-app-switcher id="myappswitcher" slot="login"></z-app-switcher></z-app-topbar> </header> <div class="body" style="display: flex; height: calc(100vh - 48px);"> <z-offcanvas id="mycanvas" transitiondirection="right" variant="overlay"> <div slot="canvasContent"> <div> <z-button-deprecated id="canvas-button">chiudi</z-button-deprecated> </div> <span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non
2
- urna ac urna aliquet lacinia eu ac augue. Nullam consectetur rutrum
3
- ultrices. Cras eros ex, cursus nec nisi sed, porttitor fringilla
4
- metus. Etiam eleifend fringilla quam et tincidunt. Cras gravida,
5
- tortor at consectetur iaculis, lacus eros sagittis magna, ac iaculis
6
- orci augue in dolor. Nullam nibh orci, maximus vel tempor sit amet,
7
- scelerisque eget velit. Quisque dignissim non dolor iaculis
8
- scelerisque. Cras at lectus arcu. Morbi dignissim fermentum magna,
9
- sed interdum leo condimentum et. Sed vitae consectetur leo, vel
10
- placerat turpis. Donec sagittis rutrum felis, eu consequat tortor
11
- efficitur in. Vivamus non nunc vehicula, laoreet lorem id, molestie
12
- eros. Etiam ornare at turpis ut suscipit. Nulla non diam eget lorem
13
- hendrerit imperdiet. Integer maximus quam non ligula lacinia
14
- pharetra. Mauris ullamcorper ligula nec elit pellentesque, a
15
- pellentesque mauris tristique. Maecenas tortor enim, rutrum ornare
16
- tincidunt sed, tempor vitae urna. Class aptent taciti sociosqu ad
17
- litora torquent per conubia nostra, per inceptos himenaeos. Fusce
18
- feugiat egestas mollis. In eleifend neque quis tellus bibendum
19
- sodales. Curabitur mattis, magna maximus volutpat dapibus, velit
20
- nibh dictum elit, eu sodales leo elit vel odio. Quisque sit amet
21
- lorem molestie sapien interdum faucibus. Nunc in ex nisi. In hac
22
- habitasse platea dictumst. Maecenas dictum, nunc at finibus dapibus,
23
- nunc ligula congue odio, in hendrerit dui mauris vel magna. Vivamus
24
- sapien dui, eleifend auctor ornare vitae, aliquet in mi. Ut eget
25
- risus ex. Vivamus pharetra tellus in volutpat faucibus. Suspendisse
26
- interdum sapien ut dui molestie ullamcorper. Ut iaculis, nunc
27
- tincidunt posuere convallis, metus lorem mattis mi, nec ullamcorper
28
- mi ligula sit amet leo. Fusce at lectus risus. Aliquam tempor
29
- sollicitudin ullamcorper. Quisque eget dignissim purus. Nullam
30
- convallis purus a sem varius tincidunt ut in dui. Pellentesque
31
- habitant morbi tristique senectus et netus et malesuada fames ac
32
- turpis egestas. Curabitur fermentum rutrum nibh, nec vulputate nisi
33
- mollis in. Nullam venenatis metus nulla, at rhoncus neque gravida
34
- non. Nam vehicula mollis nunc nec faucibus. Phasellus eu turpis
35
- purus. Proin aliquam, ipsum non rutrum tincidunt, erat metus laoreet
36
- augue, facilisis ultricies magna tellus sed neque. Suspendisse quis
37
- tristique lorem. Pellentesque diam urna, congue et massa in, laoreet
38
- aliquet nibh.mybutton Ut vitae ligula eu elit ornare gravida.
39
- Vivamus ultricies, augue in fermentum tempus, purus ligula aliquet
40
- sapien, viverra condimentum tortor ante et est. Vivamus ex urna,
41
- gravida a enim auctor, ultrices ornare turpis. Quisque at lacus
42
- massa. Nulla facilisi. Ut id quam at ante sagittis posuere vitae sit
43
- amet sem. Fusce suscipit ante pellentesque felis facilisis
44
- tincidunt. </span> </div> </z-offcanvas> <div class="content" style="height: 100%; overflow-y: scroll; flex: 1;"> <section> <h4>z-card default variant</h4> <div class="z-cards"> <z-card clickable=""> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" showshadow="" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card border variant</h4> <div class="z-cards"> <z-card clickable="" variant="border"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" cover-icon="play-filled" showshadow=""> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-text-inverse"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card shadow variant</h4> <div class="z-cards"> <z-card clickable="" variant="shadow"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card overlay variant</h4> <div class="z-cards"> <z-card clickable="" variant="overlay"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="overlay" showshadow="" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card.Some description
45
- for the content of the card.Some description for the content of
46
- the card.Some description for the content of the card.Some
47
- description for the content of the card.Some description for the
48
- content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>Text</h4> <div class="z-cards"> <z-card variant="text" showshadow="" style="--z-card--text-background: var(--color-secondary02); color: white;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-surface01"></z-icon> <z-icon name="delete" slot="action" fill="color-surface01"></z-icon> </z-card> <z-card clickable="" id="mycard" variant="text" style="--z-card--text-background: var(--color-primary01); color: white; --z-card--text-border-radius: 4px;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-surface01"></z-icon> <z-icon name="delete" slot="action" fill="color-surface01"></z-icon> </z-card> <z-card clickable="" variant="text" style="--z-card--text-border: 2px solid black; --z-card--text-border-radius: 4px;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-primary01"></z-icon> <z-icon name="delete" slot="action" fill="color-primary01"></z-icon> </z-card> <z-card clickable="" variant="text" showshadow="" style="--z-card--text-border: 1px solid black;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-primary01"></z-icon> <z-icon name="delete" slot="action" fill="color-primary01"></z-icon> </z-card> </div> <div class="z-cards"> <z-card clickable="" variant="text" style="--z-card--text-border: 1px solid var(--z-card--border-color); --z-card--text-border-radius: 4px;"> <h3 slot="title">Aula di lettere</h3> <p class="body-3" slot="text"> Descrizione breve dell'applicazione </p> <z-icon name="chevron-right-filled" slot="action" fill="color-primary01"></z-icon> </z-card> </div> </section> </div> </div> <div style="width: 800px; border: 2px solid black; padding: 20px; margin: 50px;"> <z-carousel isloading="true" style="--z-carousel-gutter: 24px;"> <li> <div style="width: 200px; height: 200px; background-color: red;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: yellow;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: blue;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: green;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: purple;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: orange;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: grey;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: black;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: pink;"></div> </li> </z-carousel> </div> <section> <h4>z-button</h4> <div> <z-button htmlid="123" variant="primary" size="big" disabled="false" icon="download" aria-label="click"> click me </z-button> </div> </section> <script>
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>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/web-components-library.css"> <script type="module" src="/build/web-components-library.esm.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> <meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"><title>Stencil Component Starter</title><link rel="stylesheet" type="text/css" href="/build/web-components-library.css"><script type="module" src="/build/web-components-library.esm.js"></script><script nomodule="" src="/build/web-components-library.js"></script></head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <header> <z-app-topbar show-app-switcher="true" topbar-content="[{&quot;label&quot;: &quot;Assistenza&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;, &quot;icon&quot;: &quot;support&quot;}, {&quot;label&quot;: &quot;Contattaci&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;, &quot;icon&quot;: &quot;question-mark-circle&quot;}, {&quot;label&quot;: &quot;Carrello&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;, &quot;icon&quot;: &quot;shopping-cart&quot;}]" content-max-width="800"> <z-app-switcher id="myappswitcher" slot="login"></z-app-switcher></z-app-topbar> </header> <div class="body" style="display: flex; height: calc(100vh - 48px);"> <z-offcanvas id="mycanvas" transitiondirection="right" variant="overlay"> <div slot="canvasContent"> <div> <z-button-deprecated id="canvas-button">chiudi</z-button-deprecated> </div> <span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non
2
+ urna ac urna aliquet lacinia eu ac augue. Nullam consectetur rutrum
3
+ ultrices. Cras eros ex, cursus nec nisi sed, porttitor fringilla
4
+ metus. Etiam eleifend fringilla quam et tincidunt. Cras gravida,
5
+ tortor at consectetur iaculis, lacus eros sagittis magna, ac iaculis
6
+ orci augue in dolor. Nullam nibh orci, maximus vel tempor sit amet,
7
+ scelerisque eget velit. Quisque dignissim non dolor iaculis
8
+ scelerisque. Cras at lectus arcu. Morbi dignissim fermentum magna,
9
+ sed interdum leo condimentum et. Sed vitae consectetur leo, vel
10
+ placerat turpis. Donec sagittis rutrum felis, eu consequat tortor
11
+ efficitur in. Vivamus non nunc vehicula, laoreet lorem id, molestie
12
+ eros. Etiam ornare at turpis ut suscipit. Nulla non diam eget lorem
13
+ hendrerit imperdiet. Integer maximus quam non ligula lacinia
14
+ pharetra. Mauris ullamcorper ligula nec elit pellentesque, a
15
+ pellentesque mauris tristique. Maecenas tortor enim, rutrum ornare
16
+ tincidunt sed, tempor vitae urna. Class aptent taciti sociosqu ad
17
+ litora torquent per conubia nostra, per inceptos himenaeos. Fusce
18
+ feugiat egestas mollis. In eleifend neque quis tellus bibendum
19
+ sodales. Curabitur mattis, magna maximus volutpat dapibus, velit
20
+ nibh dictum elit, eu sodales leo elit vel odio. Quisque sit amet
21
+ lorem molestie sapien interdum faucibus. Nunc in ex nisi. In hac
22
+ habitasse platea dictumst. Maecenas dictum, nunc at finibus dapibus,
23
+ nunc ligula congue odio, in hendrerit dui mauris vel magna. Vivamus
24
+ sapien dui, eleifend auctor ornare vitae, aliquet in mi. Ut eget
25
+ risus ex. Vivamus pharetra tellus in volutpat faucibus. Suspendisse
26
+ interdum sapien ut dui molestie ullamcorper. Ut iaculis, nunc
27
+ tincidunt posuere convallis, metus lorem mattis mi, nec ullamcorper
28
+ mi ligula sit amet leo. Fusce at lectus risus. Aliquam tempor
29
+ sollicitudin ullamcorper. Quisque eget dignissim purus. Nullam
30
+ convallis purus a sem varius tincidunt ut in dui. Pellentesque
31
+ habitant morbi tristique senectus et netus et malesuada fames ac
32
+ turpis egestas. Curabitur fermentum rutrum nibh, nec vulputate nisi
33
+ mollis in. Nullam venenatis metus nulla, at rhoncus neque gravida
34
+ non. Nam vehicula mollis nunc nec faucibus. Phasellus eu turpis
35
+ purus. Proin aliquam, ipsum non rutrum tincidunt, erat metus laoreet
36
+ augue, facilisis ultricies magna tellus sed neque. Suspendisse quis
37
+ tristique lorem. Pellentesque diam urna, congue et massa in, laoreet
38
+ aliquet nibh.mybutton Ut vitae ligula eu elit ornare gravida.
39
+ Vivamus ultricies, augue in fermentum tempus, purus ligula aliquet
40
+ sapien, viverra condimentum tortor ante et est. Vivamus ex urna,
41
+ gravida a enim auctor, ultrices ornare turpis. Quisque at lacus
42
+ massa. Nulla facilisi. Ut id quam at ante sagittis posuere vitae sit
43
+ amet sem. Fusce suscipit ante pellentesque felis facilisis
44
+ tincidunt. </span> </div> </z-offcanvas> <div class="content" style="height: 100%; overflow-y: scroll; flex: 1;"> <section> <h4>z-card default variant</h4> <div class="z-cards"> <z-card clickable=""> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" showshadow="" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card border variant</h4> <div class="z-cards"> <z-card clickable="" variant="border"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" cover-icon="play-filled" showshadow=""> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-text-inverse"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card shadow variant</h4> <div class="z-cards"> <z-card clickable="" variant="shadow"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card overlay variant</h4> <div class="z-cards"> <z-card clickable="" variant="overlay"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="overlay" showshadow="" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card.Some description
45
+ for the content of the card.Some description for the content of
46
+ the card.Some description for the content of the card.Some
47
+ description for the content of the card.Some description for the
48
+ content of the card. </p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>Text</h4> <div class="z-cards"> <z-card variant="text" showshadow="" style="--z-card--text-background: var(--color-secondary02); color: white;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-surface01"></z-icon> <z-icon name="delete" slot="action" fill="color-surface01"></z-icon> </z-card> <z-card clickable="" id="mycard" variant="text" style="--z-card--text-background: var(--color-primary01); color: white; --z-card--text-border-radius: 4px;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-surface01"></z-icon> <z-icon name="delete" slot="action" fill="color-surface01"></z-icon> </z-card> <z-card clickable="" variant="text" style="--z-card--text-border: 2px solid black; --z-card--text-border-radius: 4px;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-primary01"></z-icon> <z-icon name="delete" slot="action" fill="color-primary01"></z-icon> </z-card> <z-card clickable="" variant="text" showshadow="" style="--z-card--text-border: 1px solid black;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text"> Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-primary01"></z-icon> <z-icon name="delete" slot="action" fill="color-primary01"></z-icon> </z-card> </div> <div class="z-cards"> <z-card clickable="" variant="text" style="--z-card--text-border: 1px solid var(--z-card--border-color); --z-card--text-border-radius: 4px;"> <h3 slot="title">Aula di lettere</h3> <p class="body-3" slot="text"> Descrizione breve dell'applicazione </p> <z-icon name="chevron-right-filled" slot="action" fill="color-primary01"></z-icon> </z-card> </div> </section> </div> </div> <div style="width: 800px; border: 2px solid black; padding: 20px; margin: 50px;"> <z-carousel isloading="true" style="--z-carousel-gutter: 24px;"> <li> <div style="width: 200px; height: 200px; background-color: red;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: yellow;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: blue;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: green;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: purple;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: orange;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: grey;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: black;"></div> </li> <li> <div style="width: 200px; height: 200px; background-color: pink;"></div> </li> </z-carousel> </div> <section> <h4>z-button</h4> <div> <z-button htmlid="123" variant="primary" size="big" disabled="false" icon="download" aria-label="click"> click me </z-button> </div> </section> <script>
49
49
  const mycard = document.getElementById("mycard");
50
50
  console.log(mycard);
51
51
  mycard.addEventListener("cardClicked", () =>
@@ -79,7 +79,7 @@
79
79
  width: 263px;
80
80
  }
81
81
 
82
- .z-cards z-card+z-card {
82
+ .z-cards z-card + z-card {
83
83
  margin-left: 24px;
84
84
  }
85
85
 
@@ -1,129 +0,0 @@
1
- import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-81176684.js';
2
- import { g as globalScripts } from './app-globals-0f993ce5.js';
3
-
4
- /*
5
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
6
- */
7
- const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
8
- const patchBrowser = () => {
9
- // NOTE!! This fn cannot use async/await!
10
- if (BUILD.isDev && !BUILD.isTesting) {
11
- consoleDevInfo('Running in development mode.');
12
- }
13
- if (BUILD.cssVarShim) {
14
- // shim css vars
15
- plt.$cssShim$ = win.__cssshim;
16
- }
17
- if (BUILD.cloneNodeFix) {
18
- // opted-in to polyfill cloneNode() for slot polyfilled components
19
- patchCloneNodeFix(H.prototype);
20
- }
21
- if (BUILD.profile && !performance.mark) {
22
- // not all browsers support performance.mark/measure (Safari 10)
23
- // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,
24
- // simply stub the implementations out.
25
- // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)
26
- // @ts-ignore
27
- performance.mark = performance.measure = () => {
28
- /*noop*/
29
- };
30
- performance.getEntriesByName = () => [];
31
- }
32
- // @ts-ignore
33
- const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
34
- ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
35
- s.getAttribute('data-stencil-namespace') === NAMESPACE)
36
- : null;
37
- const importMeta = import.meta.url;
38
- const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
39
- if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
40
- // Safari < v11 support: This IF is true if it's Safari below v11.
41
- // This fn cannot use async/await since Safari didn't support it until v11,
42
- // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
43
- // so both the ESM file and nomodule file would get downloaded. Only Safari
44
- // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
45
- // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
46
- // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
47
- return {
48
- then() {
49
- /* promise noop */
50
- },
51
- };
52
- }
53
- if (!BUILD.safari10 && importMeta !== '') {
54
- opts.resourcesUrl = new URL('.', importMeta).href;
55
- }
56
- else if (BUILD.dynamicImportShim || BUILD.safari10) {
57
- opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
58
- if (BUILD.dynamicImportShim) {
59
- patchDynamicImport(opts.resourcesUrl, scriptElm);
60
- }
61
- if (BUILD.dynamicImportShim && !win.customElements) {
62
- // module support, but no custom elements support (Old Edge)
63
- // @ts-ignore
64
- return import(/* webpackChunkName: "polyfills-dom" */ './dom-7cd9cf71.js').then(() => opts);
65
- }
66
- }
67
- return promiseResolve(opts);
68
- };
69
- const patchDynamicImport = (base, orgScriptElm) => {
70
- const importFunctionName = getDynamicImportFunction(NAMESPACE);
71
- try {
72
- // test if this browser supports dynamic imports
73
- // There is a caching issue in V8, that breaks using import() in Function
74
- // By generating a random string, we can workaround it
75
- // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
76
- win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
77
- }
78
- catch (e) {
79
- // this shim is specifically for browsers that do support "esm" imports
80
- // however, they do NOT support "dynamic" imports
81
- // basically this code is for old Edge, v18 and below
82
- const moduleMap = new Map();
83
- win[importFunctionName] = (src) => {
84
- const url = new URL(src, base).href;
85
- let mod = moduleMap.get(url);
86
- if (!mod) {
87
- const script = doc.createElement('script');
88
- script.type = 'module';
89
- script.crossOrigin = orgScriptElm.crossOrigin;
90
- script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
91
- type: 'application/javascript',
92
- }));
93
- mod = new Promise((resolve) => {
94
- script.onload = () => {
95
- resolve(win[importFunctionName].m);
96
- script.remove();
97
- };
98
- });
99
- moduleMap.set(url, mod);
100
- doc.head.appendChild(script);
101
- }
102
- return mod;
103
- };
104
- }
105
- };
106
- const patchCloneNodeFix = (HTMLElementPrototype) => {
107
- const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
108
- HTMLElementPrototype.cloneNode = function (deep) {
109
- if (this.nodeName === 'TEMPLATE') {
110
- return nativeCloneNodeFn.call(this, deep);
111
- }
112
- const clonedNode = nativeCloneNodeFn.call(this, false);
113
- const srcChildNodes = this.childNodes;
114
- if (deep) {
115
- for (let i = 0; i < srcChildNodes.length; i++) {
116
- // Node.ATTRIBUTE_NODE === 2, and checking because IE11
117
- if (srcChildNodes[i].nodeType !== 2) {
118
- clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
119
- }
120
- }
121
- }
122
- return clonedNode;
123
- };
124
- };
125
-
126
- patchBrowser().then(options => {
127
- globalScripts();
128
- return bootstrapLazy(JSON.parse("[[\"z-modal-login\",[[6,\"z-modal-login\",{\"forgotPasswordUrl\":[1,\"forgot-password-url\"],\"heading\":[1],\"status\":[1025],\"message\":[1025],\"pwdmessage\":[1025],\"externalProviderCheck\":[32]}]]],[\"z-footer\",[[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\"]]]]],[\"z-combobox\",[[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\"]]]]],[\"z-file-upload\",[[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\"]]]]],[\"z-myz-topbar\",[[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\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[1,\"popover-position\"]}]]],[\"z-date-picker\",[[4,\"z-date-picker\",{\"datepickerid\":[1],\"mode\":[1],\"flatpickrPosition\":[32]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-app-topbar\",[[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\"]]]]],[\"z-table\",[[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\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-cookiebar\",[[1,\"z-cookiebar\",{\"cookiepolicyurl\":[1],\"hide\":[4],\"callback\":[16]}]]],[\"z-file\",[[6,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"allowTooltip\":[32],\"tooltipVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-myz-card-alert\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-pagination-bar\",[[1,\"z-pagination-bar\",{\"pages\":[2],\"visiblepages\":[2],\"currentpage\":[1026],\"startpage\":[1026],\"historyraw\":[1],\"listhistoryrow\":[1040],\"currentPages\":[32]}]]],[\"z-panel-elem\",[[1,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descr_slot_name\":[1]}]]],[\"z-skip-to-content\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-user-dropdown\",[[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\"]]]]],[\"z-app-header\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"stucked\":[32],\"menuLength\":[32]}]]],[\"z-button\",[[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"href\":[513],\"target\":[513],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}]]],[\"z-button-sort\",[[1,\"z-button-sort\",{\"buttonid\":[1],\"label\":[1],\"desclabel\":[1],\"counter\":[2],\"sortlabelasc\":[1],\"sortlabeldesc\":[1],\"isselected\":[1028],\"sortasc\":[1028],\"allowTooltip\":[32]}]]],[\"z-card\",[[1,\"z-card\",{\"variant\":[513],\"coverIcon\":[1,\"cover-icon\"],\"clickable\":[516],\"showshadow\":[516],\"hasCoverImage\":[32]},[[0,\"click\",\"onClick\"]]]]],[\"z-carousel\",[[4,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"]}]]],[\"z-icon-package\",[[1,\"z-icon-package\"]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tab\",[[0,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"icon\":[1],\"label\":[1],\"htmlTitle\":[1,\"html-title\"]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tab-link\",[[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\"]]]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"onTabSelected\"]]]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-section-title\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-status-tag\",[[1,\"z-status-tag\",{\"icon\":[1],\"text\":[1],\"expandable\":[4],\"status\":[513],\"variant\":[1]}]]],[\"z-tag\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}]]],[\"z-toast-notification\",[[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]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"z-toggle-switch\",[[6,\"z-toggle-switch\",{\"disabled\":[516],\"labelPosition\":[513,\"label-position\"],\"checked\":[1028],\"htmlid\":[1]}]]],[\"z-aria-alert\",[[4,\"z-aria-alert\",{\"mode\":[1]}]]],[\"z-avatar\",[[1,\"z-avatar\",{\"size\":[1],\"text\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"image\":[1025]}]]],[\"z-chip-deprecated\",[[1,\"z-chip-deprecated\",{\"regulartext\":[1],\"boldtext\":[2]}]]],[\"z-myz-card-footer\",[[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\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-offcanvas\",[[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513]}]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-table-body\",[[6,\"z-table-body\"]]],[\"z-table-expanded-row\",[[1,\"z-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-table-footer\",[[6,\"z-table-footer\"]]],[\"z-table-head\",[[6,\"z-table-head\"]]],[\"z-table-sticky-footer\",[[6,\"z-table-sticky-footer\"]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[1],\"newestontop\":[4]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"z-table-header\",[[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\"],\"isMenuOpened\":[32]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-dragdrop-area\",[[6,\"z-dragdrop-area\"]]],[\"z-list-element\",[[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\"]]]]],[\"z-menu-dropdown\",[[1,\"z-menu-dropdown\",{\"nomeutente\":[1],\"menucontent\":[1],\"buttonid\":[1],\"ismenuopen\":[32]}]]],[\"z-myz-list\",[[1,\"z-myz-list\",{\"inputrawdata\":[1025],\"list\":[1040]}]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-app-switcher\",[[1,\"z-app-switcher\",{\"theme\":[1],\"isopen\":[32]}]]],[\"z-chip\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516]}]]],[\"z-footer-section\",[[1,\"z-footer-section\",{\"name\":[1],\"isOpen\":[32]}]]],[\"z-heading\",[[1,\"z-heading\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-list-group\",[[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-candybar\",[[1,\"z-candybar\"]]],[\"z-footer-link\",[[1,\"z-footer-link\",{\"href\":[1]}]]],[\"z-footer-social\",[[1,\"z-footer-social\",{\"icon\":[1],\"href\":[1],\"description\":[1]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-list\",[[1,\"z-list\",{\"size\":[513]}]]],[\"z-myz-card\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}]]],[\"z-myz-card-body\",[[1,\"z-myz-card-body\"]]],[\"z-myz-card-cover\",[[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}]]],[\"z-myz-card-header\",[[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-pagination-page\",[[1,\"z-pagination-page\",{\"pageid\":[1],\"value\":[2],\"isselected\":[4],\"isdisabled\":[4],\"isvisited\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-pocket\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]]]],[\"z-pocket-body\",[[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pocket-header\",[[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-modal\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"content\":[1],\"type\":[1025],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"position\":[32]}]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-logo\",[[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imageAlt\":[1,\"image-alt\"],\"link\":[1],\"targetBlank\":[4,\"target-blank\"],\"mobileLogo\":[4,\"mobile-logo\"]}]]],[\"z-popover\",[[6,\"z-popover\",{\"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\"]]]]],[\"z-button-filter\",[[1,\"z-button-filter\",{\"filtername\":[1],\"isfixed\":[4],\"hasicon\":[4],\"filterid\":[1],\"issmall\":[4]}]]],[\"z-input-label\",[[1,\"z-input-label\",{\"value\":[1],\"disabled\":[4],\"htmlfor\":[1]}]]],[\"z-icon\",[[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-input-message\",[[1,\"z-input-message\",{\"message\":[1],\"status\":[513]}]]],[\"z-input\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"labelafter\":[4],\"typingtimeout\":[2],\"items\":[1],\"autocomplete\":[8],\"multiple\":[4],\"hasclearicon\":[4],\"icon\":[1],\"isTyping\":[32],\"textareaWrapperHover\":[32],\"textareaWrapperFocus\":[32],\"passwordHidden\":[32],\"getValue\":[64],\"setValue\":[64],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-select\",[[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"autocomplete\":[8],\"multiple\":[4],\"noresultslabel\":[1],\"isOpen\":[32],\"selectedItems\":[32],\"searchString\":[32],\"getSelectedItems\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"z-typography\",[[1,\"z-typography\",{\"component\":[1],\"variant\":[1],\"level\":[1]}]]],[\"z-body\",[[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-divider\",[[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}]]],[\"z-link\",[[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]}]]],[\"z-button-deprecated\",[[1,\"z-button-deprecated\",{\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513],\"issmall\":[516],\"square\":[516]}]]]]"), options);
129
- });