npm - @zanichelli/albe-web-components - Versions diffs - 2.30.0-rc8 → 2.31.0-rc2 - Mend

@zanichelli/albe-web-components 2.30.0-rc8 → 2.31.0-rc2

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 (402) hide show

package/www/index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!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-ea943cbd.css"> <link rel="modulepreload" href="/build/p-c2b2814d.js"><script type="module" src="/build/p-c2b2814d.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" imagealt="Ciaoooo!"></z-logo> <z-logo height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!--    --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
+<!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-ea943cbd.css"> <link rel="modulepreload" href="/build/p-33044a04.js"><script type="module" src="/build/p-33044a04.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" image-alt="Ciaoooo!"></z-logo> <z-logo height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!--    --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
     <div class="content" slot="content">
       <div>
         <h2>Titolo</h2>
@@ -232,7 +232,7 @@
         laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
         Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
         sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
-        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> <section id="idee"> <z-button variant="primary">button</z-button> <z-button variant="primary" icon="download">button</z-button> <z-button variant="primary" isdisabled="" icon="download">button</z-button> <z-button variant="secondary">button</z-button> <z-button variant="secondary" isdisabled="">button</z-button> <z-button variant="tertiary">button</z-button> <z-button variant="tertiary" isdisabled="">button</z-button> <z-button variant="primary" issmall="">button</z-button> <z-button variant="primary" issmall="" icon="download">button</z-button> <z-button variant="primary" issmall="" isdisabled="" icon="download">button</z-button> <z-button variant="secondary" issmall="">button</z-button> <z-button variant="secondary" issmall="" isdisabled="">button</z-button> <z-button variant="tertiary" issmall="">button</z-button> <z-button variant="tertiary" issmall="" isdisabled="">button</z-button> <div style="background: rgb(66, 69, 72); padding: 8px 0;"> <z-button icon="download" variant="dark-bg">button</z-button> <z-button variant="dark-bg" isdisabled="">button</z-button> <z-button variant="dark-bg" issmall="">button</z-button> <z-button variant="dark-bg" issmall="" disabled="">button</z-button> </div> <div style="background: rgb(246, 187, 59); padding: 8px 0;"> <z-button variant="dark-bg"> <span style="color: rgb(66, 69, 72);"> <z-icon name="download" style="color: rgb(66, 69, 72);"></z-icon> button </span> </z-button> <z-button variant="dark-bg" isdisabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall="" disabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> </div> <br> <z-button type="submit">submit</z-button> <z-button type="reset">reset</z-button> <br> <z-toggle-button label="toggle"></z-toggle-button> <z-toggle-button label="toggle" isdisabled=""></z-toggle-button> <br> <z-link>z-link</z-link> <z-link icon="download">z-link</z-link> <z-link isdisabled="">z-link</z-link> <z-link isdisabled="" icon="download">z-link</z-link> <z-link isactive="">z-link</z-link> <z-link icon="download" style="font-size: 12px; font-weight: bold;">z-link</z-link> <br> <hr> <z-logo></z-logo> <z-logo imagealt="logo"></z-logo> <z-logo imagealt="logo" height="50" width="200"></z-logo> <z-logo imagealt="logo" height="25" width="100"></z-logo> <br> <div style="display: grid; grid-template-columns: minmax(241px, 294px) 1fr 2.5fr minmax(180px, 180px); grid-column-gap: var(--basex1); background-color: rgb(48, 56, 64); height: 52px; align-items: center; z-index: 10;"> <div></div> <div></div> <div></div> <div style="display: flex; justify-content: flex-end; margin-right: 8px;"> <z-menu-dropdown nomeutente="username molto lungo nome" menucontent="[{&quot;id&quot;: &quot;profile&quot;, &quot;label&quot;: &quot;Profilo&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;ask-to&quot;, &quot;label&quot;: &quot;Chiedi al tuo responsabile&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;activate-resource&quot;, &quot;label&quot;: &quot;Attiva opera&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;your-orders&quot;, &quot;label&quot;: &quot;I tuoi ordini&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;logout&quot;, &quot;label&quot;: &quot;Esci&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}]"></z-menu-dropdown> </div> </div> <br> <z-menu floating="true"> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <z-menu-section slot="item"> <h3>Item 4</h3> <a href="" slot="item">Item 4.1</a> <a href="" slot="item">Item 4.2</a> </z-menu-section> <a href="" slot="item">Item 5</a> </z-menu> <z-menu> <img slot="header" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h4 slot="header">Menu header</h4> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <a href="" slot="item">Item 4</a> </z-menu> <z-button-filter filtername="filter 1" isfixed=""></z-button-filter> <z-button-filter filtername="filter 2"></z-button-filter> <z-button-filter filtername="filter 3" isfixed="" hasicon="false"></z-button-filter> <z-button-filter filtername="filter 4" hasicon="false"></z-button-filter> <z-chip boldtext="1234" regulartext="libri trovati"></z-chip> <z-chip> <z-body level="4">ciao 1</z-body> </z-chip> <z-chip> <z-body level="1" variant="semibold"><span style="color: red;">ciao 2</span></z-body> </z-chip> <z-chip boldtext="1234" regulartext="libri trovati"> <z-body level="4">ciao 3</z-body> </z-chip> <z-chip boldtext="0"></z-chip> <br> <br> <z-button-sort label="Chimica" counter="3"></z-button-sort> <z-button-sort label="Biologia" counter="5"></z-button-sort> <z-button-sort label="Label"></z-button-sort> <z-button-sort label="Selected" isselected="true"></z-button-sort> <z-button-sort label="Selected" isselected="true" sortasc="false"></z-button-sort> <z-button-sort label="Sort number" sortlabelasc="1-9" sortlabeldesc="9-1"></z-button-sort> <z-button-sort label="Ordina ASC" desclabel="Ordina DESC" sortlabelasc="" sortlabeldesc=""></z-button-sort> <br> <br> <z-myz-list inputrawdata="[
+        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> <section id="idee"> <z-button variant="primary">button</z-button> <z-button variant="primary" icon="download">button</z-button> <z-button variant="primary" isdisabled="" icon="download">button</z-button> <z-button variant="secondary">button</z-button> <z-button variant="secondary" isdisabled="">button</z-button> <z-button variant="tertiary">button</z-button> <z-button variant="tertiary" isdisabled="">button</z-button> <z-button variant="primary" issmall="">button</z-button> <z-button variant="primary" issmall="" icon="download">button</z-button> <z-button variant="primary" issmall="" isdisabled="" icon="download">button</z-button> <z-button variant="secondary" issmall="">button</z-button> <z-button variant="secondary" issmall="" isdisabled="">button</z-button> <z-button variant="tertiary" issmall="">button</z-button> <z-button variant="tertiary" issmall="" isdisabled="">button</z-button> <div style="background: rgb(66, 69, 72); padding: 8px 0;"> <z-button icon="download" variant="dark-bg">button</z-button> <z-button variant="dark-bg" isdisabled="">button</z-button> <z-button variant="dark-bg" issmall="">button</z-button> <z-button variant="dark-bg" issmall="" disabled="">button</z-button> </div> <div style="background: rgb(246, 187, 59); padding: 8px 0;"> <z-button variant="dark-bg"> <span style="color: rgb(66, 69, 72);"> <z-icon name="download" style="color: rgb(66, 69, 72);"></z-icon> button </span> </z-button> <z-button variant="dark-bg" isdisabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> <z-button variant="dark-bg" issmall="" disabled=""> <span style="color: rgb(66, 69, 72);"> button </span> </z-button> </div> <br> <z-button type="submit">submit</z-button> <z-button type="reset">reset</z-button> <br> <z-toggle-button label="toggle"></z-toggle-button> <z-toggle-button label="toggle" isdisabled=""></z-toggle-button> <br> <z-link>z-link</z-link> <z-link icon="download">z-link</z-link> <z-link isdisabled="">z-link</z-link> <z-link isdisabled="" icon="download">z-link</z-link> <z-link isactive="">z-link</z-link> <z-link icon="download" style="font-size: 12px; font-weight: bold;">z-link</z-link> <br> <hr> <z-logo></z-logo> <z-logo image-alt="logo"></z-logo> <z-logo image-alt="logo" height="50" width="200"></z-logo> <z-logo image-alt="logo" height="25" width="100"></z-logo> <br> <div style="display: grid; grid-template-columns: minmax(241px, 294px) 1fr 2.5fr minmax(180px, 180px); grid-column-gap: var(--basex1); background-color: rgb(48, 56, 64); height: 52px; align-items: center; z-index: 10;"> <div></div> <div></div> <div></div> <div style="display: flex; justify-content: flex-end; margin-right: 8px;"> <z-menu-dropdown nomeutente="username molto lungo nome" menucontent="[{&quot;id&quot;: &quot;profile&quot;, &quot;label&quot;: &quot;Profilo&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;ask-to&quot;, &quot;label&quot;: &quot;Chiedi al tuo responsabile&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;activate-resource&quot;, &quot;label&quot;: &quot;Attiva opera&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;your-orders&quot;, &quot;label&quot;: &quot;I tuoi ordini&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}, {&quot;id&quot;: &quot;logout&quot;, &quot;label&quot;: &quot;Esci&quot;, &quot;link&quot;: &quot;./pages/notification.html&quot;}]"></z-menu-dropdown> </div> </div> <br> <z-menu floating="true"> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <z-menu-section slot="item"> <h3>Item 4</h3> <a href="" slot="item">Item 4.1</a> <a href="" slot="item">Item 4.2</a> </z-menu-section> <a href="" slot="item">Item 5</a> </z-menu> <z-menu> <img slot="header" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h4 slot="header">Menu header</h4> <h3>Menu label</h3> <a href="" slot="item">Item 1</a> <a href="" slot="item">Item 2</a> <z-menu-section slot="item"> <h3>Item 3</h3> <a href="" slot="item">Item 3.1</a> <a href="" slot="item">Item 3.2</a> </z-menu-section> <a href="" slot="item">Item 4</a> </z-menu> <z-button-filter filtername="filter 1" isfixed=""></z-button-filter> <z-button-filter filtername="filter 2"></z-button-filter> <z-button-filter filtername="filter 3" isfixed="" hasicon="false"></z-button-filter> <z-button-filter filtername="filter 4" hasicon="false"></z-button-filter> <z-chip boldtext="1234" regulartext="libri trovati"></z-chip> <z-chip> <z-body level="4">ciao 1</z-body> </z-chip> <z-chip> <z-body level="1" variant="semibold"><span style="color: red;">ciao 2</span></z-body> </z-chip> <z-chip boldtext="1234" regulartext="libri trovati"> <z-body level="4">ciao 3</z-body> </z-chip> <z-chip boldtext="0"></z-chip> <br> <br> <z-button-sort label="Chimica" counter="3"></z-button-sort> <z-button-sort label="Biologia" counter="5"></z-button-sort> <z-button-sort label="Label"></z-button-sort> <z-button-sort label="Selected" isselected="true"></z-button-sort> <z-button-sort label="Selected" isselected="true" sortasc="false"></z-button-sort> <z-button-sort label="Sort number" sortlabelasc="1-9" sortlabeldesc="9-1"></z-button-sort> <z-button-sort label="Ordina ASC" desclabel="Ordina DESC" sortlabelasc="" sortlabeldesc=""></z-button-sort> <br> <br> <z-myz-list inputrawdata="[
         {&quot;text&quot;:&quot;elemento lista&quot;,&quot;link&quot;:&quot;http://www.google.it&quot;,&quot;listitemid&quot;:&quot;id1&quot;,&quot;icon&quot;:&quot;checkbox-checked&quot;},
         {&quot;text&quot;:&quot;elemento lista&quot;,&quot;link&quot;:&quot;http://www.google.it&quot;,&quot;listitemid&quot;:&quot;id2&quot;,&quot;icon&quot;:&quot;checkbox&quot;},
         {&quot;text&quot;:&quot;&quot;}
@@ -281,7 +281,7 @@
         laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
         Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
         sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
-        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> </section> <z-registro-table bordered="false"> <z-registro-table-head> <z-registro-table-header-row expandable=""> <z-registro-table-header show-button="true" sortable="true" column-id="1">Colonna 1<br>Colonna 2 </z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="2">Colonna 2</z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="3">Colonna 3</z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true"><span slot="contextual-menu">Span Button</span>Valore 1-1 </z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 1-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 1-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true">Valore 2-1</z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 2-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 2-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> Test footer </z-registro-table-sticky-footer> </z-registro-table> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-popover position="after-up" show-arrow="true" background-color="color-white" box-shadow="shadow-1" border-radius="small"> <z-button slot="trigger">Action button</z-button> <div slot="popover">Conenuto popover</div> </z-popover> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-avatar text="Abcde" size="medium" image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-status-tag icon="gear" text="z-status-tag" status="default" variant="dark" expandable=""></z-status-tag> </div> <br><br><br><br><br><br> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <br><br><br><br><br><br> <div style="margin-left: 200px; padding: 50px; width: 300px; height: 50px;"> <z-ghost-loading></z-ghost-loading> </div> <p id="bottom">bottom</p> <br><br><br><br><br><br> <z-link onclick="openModal(this)" slot="actions">Apri Modale</z-link> <z-link slot="actions" id="xxx">Link di test</z-link> <z-footer copyrightuser="Zanichelli" data="{
+        tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> </section> <z-registro-table bordered="false"> <z-registro-table-head> <z-registro-table-header-row expandable=""> <z-registro-table-header show-button="true" sortable="true" column-id="1">Colonna 1<br>Colonna 2 </z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="2">Colonna 2</z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="3">Colonna 3</z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true"><span slot="contextual-menu">Span Button</span>Valore 1-1 </z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 1-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 1-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true">Valore 2-1</z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 2-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 2-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> Test footer </z-registro-table-sticky-footer> </z-registro-table> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-popover position="after-up" show-arrow="true" background-color="color-white" box-shadow="shadow-1" border-radius="small"> <z-button slot="trigger">Action button</z-button> <div slot="popover">Conenuto popover</div> </z-popover> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-avatar text="Abcde" size="medium" image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-status-tag icon="gear" text="z-status-tag" status="default" variant="dark" expandable=""></z-status-tag> </div> <br><br><br><br><br><br> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <br><br><br><br><br><br> <div style="margin-left: 200px; padding: 50px; width: 300px; height: 50px;"> <z-ghost-loading></z-ghost-loading> </div> <p id="bottom">bottom</p> <br><br><br><br><br><br> <z-link onclick="openModal(this)" slot="actions">Apri Modale</z-link> <z-link slot="actions" id="xxx">Link di test</z-link> <z-footer product-name="Prodotto bello" product-version="6.6.6" product-credits-link="https://www.google.com" show-report-a-problem-button="" data="{
       &quot;zanichelliLinks&quot;: [{
           &quot;title&quot;: &quot;Zanichelli.it&quot;,
           &quot;items&quot;: [{