@zanichelli/albe-web-components 16.3.4 → 16.3.6

package/dist/esm/z-toast-notification.entry.js

@@ -2826,7 +2826,7 @@ const ZToastNotification = class {
             } }, h("div", { id: "flex-container", ref: (el) => (this.container = el) }, this.renderText(), this.renderButton()), this.renderCloseIcon()));
     }
     render() {
-        return (h(Host, { key: 'b79165640d2b2537dd8003db29e1c18845f1976c', style: {
+        return (h(Host, { key: '64e3bc3f5fea2d418f58e010fb4660fc2369dacb', style: {
                 "--percentuale": `${this.percentage}%`,
             }, class: this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {

package/dist/esm/z-toggle-button.entry.js

@@ -21,10 +21,10 @@ const ZToggleButton = class {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: 'eef4aef08bdcf1537b12b43287cc58c05274bf37', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: 'ff8e644553c0ebb8e943a7be38308fcebcbb9f74', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '93a555e6eec548e3932c28cb6574680d34ecdedf', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '75be11bb4f5f880aa057a1f519956e683ce4601f', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
 };
 ZToggleButton.style = ZToggleButtonStyle0;

package/dist/esm/z-toggle-switch.entry.js

@@ -29,14 +29,14 @@ const ZToggleSwitch = class {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: '17bcfee6b1fcfcd715d5d2e8686d5227dc3b16cd' }, h("input", { key: '682e25a434a34c9e814103e30cc42cf769f74953', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'e0fb9679dded13e315aefaaf6c105e124a46c967', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: '362b31e90ab912df5167446dfd415dfe8f16beaa' }, h("input", { key: '0fe79cb376f214a1ef2f7bfeb70e8538db0bf4be', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'e98eb52726eae27cdf4df9c46c96259f77b708ea', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: '9a5ff289a9e7faa3d1354ca8522833415fcdb517' }, h("slot", { key: 'cae4d0ba661998799cc549ef5c21398175aa8d0f' })), h("span", { key: '8f27fe985dec52b128c6635a0502fd76417f202d', class: {
+            } }, h("span", { key: 'a0b1627779aa98080777b817a3930d750904afc9' }, h("slot", { key: 'cd44ff95db14fc84f360f64aa08180972cb8d532' })), h("span", { key: '070a6d688fd1899554c4a6913ea3df1e5a395403', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: 'a68c0fe55df17f133325eb51a2efbd757842eb97', class: "circle" }, this.checked && (h("z-icon", { key: '6e7168d8c6c88771a20381e31b995bc2ebcd89cd', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '0ff0eced728bbc43d0a754374dc233c88abe4603', class: "circle" }, this.checked && (h("z-icon", { key: 'bce3b5b876c813e2f9b8c9715a973133ecd3863b', width: 12, height: 12, name: "checkmark" })))))));
     }
 };
 ZToggleSwitch.style = ZToggleSwitchStyle0;

package/dist/esm/z-tooltip.entry.js

@@ -17,7 +17,7 @@ const ZTooltip = class {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: '6ddb780209f561f072220e597e9c03413cb58f79', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: '3891ffd31f733de168896c550304244f0b2a8131' })));
+        return (h("z-popover", { key: '055811eac8115dde60dadaf79951780df2ff64ae', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'bf96152d1131f62d93afbfe155ed0e80ad001385' })));
     }
 };
 ZTooltip.style = ZTooltipStyle0;

package/dist/esm/z-tr.entry.js

@@ -1,9 +1,9 @@
-export { Z as z_tr } from './index-66bd56db.js';
+export { Z as z_tr } from './index-ea820724.js';
 import './index-c8ceadeb.js';
 import './utils-acc8bdd0.js';
 import './index-b7dbacb4.js';
 import './breakpoints-d148bfde.js';
-import './index-cddfba10.js';
-import './index-89520805.js';
+import './index-81b223e5.js';
+import './index-7a486f3d.js';
 
 //# sourceMappingURL=z-tr.entry.js.map

package/dist/esm/z-visually-hidden.entry.js

@@ -8,7 +8,7 @@ const ZVisuallyHidden = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("slot", { key: 'cab952b13471ad0b374bdc45ca65bac7dcc75659' });
+        return h("slot", { key: '3f4358dfc989f8813ff2aa14180b8ec23ce55494' });
     }
 };
 ZVisuallyHidden.style = ZVisuallyHiddenStyle0;

package/dist/types/components/table/cells/z-th/index.d.ts

@@ -16,15 +16,24 @@ export declare class ZTh {
      * Set a nullish value to hide the menu button.
      */
     showMenu: VisibilityCondition;
+    /**
+     * Enables the sorting button.
+     * Can be set to "hover" or "always" to show the button only on cell hover or always.
+     * Set a nullish value to hide the sort button.
+     */
+    showSorting: VisibilityCondition;
     /**
      * Whether the cell should stick.
      */
     sticky: boolean;
     /**
      * Current sorting direction.
-     * Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.
      */
     sortDirection?: SortDirection;
+    /**
+     * Sorted state of the column.
+     */
+    sorted: boolean | null;
     /**
      * Set popover position.
      */

package/dist/types/components/table/z-table/index.stories.d.ts

@@ -78,5 +78,16 @@ export declare const CellsWithContextualMenu: {
  * Clicking the button will fire the `sort` event with the `sortDirection` as detail.
  */
 export declare const SortAction: {
+    argTypes: {
+        showSorting: {
+            options: VisibilityCondition[];
+            control: {
+                type: string;
+            };
+        };
+    };
+    args: {
+        showSorting: VisibilityCondition;
+    };
     render: (args: any) => TemplateResult<1>;
 };

package/dist/types/components.d.ts

@@ -1885,9 +1885,17 @@ export namespace Components {
          */
         "showMenu": VisibilityCondition;
         /**
-          * Current sorting direction. Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.
+          * Enables the sorting button. Can be set to "hover" or "always" to show the button only on cell hover or always. Set a nullish value to hide the sort button.
+         */
+        "showSorting": VisibilityCondition;
+        /**
+          * Current sorting direction.
          */
         "sortDirection"?: SortDirection;
+        /**
+          * Sorted state of the column.
+         */
+        "sorted": boolean | null;
         /**
           * Whether the cell should stick.
          */
@@ -5453,9 +5461,17 @@ declare namespace LocalJSX {
          */
         "showMenu"?: VisibilityCondition;
         /**
-          * Current sorting direction. Set `SortDirection.ASC` or `SortDirection.DESC` to show the sort icon.
+          * Enables the sorting button. Can be set to "hover" or "always" to show the button only on cell hover or always. Set a nullish value to hide the sort button.
+         */
+        "showSorting"?: VisibilityCondition;
+        /**
+          * Current sorting direction.
          */
         "sortDirection"?: SortDirection;
+        /**
+          * Sorted state of the column.
+         */
+        "sorted"?: boolean | null;
         /**
           * Whether the cell should stick.
          */

package/dist/types/constants/iconset.d.ts

@@ -279,6 +279,7 @@ export declare const STROKE_ICONS: {
     readonly "skip-back-by-10": "M956 557Q956 684 897.5 784.5 839 885 736 942 633 999 504 999 373 999 268.5 940.5 164 882 104 773 44 664 44 517L126 517 126 561Q126 667 177 750.5 228 834 314.5 880.5 401 927 504 927 607 927 691.5 880.5 776 834 824.5 752 873 670 873 570 873 472 827 401 781 330 701.5 293 622 256 522 256L522 301Q522 320 512.5 330 503 340 487 340 473 340 458 331L239 198Q219 186 219 167 219 147 236 137L458 9Q475 0 488 0 503 0 512.5 9 522 18 522 36L522 81Q636 91 735.5 154 835 217 895.5 322 956 427 956 557ZM318 702L388 702 388 526 384 526 330 578 304 545 373 482 443 482 443 702 491 702 491 746 318 746ZM612 752Q516 752 516 614 516 475 612 475 708 475 708 614 708 752 612 752ZM612 704Q646 704 646 648L646 583Q646 523 612 523 578 523 578 583L578 648Q578 704 612 704Z";
     readonly "skip-forward": "M290 855L636 511 571 514 20 514 20 436 571 436 634 439 290 96 345 41 780 475 346 910ZM902 41L980 41 980 910 902 910Z";
     readonly "skip-forward-by-10": "M44 557Q44 427 104.5 322 165 217 264.5 154 364 91 478 81L478 36Q478 18 487.5 9 497 0 512 0 527 0 542 9L764 137Q781 147 781 167 781 186 761 198L542 331Q527 340 513 340 497 340 487.5 330 478 320 478 301L478 256Q378 256 298.5 293 219 330 173 401 127 472 127 570 127 670 175.5 752 224 834 308.5 880.5 393 927 496 927 599 927 685.5 880.5 772 834 823 750.5 874 667 874 561L874 517 956 517Q956 664 896 773 836 882 731.5 940.5 627 999 496 999 367 999 264 942 161 885 102.5 784.5 44 684 44 557ZM318 702L388 702 388 526 384 526 330 578 304 545 373 482 443 482 443 702 491 702 491 746 318 746ZM612 752Q516 752 516 614 516 475 612 475 708 475 708 614 708 752 612 752ZM612 704Q646 704 646 648L646 583Q646 523 612 523 578 523 578 583L578 648Q578 704 612 704Z";
+    readonly "snap-grid": "M335 906Q335 942 316 961 297 980 262 980L94 980Q59 980 39.5 961 20 942 20 906L20 728Q20 692 39.5 673 59 654 94 654L262 654Q297 654 316 673 335 692 335 728L335 906ZM265 918L265 716 90 716 90 918ZM718 906Q718 942 699 961 680 980 645 980L477 980Q442 980 423 961 404 942 404 906L404 728Q404 692 423 673 442 654 477 654L645 654Q680 654 699 673 718 692 718 728L718 906ZM648 918L648 716 474 716 474 918ZM335 513Q335 548 316 567 297 586 262 586L94 586Q59 586 39.5 567 20 548 20 513L20 334Q20 298 39.5 279.5 59 261 94 261L262 261Q297 261 316 279.5 335 298 335 334L335 513ZM265 524L265 323 90 323 90 524ZM980 272Q980 308 960.5 327 941 346 906 346L738 346Q703 346 684 327 665 308 665 272L665 94Q665 58 684 39 703 20 738 20L906 20Q941 20 960.5 39 980 58 980 94L980 272ZM910 284L910 82 735 82 735 284ZM474 473L474 347 414 347 414 576 645 576 644 517 518 518 659 376 615 332Z";
     readonly spanish: "M632 569L632 308 571 308 571 569ZM0 440Q0 307 57 208 114 109 225.5 54.5 337 0 495 0 654 0 768 54.5 882 109 941 208.5 1000 308 1000 440 1000 571 942 664.5 884 758 771 808 658 858 498 858L477 858 359 971Q341 988 330.5 994 320 1000 305 1000 285 1000 274.5 989.5 264 979 259 955L226 808Q117 760 58.5 664 0 568 0 440ZM82 440Q82 552 134 634 186 716 292 753L323 901 453 778Q470 779 498 779 705 779 811.5 690.5 918 602 918 440 918 269 811 173.5 704 78 498 78 369 78 275.5 121.5 182 165 132 246.5 82 328 82 440ZM220 344Q220 360 230 369.5 240 379 259 379 278 379 288 369.5 298 360 298 344L298 333Q298 317 288 307.5 278 298 259 298 240 298 230 307.5 220 317 220 333L220 344ZM291 653L291 555 272 409 245 409 226 555 226 653ZM328 527Q348 551 372.5 563 397 575 431 575 477 575 505 551.5 533 528 533 490 533 425 453 413L427 409Q395 405 395 380 395 353 433 353 468 353 492 381L528 343Q509 322 487.5 312 466 302 431 302 388 302 362.5 324.5 337 347 337 385 337 455 420 464L445 467Q475 471 475 495 475 525 433 525 395 525 366 489L328 527ZM608 278L668 193 616 166 571 260ZM700 550Q700 566 710 575.5 720 585 739 585 758 585 768 575.5 778 566 778 550L778 539Q778 523 768 513.5 758 504 739 504 720 504 710 513.5 700 523 700 539L700 550ZM725 474L752 474 771 328 771 230 706 230 706 328Z";
     readonly "speaker-off": "M192 658L54 658Q36 658 28 650 20 642 20 624L20 368Q20 351 27.5 343.5 35 336 52 336L188 336 450 96Q463 83 482 83 496 83 505 91.5 514 100 514 116L514 878Q514 897 504.5 907.5 495 918 482 918 463 918 448 900ZM218 586L440 800 440 201 218 408 98 408 98 586ZM750 495L611 356 666 302 805 441 944 301 1000 356 860 496 999 635 944 689 805 550 666 690 610 635Z";
     readonly "speaker-on": "M192 658L54 658Q36 658 28 650 20 642 20 624L20 368Q20 351 27.5 343.5 35 336 52 336L188 336 450 96Q463 83 482 83 496 83 505 91.5 514 100 514 116L514 878Q514 897 504.5 907.5 495 918 482 918 463 918 448 900ZM218 586L440 800 440 201 218 408 98 408 98 586ZM649 604Q685 591 709 563.5 733 536 733 500 733 464 709 436.5 685 409 649 396L694 342Q746 363 774 405 802 447 802 500 802 553 774 595 746 637 694 658L649 604ZM783 724Q855 678 890 625 925 572 925 500 925 428 890 375 855 322 783 276L832 216Q920 274 960 342 1000 410 1000 500 1000 589 959.5 657 919 725 832 784L783 724Z";
@@ -632,6 +633,7 @@ export declare const FILLED_ICONS: {
     readonly "skip-back-filled": "M220 475L655 41 710 96 366 439 429 436 980 436 980 514 429 514 364 511 710 855 654 910ZM20 41L98 41 98 910 20 910Z";
     readonly "skip-forward-by-10-filled": "M44 557Q44 427 104.5 322 165 217 264.5 154 364 91 478 81L478 36Q478 18 487.5 9 497 0 512 0 527 0 542 9L764 137Q781 147 781 167 781 186 761 198L542 331Q527 340 513 340 497 340 487.5 330 478 320 478 301L478 256Q378 256 298.5 293 219 330 173 401 127 472 127 570 127 670 175.5 752 224 834 308.5 880.5 393 927 496 927 599 927 685.5 880.5 772 834 823 750.5 874 667 874 561L874 517 956 517Q956 664 896 773 836 882 731.5 940.5 627 999 496 999 367 999 264 942 161 885 102.5 784.5 44 684 44 557ZM318 702L388 702 388 526 384 526 330 578 304 545 373 482 443 482 443 702 491 702 491 746 318 746ZM612 752Q516 752 516 614 516 475 612 475 708 475 708 614 708 752 612 752ZM612 704Q646 704 646 648L646 583Q646 523 612 523 578 523 578 583L578 648Q578 704 612 704Z";
     readonly "skip-forward-filled": "M290 855L636 511 571 514 20 514 20 436 571 436 634 439 290 96 345 41 780 475 346 910ZM902 41L980 41 980 910 902 910Z";
+    readonly "snap-grid-filled": "M335 906Q335 942 316 961 297 980 262 980L94 980Q59 980 39.5 961 20 942 20 906L20 728Q20 692 39.5 673 59 654 94 654L262 654Q297 654 316 673 335 692 335 728L335 906ZM718 906Q718 942 699 961 680 980 645 980L477 980Q442 980 423 961 404 942 404 906L404 728Q404 692 423 673 442 654 477 654L645 654Q680 654 699 673 718 692 718 728L718 906ZM335 513Q335 548 316 567 297 586 262 586L94 586Q59 586 39.5 567 20 548 20 513L20 334Q20 298 39.5 279.5 59 261 94 261L262 261Q297 261 316 279.5 335 298 335 334L335 513ZM980 272Q980 308 960.5 327 941 346 906 346L738 346Q703 346 684 327 665 308 665 272L665 94Q665 58 684 39 703 20 738 20L906 20Q941 20 960.5 39 980 58 980 94L980 272ZM474 473L474 347 414 347 414 576 645 576 644 517 518 518 659 376 615 332Z";
     readonly "spanish-filled": "M643 568L643 307 579 307 579 568ZM0 440Q0 307 57 208 114 109 225.5 54.5 337 0 495 0 654 0 768 54.5 882 109 941 208.5 1000 308 1000 440 1000 571 942 664.5 884 758 771 808 658 858 498 858L477 858 359 971Q341 988 330.5 994 320 1000 305 1000 285 1000 274.5 989.5 264 979 259 955L226 808Q117 760 58.5 664 0 568 0 440ZM183 343Q183 359 193 368.5 203 378 224 378 244 378 254 368.5 264 359 264 343L264 332Q264 316 254 306.5 244 297 224 297 203 297 193 306.5 183 316 183 332L183 343ZM257 652L257 554 237 408 209 408 189 554 189 652ZM316 526Q337 550 362.5 562 388 574 424 574 472 574 501.5 550.5 531 527 531 489 531 424 447 412L420 408Q402 405 394 398.5 386 392 386 379 386 352 426 352 462 352 488 380L526 342Q506 321 483 311 460 301 424 301 379 301 352 323.5 325 346 325 384 325 454 412 463L438 466Q470 470 470 494 470 524 426 524 386 524 355 488L316 526ZM617 277L680 192 626 165 579 259ZM726 549Q726 565 736 574.5 746 584 767 584 787 584 797 574.5 807 565 807 549L807 538Q807 522 797 512.5 787 503 767 503 746 503 736 512.5 726 522 726 538L726 549ZM752 473L780 473 800 327 800 229 732 229 732 327Z";
     readonly "speaker-off-filled": "M193 658L55 658Q37 658 29 650 21 642 21 624L21 368Q21 351 28.5 343.5 36 336 53 336L189 336 441 96Q454 83 473 83 487 83 496 91.5 505 100 505 116L505 878Q505 897 495.5 907.5 486 918 473 918 454 918 439 900ZM751 495L612 356 667 302 806 441 945 301 1001 356 861 496 1000 635 945 689 806 550 667 690 611 635Z";
     readonly "speaker-on-filled": "M192 658L54 658Q36 658 28 650 20 642 20 624L20 368Q20 351 27.5 343.5 35 336 52 336L188 336 450 96Q463 83 482 83 496 83 505 91.5 514 100 514 116L514 878Q514 897 504.5 907.5 495 918 482 918 463 918 448 900ZM649 604Q685 591 709 563.5 733 536 733 500 733 464 709 436.5 685 409 649 396L694 342Q746 363 774 405 802 447 802 500 802 553 774 595 746 637 694 658L649 604ZM783 724Q855 678 890 625 925 572 925 500 925 428 890 375 855 322 783 276L832 216Q920 274 960 342 1000 410 1000 500 1000 589 959.5 657 919 725 832 784L783 724Z";
@@ -1047,6 +1049,7 @@ export declare const ICONS: {
     readonly "skip-back-filled": "M220 475L655 41 710 96 366 439 429 436 980 436 980 514 429 514 364 511 710 855 654 910ZM20 41L98 41 98 910 20 910Z";
     readonly "skip-forward-by-10-filled": "M44 557Q44 427 104.5 322 165 217 264.5 154 364 91 478 81L478 36Q478 18 487.5 9 497 0 512 0 527 0 542 9L764 137Q781 147 781 167 781 186 761 198L542 331Q527 340 513 340 497 340 487.5 330 478 320 478 301L478 256Q378 256 298.5 293 219 330 173 401 127 472 127 570 127 670 175.5 752 224 834 308.5 880.5 393 927 496 927 599 927 685.5 880.5 772 834 823 750.5 874 667 874 561L874 517 956 517Q956 664 896 773 836 882 731.5 940.5 627 999 496 999 367 999 264 942 161 885 102.5 784.5 44 684 44 557ZM318 702L388 702 388 526 384 526 330 578 304 545 373 482 443 482 443 702 491 702 491 746 318 746ZM612 752Q516 752 516 614 516 475 612 475 708 475 708 614 708 752 612 752ZM612 704Q646 704 646 648L646 583Q646 523 612 523 578 523 578 583L578 648Q578 704 612 704Z";
     readonly "skip-forward-filled": "M290 855L636 511 571 514 20 514 20 436 571 436 634 439 290 96 345 41 780 475 346 910ZM902 41L980 41 980 910 902 910Z";
+    readonly "snap-grid-filled": "M335 906Q335 942 316 961 297 980 262 980L94 980Q59 980 39.5 961 20 942 20 906L20 728Q20 692 39.5 673 59 654 94 654L262 654Q297 654 316 673 335 692 335 728L335 906ZM718 906Q718 942 699 961 680 980 645 980L477 980Q442 980 423 961 404 942 404 906L404 728Q404 692 423 673 442 654 477 654L645 654Q680 654 699 673 718 692 718 728L718 906ZM335 513Q335 548 316 567 297 586 262 586L94 586Q59 586 39.5 567 20 548 20 513L20 334Q20 298 39.5 279.5 59 261 94 261L262 261Q297 261 316 279.5 335 298 335 334L335 513ZM980 272Q980 308 960.5 327 941 346 906 346L738 346Q703 346 684 327 665 308 665 272L665 94Q665 58 684 39 703 20 738 20L906 20Q941 20 960.5 39 980 58 980 94L980 272ZM474 473L474 347 414 347 414 576 645 576 644 517 518 518 659 376 615 332Z";
     readonly "spanish-filled": "M643 568L643 307 579 307 579 568ZM0 440Q0 307 57 208 114 109 225.5 54.5 337 0 495 0 654 0 768 54.5 882 109 941 208.5 1000 308 1000 440 1000 571 942 664.5 884 758 771 808 658 858 498 858L477 858 359 971Q341 988 330.5 994 320 1000 305 1000 285 1000 274.5 989.5 264 979 259 955L226 808Q117 760 58.5 664 0 568 0 440ZM183 343Q183 359 193 368.5 203 378 224 378 244 378 254 368.5 264 359 264 343L264 332Q264 316 254 306.5 244 297 224 297 203 297 193 306.5 183 316 183 332L183 343ZM257 652L257 554 237 408 209 408 189 554 189 652ZM316 526Q337 550 362.5 562 388 574 424 574 472 574 501.5 550.5 531 527 531 489 531 424 447 412L420 408Q402 405 394 398.5 386 392 386 379 386 352 426 352 462 352 488 380L526 342Q506 321 483 311 460 301 424 301 379 301 352 323.5 325 346 325 384 325 454 412 463L438 466Q470 470 470 494 470 524 426 524 386 524 355 488L316 526ZM617 277L680 192 626 165 579 259ZM726 549Q726 565 736 574.5 746 584 767 584 787 584 797 574.5 807 565 807 549L807 538Q807 522 797 512.5 787 503 767 503 746 503 736 512.5 726 522 726 538L726 549ZM752 473L780 473 800 327 800 229 732 229 732 327Z";
     readonly "speaker-off-filled": "M193 658L55 658Q37 658 29 650 21 642 21 624L21 368Q21 351 28.5 343.5 36 336 53 336L189 336 441 96Q454 83 473 83 487 83 496 91.5 505 100 505 116L505 878Q505 897 495.5 907.5 486 918 473 918 454 918 439 900ZM751 495L612 356 667 302 806 441 945 301 1001 356 861 496 1000 635 945 689 806 550 667 690 611 635Z";
     readonly "speaker-on-filled": "M192 658L54 658Q36 658 28 650 20 642 20 624L20 368Q20 351 27.5 343.5 35 336 52 336L188 336 450 96Q463 83 482 83 496 83 505 91.5 514 100 514 116L514 878Q514 897 504.5 907.5 495 918 482 918 463 918 448 900ZM649 604Q685 591 709 563.5 733 536 733 500 733 464 709 436.5 685 409 649 396L694 342Q746 363 774 405 802 447 802 500 802 553 774 595 746 637 694 658L649 604ZM783 724Q855 678 890 625 925 572 925 500 925 428 890 375 855 322 783 276L832 216Q920 274 960 342 1000 410 1000 500 1000 589 959.5 657 919 725 832 784L783 724Z";
@@ -1395,6 +1398,7 @@ export declare const ICONS: {
     readonly "skip-back-by-10": "M956 557Q956 684 897.5 784.5 839 885 736 942 633 999 504 999 373 999 268.5 940.5 164 882 104 773 44 664 44 517L126 517 126 561Q126 667 177 750.5 228 834 314.5 880.5 401 927 504 927 607 927 691.5 880.5 776 834 824.5 752 873 670 873 570 873 472 827 401 781 330 701.5 293 622 256 522 256L522 301Q522 320 512.5 330 503 340 487 340 473 340 458 331L239 198Q219 186 219 167 219 147 236 137L458 9Q475 0 488 0 503 0 512.5 9 522 18 522 36L522 81Q636 91 735.5 154 835 217 895.5 322 956 427 956 557ZM318 702L388 702 388 526 384 526 330 578 304 545 373 482 443 482 443 702 491 702 491 746 318 746ZM612 752Q516 752 516 614 516 475 612 475 708 475 708 614 708 752 612 752ZM612 704Q646 704 646 648L646 583Q646 523 612 523 578 523 578 583L578 648Q578 704 612 704Z";
     readonly "skip-forward": "M290 855L636 511 571 514 20 514 20 436 571 436 634 439 290 96 345 41 780 475 346 910ZM902 41L980 41 980 910 902 910Z";
     readonly "skip-forward-by-10": "M44 557Q44 427 104.5 322 165 217 264.5 154 364 91 478 81L478 36Q478 18 487.5 9 497 0 512 0 527 0 542 9L764 137Q781 147 781 167 781 186 761 198L542 331Q527 340 513 340 497 340 487.5 330 478 320 478 301L478 256Q378 256 298.5 293 219 330 173 401 127 472 127 570 127 670 175.5 752 224 834 308.5 880.5 393 927 496 927 599 927 685.5 880.5 772 834 823 750.5 874 667 874 561L874 517 956 517Q956 664 896 773 836 882 731.5 940.5 627 999 496 999 367 999 264 942 161 885 102.5 784.5 44 684 44 557ZM318 702L388 702 388 526 384 526 330 578 304 545 373 482 443 482 443 702 491 702 491 746 318 746ZM612 752Q516 752 516 614 516 475 612 475 708 475 708 614 708 752 612 752ZM612 704Q646 704 646 648L646 583Q646 523 612 523 578 523 578 583L578 648Q578 704 612 704Z";
+    readonly "snap-grid": "M335 906Q335 942 316 961 297 980 262 980L94 980Q59 980 39.5 961 20 942 20 906L20 728Q20 692 39.5 673 59 654 94 654L262 654Q297 654 316 673 335 692 335 728L335 906ZM265 918L265 716 90 716 90 918ZM718 906Q718 942 699 961 680 980 645 980L477 980Q442 980 423 961 404 942 404 906L404 728Q404 692 423 673 442 654 477 654L645 654Q680 654 699 673 718 692 718 728L718 906ZM648 918L648 716 474 716 474 918ZM335 513Q335 548 316 567 297 586 262 586L94 586Q59 586 39.5 567 20 548 20 513L20 334Q20 298 39.5 279.5 59 261 94 261L262 261Q297 261 316 279.5 335 298 335 334L335 513ZM265 524L265 323 90 323 90 524ZM980 272Q980 308 960.5 327 941 346 906 346L738 346Q703 346 684 327 665 308 665 272L665 94Q665 58 684 39 703 20 738 20L906 20Q941 20 960.5 39 980 58 980 94L980 272ZM910 284L910 82 735 82 735 284ZM474 473L474 347 414 347 414 576 645 576 644 517 518 518 659 376 615 332Z";
     readonly spanish: "M632 569L632 308 571 308 571 569ZM0 440Q0 307 57 208 114 109 225.5 54.5 337 0 495 0 654 0 768 54.5 882 109 941 208.5 1000 308 1000 440 1000 571 942 664.5 884 758 771 808 658 858 498 858L477 858 359 971Q341 988 330.5 994 320 1000 305 1000 285 1000 274.5 989.5 264 979 259 955L226 808Q117 760 58.5 664 0 568 0 440ZM82 440Q82 552 134 634 186 716 292 753L323 901 453 778Q470 779 498 779 705 779 811.5 690.5 918 602 918 440 918 269 811 173.5 704 78 498 78 369 78 275.5 121.5 182 165 132 246.5 82 328 82 440ZM220 344Q220 360 230 369.5 240 379 259 379 278 379 288 369.5 298 360 298 344L298 333Q298 317 288 307.5 278 298 259 298 240 298 230 307.5 220 317 220 333L220 344ZM291 653L291 555 272 409 245 409 226 555 226 653ZM328 527Q348 551 372.5 563 397 575 431 575 477 575 505 551.5 533 528 533 490 533 425 453 413L427 409Q395 405 395 380 395 353 433 353 468 353 492 381L528 343Q509 322 487.5 312 466 302 431 302 388 302 362.5 324.5 337 347 337 385 337 455 420 464L445 467Q475 471 475 495 475 525 433 525 395 525 366 489L328 527ZM608 278L668 193 616 166 571 260ZM700 550Q700 566 710 575.5 720 585 739 585 758 585 768 575.5 778 566 778 550L778 539Q778 523 768 513.5 758 504 739 504 720 504 710 513.5 700 523 700 539L700 550ZM725 474L752 474 771 328 771 230 706 230 706 328Z";
     readonly "speaker-off": "M192 658L54 658Q36 658 28 650 20 642 20 624L20 368Q20 351 27.5 343.5 35 336 52 336L188 336 450 96Q463 83 482 83 496 83 505 91.5 514 100 514 116L514 878Q514 897 504.5 907.5 495 918 482 918 463 918 448 900ZM218 586L440 800 440 201 218 408 98 408 98 586ZM750 495L611 356 666 302 805 441 944 301 1000 356 860 496 999 635 944 689 805 550 666 690 610 635Z";
     readonly "speaker-on": "M192 658L54 658Q36 658 28 650 20 642 20 624L20 368Q20 351 27.5 343.5 35 336 52 336L188 336 450 96Q463 83 482 83 496 83 505 91.5 514 100 514 116L514 878Q514 897 504.5 907.5 495 918 482 918 463 918 448 900ZM218 586L440 800 440 201 218 408 98 408 98 586ZM649 604Q685 591 709 563.5 733 536 733 500 733 464 709 436.5 685 409 649 396L694 342Q746 363 774 405 802 447 802 500 802 553 774 595 746 637 694 658L649 604ZM783 724Q855 678 890 625 925 572 925 500 925 428 890 375 855 322 783 276L832 216Q920 274 960 342 1000 410 1000 500 1000 589 959.5 657 919 725 832 784L783 724Z";

package/dist/web-components-library/{p-f15d0a00.entry.js → p-00f7e0da.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as a}from"./p-75c4a726.js";import{B as i,d as s}from"./p-6037cdf3.js";const o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";const n=o;const r=class{constructor(a){t(this,a);this.cardFlipped=e(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}handleFlipCard(t){this.flipCard(t.detail)}flipCard(t=true){this.flipped=t;this.cardFlipped.emit(t)}render(){return a("div",{key:"5f4b35325a1b33b49f10e1c0009ba0aef368bda3"},a("z-myz-card",{key:"25c1f34f2ebe744132822f8637a54feaeff0fa7a"},a("z-myz-card-header",{key:"0b0b1144271c7f5b75bc05bd7fd6e80d9f20244e",titolo:this.name}),a("div",{key:"508459cbf9949b90b7266be3b2d42a3474a05882",class:`content ${this.flipped?"flipped":""}`},a("div",{key:"4416070294cbee0ecb0751afa54943a58fdb2816",class:"front"},a("z-myz-card-body",{key:"cef16ad669fcc00368191d71aae674210ec96781"},a("z-myz-card-cover",{key:"559ae7ae9c8473b70793e086731e95bd93017989",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),a("z-button",{key:"31808feee0e2aaa301f654d710eeb02bebc31c55",class:{"hide-info":this.hideinfobtn},variant:i.SECONDARY,icon:"informationsource",size:s.X_SMALL,onClick:()=>this.flipCard(true),disabled:this.flipped},this.flipbuttonlabel)),a("div",{key:"e4086e4ac6cc3d81505174eb274a4057aee9e462",class:"back"},a("slot",{key:"670b96387b02d5a9b2d4c23512cb57a0301e4bc6",name:"info"}))),a("slot",{key:"e1fc9e4977bfb1668fbb51ad54e49d5e0f26749c"})))}};r.style=n;export{r as z_myz_card_dictionary};
-//# sourceMappingURL=p-f15d0a00.entry.js.map
+import{r as t,c as e,h as a}from"./p-75c4a726.js";import{B as i,d as s}from"./p-6037cdf3.js";const o=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";const d=o;const n=class{constructor(a){t(this,a);this.cardFlipped=e(this,"cardFlipped",7);this.name=undefined;this.cover=undefined;this.disabled=false;this.flipped=false;this.flipbuttonlabel="INFO";this.hideinfobtn=false}handleFlipCard(t){this.flipCard(t.detail)}flipCard(t=true){this.flipped=t;this.cardFlipped.emit(t)}render(){return a("div",{key:"f7c5b89a84036db946702fc8990564d3fcbf7cfb"},a("z-myz-card",{key:"d7972b3c72daff0a4167ef83e20a47593092ac10"},a("z-myz-card-header",{key:"355e3a181cfccbcfda8eaeb57fbb1a345121f21a",titolo:this.name}),a("div",{key:"250d86cfd9f076fc6a361d7be559d9d63dd7d908",class:`content ${this.flipped?"flipped":""}`},a("div",{key:"ff6975119b9bf212ee499d2bef026c4d9b87a5ce",class:"front"},a("z-myz-card-body",{key:"40a8fea2e369b69f8e71d26d3e6a36e96981c0c4"},a("z-myz-card-cover",{key:"2d99c3bc655c8b40177401f6ff4a8502a23c30dc",slot:"cover",titolo:this.name,img:this.cover,faded:this.disabled})),a("z-button",{key:"d49203bc96cd283cabe29e0e5c37c8a0928dea4e",class:{"hide-info":this.hideinfobtn},variant:i.SECONDARY,icon:"informationsource",size:s.X_SMALL,onClick:()=>this.flipCard(true),disabled:this.flipped},this.flipbuttonlabel)),a("div",{key:"0c547edaf0d97c2d983350446fe5a5fab8c764d5",class:"back"},a("slot",{key:"af3acf86431069cff1e7aff7b7011e903b5d10a2",name:"info"}))),a("slot",{key:"660c2827003495015ca697cfae2b0b185436f9a9"})))}};n.style=d;export{n as z_myz_card_dictionary};
+//# sourceMappingURL=p-00f7e0da.entry.js.map

package/dist/web-components-library/{p-5a0f0978.entry.js → p-0b100bd7.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as a}from"./p-75c4a726.js";const n=".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";const i=n;const t=class{constructor(a){e(this,a);this.elemid=undefined;this.imgurl=undefined;this.imgalt=undefined;this.linkicon=undefined;this.linklabel=undefined;this.url=undefined;this.target="_blank";this.isdisabled=false;this.descrSlotName=undefined}render(){const e=this.elemid?this.elemid:"";return a("div",{key:"76588e2a830b45962d16c31a7d03cf62fa3737f8",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&a("div",{key:"18ea22907d43ba3073dd939ca88297e98f34a1f6","aria-hidden":"true",class:"panel-elem-icon"},a("img",{key:"cb2b3247131d30fb5894db2f540aa105a0464f39",src:this.imgurl,alt:this.imgalt})),a("div",{key:"cfe10a2ef94ea5286e44a8087599ed4ffe233a6d",class:"panel-elem-link"},a("a",{key:"83a3f79fa79bea82fd63b7cf853107bd2717a434",class:{"z-link":true,"z-link-disabled":this.isdisabled,"z-link-icon":true},id:e+"link_id",href:this.url,target:this.target},a("z-icon",{key:"69245c241eedd5740d0a45c88eed167ba45b63d0",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&a("div",{key:"028e4d9403ffa710f753088475e57f6e64702460",class:"panel-elem-desc"},a("slot",{key:"1ad3080fb3f1db0cbd7f5dc41dca3d8a7ec41567",name:this.descrSlotName})))}};t.style=i;export{t as z_panel_elem};
-//# sourceMappingURL=p-5a0f0978.entry.js.map
+import{r as e,h as a}from"./p-75c4a726.js";const n=".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";const i=n;const t=class{constructor(a){e(this,a);this.elemid=undefined;this.imgurl=undefined;this.imgalt=undefined;this.linkicon=undefined;this.linklabel=undefined;this.url=undefined;this.target="_blank";this.isdisabled=false;this.descrSlotName=undefined}render(){const e=this.elemid?this.elemid:"";return a("div",{key:"f134c054a061905d6a32e4ecc999591308e78fcf",class:"panel-elem-container"},(this.imgurl||this.imgalt)&&a("div",{key:"7740f9f046cf767c21eac8c44863e7293076550d","aria-hidden":"true",class:"panel-elem-icon"},a("img",{key:"ee429dc9e4fe25b694ae31ebb75bc73219ae827c",src:this.imgurl,alt:this.imgalt})),a("div",{key:"ba903181574ff5ff92d9ec01910587ba4362aeee",class:"panel-elem-link"},a("a",{key:"edf0aec448a0fbceae6da0c2e19c12611c68bd3f",class:{"z-link":true,"z-link-disabled":this.isdisabled,"z-link-icon":true},id:e+"link_id",href:this.url,target:this.target},a("z-icon",{key:"3b2dea4d2c546787aefd9157fb0b988c038f3cba",height:14,width:14,name:this.linkicon}),this.linklabel)),this.descrSlotName&&a("div",{key:"addef8764e493c2385d44b36a815c46b2e001e64",class:"panel-elem-desc"},a("slot",{key:"e2cb555ca78f835793274e7671cb3876560138bf",name:this.descrSlotName})))}};t.style=i;export{t as z_panel_elem};
+//# sourceMappingURL=p-0b100bd7.entry.js.map

package/dist/web-components-library/{p-707e5f91.entry.js → p-0ca0265f.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e}from"./p-75c4a726.js";import{P as n}from"./p-6037cdf3.js";import{d as s}from"./p-67e5e8ed.js";import"./p-5145a606.js";const o=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';const r=o;const a=class{emitFlipCard(i=false){this.flipCard.emit(i)}constructor(e){i(this,e);this.flipCard=t(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${i}px`;this.hiddenContent=true;return}this.hiddenContent=false}setStringOrArray(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}}renderCloseIcon(){return e("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(false),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,false)}})}renderGeneralSection(){var i,t;const n=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.title;const s=(t=this===null||this===void 0?void 0:this.cardData)===null||t===void 0?void 0:t.description;return e("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{if(this.hiddenContent){this.tooltip=!this.tooltip}},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,e("br",null),s)}renderAuthor(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!t){return null}return e("span",null,"Autore: ",e("b",null,t),e("br",null))}renderYear(){var i;const t=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!t){return null}return e("span",null,"Anno: ",e("b",null,t),e("br",null))}renderTooltip(){if(!this.tooltip){return}if(!this.cardData){return}const{title:i,year:t,author:s,description:o}=this.cardData;return e("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=false},`${i} ${t} ${s} ${o}`)}setExpirationLicenseMessage(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return e("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return e("span",{class:"expiring"},"IN SCADENZA")}}renderOnlineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.onlineLicense)){return}return e("section",{ref:i=>this.onlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",e("b",null,this.cardData.onlineLicense.expiration),e("br",null))}renderOfflineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.offlineLicense)){return}return e("section",{ref:i=>this.offlineLicenseWrapper=i},e("span",{class:"license-heading"},e("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",e("b",null,this.cardData.offlineLicense.expiration),e("br",null),"Installazioni disponibili: ",e("b",null,this.cardData.offlineLicense.installations))}render(){return e("div",{key:"2a05ddeb716ce41cc96f39719f485fcf717f52e6"},this.renderCloseIcon(),e("div",{key:"d657573cb16fc4f79a7803a78f24ab5bd398d4c9",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),e("div",{key:"30c4c278f935dee8e281a357ac292962cdaa71c3",class:"cta-wrapper"},e("slot",{key:"af3c4fd43855806fe5a018eb02beec2493f9743f"})))}};a.style=r;export{a as z_myz_card_info};
-//# sourceMappingURL=p-707e5f91.entry.js.map
+import{r as i,c as e,h as t}from"./p-75c4a726.js";import{P as n}from"./p-6037cdf3.js";import{d as s}from"./p-67e5e8ed.js";import"./p-5145a606.js";const o=':host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:"";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}';const r=o;const a=class{emitFlipCard(i=false){this.flipCard.emit(i)}constructor(t){i(this,t);this.flipCard=e(this,"flipCard",7);this.data=undefined;this.htmltabindex=0;this.hiddenContent=false;this.tooltip=false;this.emitFlipCard=this.emitFlipCard.bind(this)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){if(!this.contentWrapper&&!this.infoWrapper){this.hiddenContent=false;return}if(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight){const i=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight;this.infoWrapper.style.height=`${i}px`;this.hiddenContent=true;return}this.hiddenContent=false}setStringOrArray(){if(typeof this.data==="string"){this.cardData=JSON.parse(this.data)}else{this.cardData=this.data}}renderCloseIcon(){return t("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(false),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,false)}})}renderGeneralSection(){var i,e;const n=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.title;const s=(e=this===null||this===void 0?void 0:this.cardData)===null||e===void 0?void 0:e.description;return t("section",{class:`info-wrapper ${this.hiddenContent?"hidden":""}`,onClick:()=>{if(this.hiddenContent){this.tooltip=!this.tooltip}},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),n,t("br",null),s)}renderAuthor(){var i;const e=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.author;if(!e){return null}return t("span",null,"Autore: ",t("b",null,e),t("br",null))}renderYear(){var i;const e=(i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.year;if(!e){return null}return t("span",null,"Anno: ",t("b",null,e),t("br",null))}renderTooltip(){if(!this.tooltip){return}if(!this.cardData){return}const{title:i,year:e,author:s,description:o}=this.cardData;return t("z-popover",{position:n.RIGHT,onClick:()=>this.tooltip=false},`${i} ${e} ${s} ${o}`)}setExpirationLicenseMessage(i){if(i==="online"&&this.cardData.onlineLicense.expired||i==="offline"&&this.cardData.offlineLicense.expired){return t("span",{class:"expired"},"SCADUTA")}if(i==="online"&&this.cardData.onlineLicense.expiring||i==="offline"&&this.cardData.offlineLicense.expiring){return t("span",{class:"expiring"},"IN SCADENZA")}}renderOnlineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.onlineLicense)){return}return t("section",{ref:i=>this.onlineLicenseWrapper=i},t("span",{class:"license-heading"},t("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",t("b",null,this.cardData.onlineLicense.expiration),t("br",null))}renderOfflineLicenseSection(){var i;if(!((i=this===null||this===void 0?void 0:this.cardData)===null||i===void 0?void 0:i.offlineLicense)){return}return t("section",{ref:i=>this.offlineLicenseWrapper=i},t("span",{class:"license-heading"},t("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",t("b",null,this.cardData.offlineLicense.expiration),t("br",null),"Installazioni disponibili: ",t("b",null,this.cardData.offlineLicense.installations))}render(){return t("div",{key:"caf12cdfa9cea6d882b85dfb809e55036449bf19"},this.renderCloseIcon(),t("div",{key:"7b01593abc3b658a08faad90c18f040284006ecd",class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),t("div",{key:"def1beafdcd5c7a42fea42fa70976a7eeca1dbad",class:"cta-wrapper"},t("slot",{key:"514e3cab754ccffe63c867b1fa2b41e0de27b3ea"})))}};a.style=r;export{a as z_myz_card_info};
+//# sourceMappingURL=p-0ca0265f.entry.js.map

package/dist/web-components-library/{p-9b9a04ad.entry.js → p-140b5d8f.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as a}from"./p-75c4a726.js";const o="button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";const e=o;const t=class{constructor(a){r(this,a);this.icon=undefined;this.isdisabled=false;this.ariaLabel=""}render(){return a("button",{key:"8bb6a4fe4b3923048ab90bfaa78852777692b33c",disabled:this.isdisabled,"aria-label":this.ariaLabel},a("span",{key:"37723cd27adeda77455a24f9c5dd6a688737106d"},a("z-icon",{key:"972caeff592a906837ffb190c8139424e0c2a2ca",name:this.icon,width:16,height:16})))}};t.style=e;export{t as z_myz_card_icon};
-//# sourceMappingURL=p-9b9a04ad.entry.js.map
+import{r,h as o}from"./p-75c4a726.js";const a="button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";const e=a;const t=class{constructor(o){r(this,o);this.icon=undefined;this.isdisabled=false;this.ariaLabel=""}render(){return o("button",{key:"dce263721e9c0483d2715776decad8392c9d083f",disabled:this.isdisabled,"aria-label":this.ariaLabel},o("span",{key:"cd20d6f9c83b394cd651bcf8b92626daa04e9c16"},o("z-icon",{key:"ecdad1d4dc3b39826f0a4cb51e3cb0b97fe5f3f0",name:this.icon,width:16,height:16})))}};t.style=e;export{t as z_myz_card_icon};
+//# sourceMappingURL=p-140b5d8f.entry.js.map

package/dist/web-components-library/p-155c52f7.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as n,a as o,g as s}from"./p-75c4a726.js";import{P as a,B as i,e as c}from"./p-6037cdf3.js";const l=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}';const h=l;const r=class{constructor(n){e(this,n);this.colspanChange=t(this,"colspanChange",6);this.colspan=undefined;this.sticky=false;this.showMenu=null;this.popoverPosition=a.AUTO;this.isMenuOpen=false}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}this.colspanChange.emit(this.colspan||1)}onMenuButtonClick(e){e.stopPropagation();this.popoverEl.open=!this.popoverEl.open}componentWillLoad(){this.updateColspan()}render(){return n(o,{key:"36a62d2c751b3b889c7f69280418e95ff02192d5",role:"cell","menu-open":this.isMenuOpen},n("div",{key:"d9cdf988ecedb17c06b7081919a77122b5d28660",class:"cell--content"},n("slot",{key:"f5627d2fea6d851092356ba32932f7ccc1031398"}),this.showMenu&&n("div",{key:"f58a7b0a33b62aeca07a2fa21958a714345b6dac",class:"cell--menu-container prevent-expand"},n("z-button",{key:"6b96fb5d5f7108f29a010f93e68f4e9e1b249ab1",variant:i.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:e=>this.menuTrigger=e,onClick:this.onMenuButtonClick.bind(this)}),n("z-popover",{key:"a73b3a6c8b3aff6c689f14c2b90bc4a2626cff3b",class:"cell-popover",ref:e=>this.popoverEl=e,bindTo:this.menuTrigger,onOpenChange:e=>this.isMenuOpen=e.detail.open,position:this.popoverPosition},n("slot",{key:"9444ad52d7660466cb784e565306fd72922d5426",name:"contextual-menu"})))))}get host(){return s(this)}static get watchers(){return{colspan:["updateColspan"]}}};r.style=h;export{r as Z};
+//# sourceMappingURL=p-155c52f7.js.map

package/{www/build/p-4a2e0034.js.map → dist/web-components-library/p-155c52f7.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stylesCss","ZTdStyle0","ZTd","PopoverPosition","AUTO","updateColspan","this","colspan","host","style","gridColumn","removeProperty","colspanChange","emit","onMenuButtonClick","ev","stopPropagation","popoverEl","open","componentWillLoad","render","h","Host","key","role","isMenuOpen","showMenu","class","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","onClick","bind","bindTo","onOpenChange","event","detail","position","popoverPosition","name"],"sources":["src/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","src/components/table/cells/z-td/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\n@Component({\n  tag: \"z-td\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTd {\n  @Element() host: HTMLZTdElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Set the popover position, the default is \"auto\".\n   */\n  @Prop()\n  popoverPosition?: PopoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  private menuTrigger: HTMLZButtonElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Emitted when the value of the `colspan` changes.\n   */\n  @Event({\n    bubbles: true,\n    cancelable: false,\n  })\n  colspanChange: EventEmitter<number>;\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n\n    this.colspanChange.emit(this.colspan || 1);\n  }\n\n  private onMenuButtonClick(ev: MouseEvent): void {\n    ev.stopPropagation();\n    this.popoverEl.open = !this.popoverEl.open;\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZTdElement {\n    return (\n      <Host\n        role=\"cell\"\n        menu-open={this.isMenuOpen}\n      >\n        <slot></slot>\n        {this.showMenu && (\n          <div class=\"cell--menu-container prevent-expand\">\n            <z-button\n              variant={ButtonVariant.TERTIARY}\n              icon=\"contextual-menu\"\n              size={ControlSize.X_SMALL}\n              ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n              onClick={this.onMenuButtonClick.bind(this)}\n            />\n            <z-popover\n              class=\"cell-popover\"\n              ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n              bindTo={this.menuTrigger as HTMLElement}\n              onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n              position={this.popoverPosition}\n            >\n              <slot name=\"contextual-menu\"></slot>\n            </z-popover>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAY,2iCAClB,MAAAC,EAAeD,E,MCWFE,EAAG,M,yGAaL,M,cAQuB,K,qBAMIC,EAAgBC,K,gBAMvC,K,CAgBH,aAAAC,GACR,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,KAAKC,MAAMC,WAAa,QAAQJ,KAAKC,S,KACrC,CACLD,KAAKE,KAAKC,MAAME,eAAe,c,CAGjCL,KAAKM,cAAcC,KAAKP,KAAKC,SAAW,E,CAGlC,iBAAAO,CAAkBC,GACxBA,EAAGC,kBACHV,KAAKW,UAAUC,MAAQZ,KAAKW,UAAUC,I,CAGxC,iBAAAC,GACEb,KAAKD,e,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,OAAM,YACAlB,KAAKmB,YAEhBJ,EAAA,QAAAE,IAAA,6CACCjB,KAAKoB,UACJL,EAAA,OAAAE,IAAA,2CAAKI,MAAM,uCACTN,EAAA,YAAAE,IAAA,2CACEK,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQ9B,KAAK+B,YAAcD,EACjCE,QAAShC,KAAKQ,kBAAkByB,KAAKjC,QAEvCe,EAAA,aAAAE,IAAA,2CACEI,MAAM,eACNQ,IAAMC,GAAQ9B,KAAKW,UAAYmB,EAC/BI,OAAQlC,KAAK+B,YACbI,aAAeC,GAAWpC,KAAKmB,WAAaiB,EAAMC,OAAOzB,KACzD0B,SAAUtC,KAAKuC,iBAEfxB,EAAA,QAAAE,IAAA,2CAAMuB,KAAK,sB","ignoreList":[]}
+{"version":3,"names":["stylesCss","ZTdStyle0","ZTd","PopoverPosition","AUTO","updateColspan","this","colspan","host","style","gridColumn","removeProperty","colspanChange","emit","onMenuButtonClick","ev","stopPropagation","popoverEl","open","componentWillLoad","render","h","Host","key","role","isMenuOpen","class","showMenu","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","onClick","bind","bindTo","onOpenChange","event","detail","position","popoverPosition","name"],"sources":["src/components/table/cells/z-td/styles.css?tag=z-td&encapsulation=shadow","src/components/table/cells/z-td/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTd component.\n * @slot - ZTd content.\n */\n@Component({\n  tag: \"z-td\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTd {\n  @Element() host: HTMLZTdElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Set the popover position, the default is \"auto\".\n   */\n  @Prop()\n  popoverPosition?: PopoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  private menuTrigger: HTMLZButtonElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Emitted when the value of the `colspan` changes.\n   */\n  @Event({\n    bubbles: true,\n    cancelable: false,\n  })\n  colspanChange: EventEmitter<number>;\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n\n    this.colspanChange.emit(this.colspan || 1);\n  }\n\n  private onMenuButtonClick(ev: MouseEvent): void {\n    ev.stopPropagation();\n    this.popoverEl.open = !this.popoverEl.open;\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZTdElement {\n    return (\n      <Host\n        role=\"cell\"\n        menu-open={this.isMenuOpen}\n      >\n        <div class=\"cell--content\">\n          <slot></slot>\n          {this.showMenu && (\n            <div class=\"cell--menu-container prevent-expand\">\n              <z-button\n                variant={ButtonVariant.TERTIARY}\n                icon=\"contextual-menu\"\n                size={ControlSize.X_SMALL}\n                ref={(el) => (this.menuTrigger = el as HTMLZButtonElement)}\n                onClick={this.onMenuButtonClick.bind(this)}\n              />\n              <z-popover\n                class=\"cell-popover\"\n                ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n                bindTo={this.menuTrigger as HTMLElement}\n                onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n                position={this.popoverPosition}\n              >\n                <slot name=\"contextual-menu\"></slot>\n              </z-popover>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAY,whCAClB,MAAAC,EAAeD,E,MCWFE,EAAG,M,yGAaL,M,cAQuB,K,qBAMIC,EAAgBC,K,gBAMvC,K,CAgBH,aAAAC,GACR,GAAIC,KAAKC,QAAS,CAChBD,KAAKE,KAAKC,MAAMC,WAAa,QAAQJ,KAAKC,S,KACrC,CACLD,KAAKE,KAAKC,MAAME,eAAe,c,CAGjCL,KAAKM,cAAcC,KAAKP,KAAKC,SAAW,E,CAGlC,iBAAAO,CAAkBC,GACxBA,EAAGC,kBACHV,KAAKW,UAAUC,MAAQZ,KAAKW,UAAUC,I,CAGxC,iBAAAC,GACEb,KAAKD,e,CAGP,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,OAAM,YACAlB,KAAKmB,YAEhBJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,iBACTL,EAAA,QAAAE,IAAA,6CACCjB,KAAKqB,UACJN,EAAA,OAAAE,IAAA,2CAAKG,MAAM,uCACTL,EAAA,YAAAE,IAAA,2CACEK,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQ9B,KAAK+B,YAAcD,EACjCE,QAAShC,KAAKQ,kBAAkByB,KAAKjC,QAEvCe,EAAA,aAAAE,IAAA,2CACEG,MAAM,eACNS,IAAMC,GAAQ9B,KAAKW,UAAYmB,EAC/BI,OAAQlC,KAAK+B,YACbI,aAAeC,GAAWpC,KAAKmB,WAAaiB,EAAMC,OAAOzB,KACzD0B,SAAUtC,KAAKuC,iBAEfxB,EAAA,QAAAE,IAAA,2CAAMuB,KAAK,uB","ignoreList":[]}

package/dist/web-components-library/p-16719dff.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_tfoot}from"./p-a167bdd5.js";import"./p-75c4a726.js";
+//# sourceMappingURL=p-16719dff.entry.js.map

package/dist/web-components-library/{p-45dc157c.entry.js → p-17d2d60b.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as n}from"./p-75c4a726.js";const a='*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';const e=a;const i=class{constructor(n){t(this,n);this.listdata=undefined;this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,n){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(n,"_blank")}}formatListContent(t){const{value:a,isLink:e,url:i}=t;if(!e){return n("span",null,a)}return n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},a)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"940d7610b69261b22535eabeb94fbc305b21b448"},this.renderList(JSON.parse(this.listdata)))}};i.style=e;export{i as z_myz_card_list};
-//# sourceMappingURL=p-45dc157c.entry.js.map
+import{r as t,h as n}from"./p-75c4a726.js";const a='*:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:"•"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}';const e=a;const i=class{constructor(n){t(this,n);this.listdata=undefined;this.renderList=this.renderList.bind(this)}handleSpaceKeyPress(t,n){if(t.keyCode==32||t.keyCode==13){t.preventDefault();window.open(n,"_blank")}}formatListContent(t){const{value:a,isLink:e,url:i}=t;if(!e){return n("span",null,a)}return n("a",{role:"button",onKeyPress:t=>this.handleSpaceKeyPress(t,i),href:i,target:"_blank"},a)}renderList(t){return t.map((t=>n("li",null,this.formatListContent(t))))}render(){return n("ul",{key:"4b0208d11f8bf0bce26d4f2613546485c603c4df"},this.renderList(JSON.parse(this.listdata)))}};i.style=e;export{i as z_myz_card_list};
+//# sourceMappingURL=p-17d2d60b.entry.js.map

package/dist/web-components-library/p-17fea974.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,a as s,g as n}from"./p-75c4a726.js";import{P as i,S as a,B as r,e as c}from"./p-6037cdf3.js";const h=':host{position:relative;display:flex;max-width:100%;align-items:center;padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));background-color:var(--color-surface01);gap:calc(var(--space-unit) * 2) var(--space-unit)}:host,*{box-sizing:border-box}:host([sticky]){position:sticky;z-index:1;top:0;left:0;box-shadow:8px 0 16px -8px var(--shadow-color-base)}:host([menu-open]){z-index:2}.cell--content{display:flex;width:100%;height:100%;align-items:center}:host([show-menu]) .cell--content{column-gap:var(--space-unit)}.cell--menu-container{margin-left:auto}:host(:not([show-menu])) .cell--menu-container{opacity:0;pointer-events:none}:host(:is([show-menu],[menu-open])) .cell--menu-container,:host([show-menu]) .cell--menu-container:focus-within{z-index:1;opacity:1;pointer-events:all}:host .cell-popover{z-index:100}@media (min-width: 768px) and (hover: hover){:host([show-menu="hover"]) .cell--menu-container{opacity:0;pointer-events:none}:host([show-menu="hover"]:hover) .cell--menu-container{z-index:1;opacity:1;pointer-events:all}}:host{z-index:1;padding:0;background-color:var(--color-surface02);font-weight:var(--font-sb)}.cell--content{padding:calc(var(--space-unit) * 2)}:host([show-sorting]) .cell--content{column-gap:var(--space-unit)}.z-th--sort-button{padding:0;border:none;background-color:transparent;cursor:pointer;outline:none}@media (min-width: 768px) and (hover: hover){:host([show-sorting="hover"]) .z-th--sort-button{opacity:0;pointer-events:none}:host([show-sorting="hover"]:hover) .z-th--sort-button,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible,:host([show-sorting="always"]) .z-th--sort-button,:host([sorted]) .z-th--sort-button{opacity:1;pointer-events:all}}:host([show-sorting="hover"]:hover) .z-th--sort-button::after,:host([show-sorting="hover"]) .z-th--sort-button:focus:focus-visible::after,:host([show-sorting="always"]) .z-th--sort-button::after,:host([sorted]) .z-th--sort-button::after{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 10px);background-color:transparent;content:""}:host([sorted]) .z-th--sort-button::after,.z-th--sort-button:focus:focus-visible::after{box-shadow:var(--shadow-focus-primary)}';const l=h;const d=class{constructor(e){t(this,e);this.sort=o(this,"sort",7);this.colspan=undefined;this.showMenu=null;this.showSorting=null;this.sticky=false;this.sortDirection=undefined;this.sorted=false;this.popoverPosition=i.AUTO;this.isMenuOpen=false}get ariaSortDirection(){if(!this.sortDirection){return null}return this.sortDirection===a.ASC?"ascending":"descending"}handleSort(){if(!this.sortDirection){this.sorted=false;return}this.sortDirection=this.sortDirection===a.ASC?a.DESC:a.ASC;this.sorted=true;this.sort.emit({sortDirection:this.sortDirection})}updateColspan(){if(this.colspan){this.host.style.gridColumn=`span ${this.colspan}`}else{this.host.style.removeProperty("grid-column")}}componentWillLoad(){this.updateColspan()}render(){return e(s,{key:"e0dd2a24787597fa832ba06e3eec6c18a8204f2f",role:"columnheader","menu-open":this.isMenuOpen,"aria-sort":this.ariaSortDirection,sortable:this.showSorting},e("div",{key:"4274667d48308bfdaf727f1707ef7d44eb71a356",class:"cell--content"},e("slot",{key:"52166cb6e7a60e5fb248e22990c8942944ca05fe"}),this.showSorting&&e("button",{key:"1b8c8cbb9539eb83b3381535fdb857bdd9451fe3",class:"z-th--sort-button",type:"button",onClick:this.handleSort.bind(this)},e("z-icon",{key:"414ddf43bf9fec1df07cfe4146a4c9bdbc8dacbf",name:this.sortDirection===a.DESC?"arrow-simple-up":"arrow-simple-down",width:14,height:14})),this.showMenu&&e("div",{key:"7633c04c015392315720bc7566fc59b7cfb2cc1d",class:"cell--menu-container"},e("z-button",{key:"0786009425989ad4eb5878f665d095c318a335d8",variant:r.TERTIARY,icon:"contextual-menu",size:c.X_SMALL,ref:t=>this.menuTrigger=t,onClick:()=>this.popoverEl.open=!this.popoverEl.open}),e("z-popover",{key:"59ebb822c77766acc18cdb9c4e292aba20407e63",ref:t=>this.popoverEl=t,bindTo:this.menuTrigger,onOpenChange:t=>this.isMenuOpen=t.detail.open,position:this.popoverPosition},e("slot",{key:"801d41cbe534e989407421b60df2a7a7c46e4d22",name:"contextual-menu"})))))}get host(){return n(this)}static get watchers(){return{colspan:["updateColspan"]}}};d.style=l;export{d as Z};
+//# sourceMappingURL=p-17fea974.js.map

package/dist/web-components-library/p-17fea974.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZThStyle0","ZTh","PopoverPosition","AUTO","ariaSortDirection","this","sortDirection","SortDirection","ASC","handleSort","sorted","DESC","sort","emit","updateColspan","colspan","host","style","gridColumn","removeProperty","componentWillLoad","render","h","Host","key","role","isMenuOpen","sortable","showSorting","class","type","onClick","bind","name","width","height","showMenu","variant","ButtonVariant","TERTIARY","icon","size","ControlSize","X_SMALL","ref","el","menuTrigger","popoverEl","open","bindTo","onOpenChange","event","detail","position","popoverPosition"],"sources":["src/components/table/cells/z-th/styles.css?tag=z-th&encapsulation=shadow","src/components/table/cells/z-th/index.tsx"],"sourcesContent":["@import \"../z-table-cells.css\";\n\n:host {\n  z-index: 1;\n  padding: 0;\n  background-color: var(--color-surface02);\n  font-weight: var(--font-sb);\n}\n\n.cell--content {\n  padding: calc(var(--space-unit) * 2);\n}\n\n:host([show-sorting]) .cell--content {\n  column-gap: var(--space-unit);\n}\n\n.z-th--sort-button {\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  outline: none;\n}\n\n@media (min-width: 768px) and (hover: hover) {\n  :host([show-sorting=\"hover\"]) .z-th--sort-button {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  :host([show-sorting=\"hover\"]:hover) .z-th--sort-button,\n  :host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible,\n  :host([show-sorting=\"always\"]) .z-th--sort-button,\n  :host([sorted]) .z-th--sort-button {\n    opacity: 1;\n    pointer-events: all;\n  }\n}\n\n:host([show-sorting=\"hover\"]:hover) .z-th--sort-button::after,\n:host([show-sorting=\"hover\"]) .z-th--sort-button:focus:focus-visible::after,\n:host([show-sorting=\"always\"]) .z-th--sort-button::after,\n:host([sorted]) .z-th--sort-button::after {\n  position: absolute;\n  top: 6px;\n  left: 6px;\n  width: calc(100% - 12px);\n  height: calc(100% - 10px);\n  background-color: transparent;\n  content: \"\";\n}\n\n:host([sorted]) .z-th--sort-button::after,\n.z-th--sort-button:focus:focus-visible::after {\n  box-shadow: var(--shadow-focus-primary);\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ButtonVariant, ControlSize, PopoverPosition, SortDirection, VisibilityCondition} from \"../../../../beans\";\n\n/**\n * ZTh component.\n * @slot - ZTh content.\n * @slot contextual-menu - Contextual menu content. Only visible when `showMenu` is true.\n */\n@Component({\n  tag: \"z-th\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTh {\n  @Element() host: HTMLZThElement;\n\n  /**\n   * Number of columns that the cell should span.\n   */\n  @Prop()\n  colspan: number;\n\n  /**\n   * Enables the contextual menu.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the menu button.\n   */\n  @Prop({reflect: true})\n  showMenu: VisibilityCondition = null;\n\n  /**\n   * Enables the sorting button.\n   * Can be set to \"hover\" or \"always\" to show the button only on cell hover or always.\n   * Set a nullish value to hide the sort button.\n   */\n  @Prop({reflect: true})\n  showSorting: VisibilityCondition = null;\n\n  /**\n   * Whether the cell should stick.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  /**\n   * Current sorting direction.\n   */\n  @Prop({mutable: true})\n  sortDirection?: SortDirection;\n\n  /**\n   * Sorted state of the column.\n   */\n  @Prop({reflect: true, mutable: true})\n  sorted: boolean | null = false;\n\n  /**\n   * Set popover position.\n   */\n  @Prop()\n  popoverPosition = PopoverPosition.AUTO;\n\n  /**\n   * Store the open state of the menu.\n   */\n  @State()\n  isMenuOpen = false;\n\n  /**\n   * Sort event fired when the user clicks on the sort button.\n   * The sorting logic must be implemented by the app.\n   * You can set an `id` on the `z-th` to easly identify the column in the event listener.\n   */\n  @Event()\n  private sort: EventEmitter;\n\n  private menuTrigger: HTMLElement;\n\n  private popoverEl: HTMLZPopoverElement;\n\n  /**\n   * Get the value to set to the `aria-sort` attribute based on the current sort direction.\n   */\n  private get ariaSortDirection(): string {\n    if (!this.sortDirection) {\n      return null;\n    }\n\n    return this.sortDirection === SortDirection.ASC ? \"ascending\" : \"descending\";\n  }\n\n  /**\n   * Handle the click on the sort button.\n   * @fires sort\n   */\n  private handleSort(): void {\n    if (!this.sortDirection) {\n      this.sorted = false;\n\n      return;\n    }\n\n    this.sortDirection = this.sortDirection === SortDirection.ASC ? SortDirection.DESC : SortDirection.ASC;\n    this.sorted = true;\n\n    this.sort.emit({sortDirection: this.sortDirection});\n  }\n\n  @Watch(\"colspan\")\n  protected updateColspan(): void {\n    if (this.colspan) {\n      this.host.style.gridColumn = `span ${this.colspan}`;\n    } else {\n      this.host.style.removeProperty(\"grid-column\");\n    }\n  }\n\n  componentWillLoad(): void {\n    this.updateColspan();\n  }\n\n  render(): HTMLZThElement {\n    return (\n      <Host\n        role=\"columnheader\"\n        menu-open={this.isMenuOpen}\n        aria-sort={this.ariaSortDirection}\n        sortable={this.showSorting}\n      >\n        <div class=\"cell--content\">\n          <slot></slot>\n          {this.showSorting && (\n            <button\n              class=\"z-th--sort-button\"\n              type=\"button\"\n              onClick={this.handleSort.bind(this)}\n            >\n              <z-icon\n                name={this.sortDirection === SortDirection.DESC ? \"arrow-simple-up\" : \"arrow-simple-down\"}\n                width={14}\n                height={14}\n              />\n            </button>\n          )}\n          {this.showMenu && (\n            <div class=\"cell--menu-container\">\n              <z-button\n                variant={ButtonVariant.TERTIARY}\n                icon=\"contextual-menu\"\n                size={ControlSize.X_SMALL}\n                ref={(el) => (this.menuTrigger = el as HTMLElement)}\n                onClick={() => (this.popoverEl.open = !this.popoverEl.open)}\n              />\n              <z-popover\n                ref={(el) => (this.popoverEl = el as HTMLZPopoverElement)}\n                bindTo={this.menuTrigger}\n                onOpenChange={(event) => (this.isMenuOpen = event.detail.open)}\n                position={this.popoverPosition}\n              >\n                <slot name=\"contextual-menu\"></slot>\n              </z-popover>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yHAAA,MAAMA,EAAY,+pEAClB,MAAAC,EAAeD,E,MCYFE,EAAG,M,yFAekB,K,iBAQG,K,YAM1B,M,yCAYgB,M,qBAMPC,EAAgBC,K,gBAMrB,K,CAiBb,qBAAYC,GACV,IAAKC,KAAKC,cAAe,CACvB,OAAO,I,CAGT,OAAOD,KAAKC,gBAAkBC,EAAcC,IAAM,YAAc,Y,CAO1D,UAAAC,GACN,IAAKJ,KAAKC,cAAe,CACvBD,KAAKK,OAAS,MAEd,M,CAGFL,KAAKC,cAAgBD,KAAKC,gBAAkBC,EAAcC,IAAMD,EAAcI,KAAOJ,EAAcC,IACnGH,KAAKK,OAAS,KAEdL,KAAKO,KAAKC,KAAK,CAACP,cAAeD,KAAKC,e,CAI5B,aAAAQ,GACR,GAAIT,KAAKU,QAAS,CAChBV,KAAKW,KAAKC,MAAMC,WAAa,QAAQb,KAAKU,S,KACrC,CACLV,KAAKW,KAAKC,MAAME,eAAe,c,EAInC,iBAAAC,GACEf,KAAKS,e,CAGP,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,eAAc,YACRpB,KAAKqB,WAAU,YACfrB,KAAKD,kBAChBuB,SAAUtB,KAAKuB,aAEfN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,iBACTP,EAAA,QAAAE,IAAA,6CACCnB,KAAKuB,aACJN,EAAA,UAAAE,IAAA,2CACEK,MAAM,oBACNC,KAAK,SACLC,QAAS1B,KAAKI,WAAWuB,KAAK3B,OAE9BiB,EAAA,UAAAE,IAAA,2CACES,KAAM5B,KAAKC,gBAAkBC,EAAcI,KAAO,kBAAoB,oBACtEuB,MAAO,GACPC,OAAQ,MAIb9B,KAAK+B,UACJd,EAAA,OAAAE,IAAA,2CAAKK,MAAM,wBACTP,EAAA,YAAAE,IAAA,2CACEa,QAASC,EAAcC,SACvBC,KAAK,kBACLC,KAAMC,EAAYC,QAClBC,IAAMC,GAAQxC,KAAKyC,YAAcD,EACjCd,QAAS,IAAO1B,KAAK0C,UAAUC,MAAQ3C,KAAK0C,UAAUC,OAExD1B,EAAA,aAAAE,IAAA,2CACEoB,IAAMC,GAAQxC,KAAK0C,UAAYF,EAC/BI,OAAQ5C,KAAKyC,YACbI,aAAeC,GAAW9C,KAAKqB,WAAayB,EAAMC,OAAOJ,KACzDK,SAAUhD,KAAKiD,iBAEfhC,EAAA,QAAAE,IAAA,2CAAMS,KAAK,uB","ignoreList":[]}

package/dist/web-components-library/p-27bfe123.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,a,g as n}from"./p-75c4a726.js";import{r}from"./p-67e5e8ed.js";import"./p-155c52f7.js";import"./p-17fea974.js";const s=":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-surface02)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";const d=s;const i=class{constructor(o){t(this,o);this.expand=e(this,"expand",7);this.expandable=false;this.expanded=false;this.expandableContentId=undefined}updateColumns(){const t=Array.from(this.host.querySelectorAll("z-td, z-th"));if(this.expandable){t.pop()}const e=t.map((t=>t.colspan||1)).reduce(((t,e)=>t+e),0);this.host.style.setProperty("--columns",`${e}`);if(this.expandable){const e=t.pop();e.id=e.id||`z-tr-expandable-content-${r()}`;this.expandableContentId=e.id}}onRowClick(t){const e=t.target.closest(".prevent-expand");if(!this.expandable||e){return}this.expanded=!this.expanded;this.expand.emit({expanded:this.expanded})}componentWillLoad(){this.updateColumns()}render(){return o(a,{key:"f4ec553131b472795ba58de3d2dfecd217774879",role:"row",onClick:this.onRowClick.bind(this),expanded:this.expanded},o("div",{key:"746b4cef2f63c5b0c0c38a2b83606d81c0dd17cf",class:"z-tr--expand-button-container"},this.expandable&&o("button",{key:"96c12982390416514e22a25ebb8f889ee4795bea","aria-expanded":this.expanded?"true":"false","aria-label":this.expanded?"Comprimi riga":"Espandi riga","aria-controls":this.expandableContentId,type:"button"},o("z-icon",{key:"c0570b8d6d1fd6e7759a6f9d170dc3c5f932dc88",name:this.expanded?"minus-circled":"plus-circled"}))),o("slot",{key:"aa2d374dbd6a2dda118df9884c0a03c3234a2d01",onSlotchange:this.updateColumns.bind(this)}))}get host(){return n(this)}static get watchers(){return{expandable:["updateColumns"]}}};i.style=d;export{i as Z};
+//# sourceMappingURL=p-27bfe123.js.map

package/dist/web-components-library/p-27bfe123.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stylesCss","ZTrStyle0","ZTr","updateColumns","cells","Array","from","this","host","querySelectorAll","expandable","pop","columns","map","cell","colspan","reduce","a","b","style","setProperty","expandableContent","id","randomId","expandableContentId","onRowClick","event","preventExpand","target","closest","expanded","expand","emit","componentWillLoad","render","h","Host","key","role","onClick","bind","class","type","name","onSlotchange"],"sources":["src/components/table/z-tr/styles.css?tag=z-tr&encapsulation=shadow","src/components/table/z-tr/index.tsx"],"sourcesContent":[":host {\n  /* number of columns of the row. will be set in component's ts code */\n  --columns: 1;\n\n  display: grid;\n  box-sizing: border-box;\n  grid-auto-flow: column;\n  grid-template-columns: var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr));\n}\n\n* {\n  box-sizing: border-box;\n}\n\n.z-tr--expand-button-container,\n::slotted(*) {\n  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);\n}\n\n::slotted(*:not(:last-child)) {\n  border-right: var(--z-table--cell-left-border, none);\n}\n\n:host([expandable]) {\n  --show-expandable-button: visible;\n\n  cursor: pointer;\n}\n\n:host([expandable]) ::slotted(*) {\n  grid-row: 1;\n}\n\n:host([expandable]) ::slotted(:nth-last-child(2)) {\n  border-right: none;\n}\n\n:host([expandable]) ::slotted(*:last-child) {\n  border-left: 0;\n  grid-column: 1 / span calc(var(--columns) + 1);\n  grid-row: 2;\n}\n\n:host([expandable]:not([expanded])) ::slotted(*:last-child) {\n  display: none;\n}\n\n:host([expanded]) {\n  margin-bottom: 4px; /* prevents shadow to be cut by the next element */\n  box-shadow: 0 4px 4px -2px var(--shadow-color-base);\n}\n\n:host([expanded]) .z-tr--expand-button-container,\n:host([expanded]) ::slotted(*) {\n  background-color: var(--color-surface02);\n}\n\n.z-tr--expand-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--z-table--cells-background, var(--color-surface01));\n}\n\n.z-tr--expand-button-container button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  margin: auto;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n  visibility: var(--show-expandable-button, hidden);\n}\n\n.z-tr--expand-button-container button:focus {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-tr--expand-button-container button z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n","import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {randomId} from \"../../../utils/utils\";\nimport \"../cells/z-td/index\";\nimport \"../cells/z-th/index\";\n\n/**\n * ZTr component.\n * When the row is `expandable`, you can set the `prevent-expand` css class on an interactive element inside the row\n * to prevent the row from expanding.\n * @slot - ZTr content (`z-td` or `z-th`).\n */\n@Component({\n  tag: \"z-tr\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTr {\n  @Element() host: HTMLZTrElement;\n\n  /**\n   * Whether the row is expandable.\n   * Use a `z-td` as the last cell of the row for the additional content.\n   * It will show a button to expand/collapse the row.\n   * The last cell will be hidden until the button or row is clicked.\n   *\n   * If some element inside the expandable row contains the `prevent-expand` css class,\n   * the row will not expand by clicking that element.\n   */\n  @Prop({reflect: true})\n  expandable = false;\n\n  /**\n   * Whether the row is currently expanded.\n   */\n  @State()\n  expanded = false;\n\n  /**\n   * HTML Id of the expandable content.\n   * It is used to link the button to the content through the `aria-controls` attribute.\n   */\n  @State()\n  expandableContentId: string;\n\n  /** Row has been expanded */\n  @Event()\n  expand: EventEmitter;\n\n  @Watch(\"expandable\")\n  @Listen(\"colspanchange\")\n  protected updateColumns(): void {\n    const cells = Array.from(this.host.querySelectorAll<HTMLZTdElement | HTMLZThElement>(\"z-td, z-th\"));\n    if (this.expandable) {\n      cells.pop();\n    }\n\n    const columns = cells.map((cell) => cell.colspan || 1).reduce((a, b) => a + b, 0);\n    this.host.style.setProperty(\"--columns\", `${columns}`);\n\n    if (this.expandable) {\n      const expandableContent = cells.pop();\n      expandableContent.id = expandableContent.id || `z-tr-expandable-content-${randomId()}`;\n      this.expandableContentId = expandableContent.id;\n    }\n  }\n\n  /**\n   * Handle click on row.\n   * Skip expansion if the click is on a element with `prevent-expand` css class.\n   */\n  private onRowClick(event: MouseEvent): void {\n    const preventExpand = (event.target as HTMLElement).closest(\".prevent-expand\");\n    if (!this.expandable || preventExpand) {\n      return;\n    }\n\n    this.expanded = !this.expanded;\n    this.expand.emit({expanded: this.expanded});\n  }\n\n  componentWillLoad(): void {\n    this.updateColumns();\n  }\n\n  render(): HTMLZTrElement {\n    return (\n      <Host\n        role=\"row\"\n        onClick={this.onRowClick.bind(this)}\n        expanded={this.expanded}\n      >\n        <div class=\"z-tr--expand-button-container\">\n          {this.expandable && (\n            <button\n              aria-expanded={this.expanded ? \"true\" : \"false\"}\n              aria-label={this.expanded ? \"Comprimi riga\" : \"Espandi riga\"}\n              aria-controls={this.expandableContentId}\n              type=\"button\"\n            >\n              <z-icon name={this.expanded ? \"minus-circled\" : \"plus-circled\"}></z-icon>\n            </button>\n          )}\n        </div>\n        <slot onSlotchange={this.updateColumns.bind(this)}></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0IAAA,MAAMA,EAAY,ojDAClB,MAAAC,EAAeD,E,MCeFE,EAAG,M,wEAaD,M,cAMF,M,mCAeD,aAAAC,GACR,MAAMC,EAAQC,MAAMC,KAAKC,KAAKC,KAAKC,iBAAkD,eACrF,GAAIF,KAAKG,WAAY,CACnBN,EAAMO,K,CAGR,MAAMC,EAAUR,EAAMS,KAAKC,GAASA,EAAKC,SAAW,IAAGC,QAAO,CAACC,EAAGC,IAAMD,EAAIC,GAAG,GAC/EX,KAAKC,KAAKW,MAAMC,YAAY,YAAa,GAAGR,KAE5C,GAAIL,KAAKG,WAAY,CACnB,MAAMW,EAAoBjB,EAAMO,MAChCU,EAAkBC,GAAKD,EAAkBC,IAAM,2BAA2BC,MAC1EhB,KAAKiB,oBAAsBH,EAAkBC,E,EAQzC,UAAAG,CAAWC,GACjB,MAAMC,EAAiBD,EAAME,OAAuBC,QAAQ,mBAC5D,IAAKtB,KAAKG,YAAciB,EAAe,CACrC,M,CAGFpB,KAAKuB,UAAYvB,KAAKuB,SACtBvB,KAAKwB,OAAOC,KAAK,CAACF,SAAUvB,KAAKuB,U,CAGnC,iBAAAG,GACE1B,KAAKJ,e,CAGP,MAAA+B,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,MACLC,QAAShC,KAAKkB,WAAWe,KAAKjC,MAC9BuB,SAAUvB,KAAKuB,UAEfK,EAAA,OAAAE,IAAA,2CAAKI,MAAM,iCACRlC,KAAKG,YACJyB,EAAA,UAAAE,IAAA,2DACiB9B,KAAKuB,SAAW,OAAS,QAAO,aACnCvB,KAAKuB,SAAW,gBAAkB,eAAc,gBAC7CvB,KAAKiB,oBACpBkB,KAAK,UAELP,EAAA,UAAAE,IAAA,2CAAQM,KAAMpC,KAAKuB,SAAW,gBAAkB,mBAItDK,EAAA,QAAAE,IAAA,2CAAMO,aAAcrC,KAAKJ,cAAcqC,KAAKjC,Q","ignoreList":[]}

package/dist/web-components-library/{p-100c6243.entry.js → p-291319ed.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i}from"./p-75c4a726.js";const n="ul{padding:0;margin:0}";const s=n;const a=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"f9ab893ced59fa7364b54575686431e0ee26398e"},this.list&&this.list.map(((n,s)=>i("z-myz-list-item",{listitemid:n.listitemid,text:n.text,link:n.link,linktarget:n.linktarget,icon:n.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};a.style=s;export{a as z_myz_list};
-//# sourceMappingURL=p-100c6243.entry.js.map
+import{r as t,h as i}from"./p-75c4a726.js";const n="ul{padding:0;margin:0}";const s=n;const a=class{constructor(i){t(this,i);this.inputrawdata=undefined;this.list=undefined}componentWillLoad(){if(this.inputrawdata){this.parseinputrawdata(this.inputrawdata)}}parseinputrawdata(t){this.list=[...JSON.parse(t)]}oninputrawdataChange(t){this.parseinputrawdata(t)}render(){const t=this.list?this.list.length-1:-1;return i("ul",{key:"5cb2ef9c27694d786b4163e2ee6a006b3cbc8f72"},this.list&&this.list.map(((n,s)=>i("z-myz-list-item",{listitemid:n.listitemid,text:n.text,link:n.link,linktarget:n.linktarget,icon:n.icon,underlined:t!=s}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};a.style=s;export{a as z_myz_list};
+//# sourceMappingURL=p-291319ed.entry.js.map

package/dist/web-components-library/p-2b15df8e.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_th}from"./p-17fea974.js";import"./p-75c4a726.js";import"./p-6037cdf3.js";
+//# sourceMappingURL=p-2b15df8e.entry.js.map

package/dist/web-components-library/p-2cab65f7.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as o}from"./p-75c4a726.js";import{P as t}from"./p-6037cdf3.js";const r=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-default-text);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";const s=r;const a=class{constructor(o){e(this,o);this.position=t.AUTO;this.dark=false;this.open=false;this.bindTo=undefined;this.closable=true}onPopoverOpenChange(){this.open=this.popoverEl.open}render(){return o("z-popover",{key:"055811eac8115dde60dadaf79951780df2ff64ae",ref:e=>this.popoverEl=e,bindTo:this.bindTo,open:this.open,position:this.position,closable:this.closable,center:true,showArrow:true},o("slot",{key:"bf96152d1131f62d93afbfe155ed0e80ad001385"}))}};a.style=s;export{a as z_tooltip};
+//# sourceMappingURL=p-2cab65f7.entry.js.map

package/dist/web-components-library/{p-f8bbca6e.entry.js → p-30f09188.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as o,h as r}from"./p-75c4a726.js";import{e as i,Y as t}from"./p-6037cdf3.js";const s=':host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface03);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant="background"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant="background"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}:host([size="x-small"]) summary{--summary-height:var(--summary-x-small-height)}:host([size="small"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size="x-small"],[size="small"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant="background"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant="background"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:""}:host([highlight][variant="background"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant="background"]:not([open])) summary::before,:host([highlight][variant="background"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size="x-small"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size="x-small"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size="x-small"],[size="small"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size="x-small"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant="background"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot="tag"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]+z-accordion[variant="background"]{border-radius:0}z-accordion[variant="background"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary){border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}';const c=s;const e=class{constructor(r){a(this,r);this.toggled=o(this,"toggled",7);this.label=undefined;this.icon=undefined;this.size=i.BIG;this.isDisabled=false;this.open=false;this.highlight=false;this.variant=t.DEFAULT;this.shadow=true}onDisabledChange(){if(this.isDisabled){this.open=false}}onDetailsToggle(){if(this.isDisabled){this.open=false;this.detailsElm.open=false;return}this.open=this.detailsElm.open;this.toggled.emit(this.open)}render(){return r("details",{key:"56a50ae163d1cb527d90732d637d0a657641cff7",ref:a=>this.detailsElm=a,onToggle:this.onDetailsToggle.bind(this),open:this.open},r("summary",{key:"22095c950d00c43d6ddfc3eaea13c804e24fbb37",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&r("z-icon",{key:"40f7b6d5dec14284aba76ca8884740b81f4d43a0",class:"z-accordion-label-icon",name:this.icon}),r("span",{key:"781a5720488ab4972e685d3ac4efafaf25cb1a20",class:"z-accordion-label"},this.label),r("span",{key:"83fbad7e915391654344591231db512b13ccd1bb",class:"z-accordion-tags"},r("slot",{key:"d02d6e89bf46e606fdf229906036fbf3ebdbff05",name:"tag"})),r("z-icon",{key:"d239c54b1187939517baf24809cab9c5168afa2a",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&r("div",{key:"750de9f238fad34d4d380f585cc948067f229f8a",class:"z-accordion-content",part:"content"},r("slot",{key:"41568aa9d4e561b1f7f43fbf2bf9cb7ab0c1a713"})))}static get watchers(){return{isDisabled:["onDisabledChange"]}}};e.style=c;export{e as z_accordion};
-//# sourceMappingURL=p-f8bbca6e.entry.js.map
+import{r as a,c as o,h as r}from"./p-75c4a726.js";import{e as i,Y as t}from"./p-6037cdf3.js";const e=':host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface03);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant="background"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant="background"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}:host([size="x-small"]) summary{--summary-height:var(--summary-x-small-height)}:host([size="small"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size="x-small"],[size="small"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant="background"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant="background"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:""}:host([highlight][variant="background"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant="background"]:not([open])) summary::before,:host([highlight][variant="background"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant="background"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size="x-small"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size="x-small"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size="x-small"],[size="small"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size="x-small"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant="background"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot="tag"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant="background"]+z-accordion[variant="background"]{border-radius:0}z-accordion[variant="background"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant="background"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]::part(summary){border-radius:0}z-accordion[variant="background"]+z-accordion[variant="background"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}';const s=e;const c=class{constructor(r){a(this,r);this.toggled=o(this,"toggled",7);this.label=undefined;this.icon=undefined;this.size=i.BIG;this.isDisabled=false;this.open=false;this.highlight=false;this.variant=t.DEFAULT;this.shadow=true}onDisabledChange(){if(this.isDisabled){this.open=false}}onDetailsToggle(){if(this.isDisabled){this.open=false;this.detailsElm.open=false;return}this.open=this.detailsElm.open;this.toggled.emit(this.open)}render(){return r("details",{key:"6cbbf8aca4848416bbc95fb8114fe2ebeb857a35",ref:a=>this.detailsElm=a,onToggle:this.onDetailsToggle.bind(this),open:this.open},r("summary",{key:"983d8f605375d5ddce8a4a51b5b63fa8e405a483",tabIndex:this.isDisabled?-1:null,part:"summary"},this.icon&&r("z-icon",{key:"595a91626c910b3dd13360bb5ad9fb09a147facc",class:"z-accordion-label-icon",name:this.icon}),r("span",{key:"30f72bedfb26e6150853c06e0e7a3e9a21afcd11",class:"z-accordion-label"},this.label),r("span",{key:"bfbf51e33e0114ada33cad9ea49f878cb5f39d41",class:"z-accordion-tags"},r("slot",{key:"027530202366a508b0b434b7cf02b7e4fe6763dd",name:"tag"})),r("z-icon",{key:"8f02c3ea045b217b0b3edc08eb0c768bf98db040",class:"z-accordion-chevron",name:this.open?"chevron-up":"chevron-down"})),!this.isDisabled&&r("div",{key:"1b03e279c9a10fcbfd753c6d364e21e78b663fdd",class:"z-accordion-content",part:"content"},r("slot",{key:"278b1775544aad10d9a8eb4df69b370b6542291f"})))}static get watchers(){return{isDisabled:["onDisabledChange"]}}};c.style=s;export{c as z_accordion};
+//# sourceMappingURL=p-30f09188.entry.js.map

package/dist/web-components-library/p-32d603b8.js

@@ -0,0 +1,2 @@
+import{r as o,h as s,a as r}from"./p-75c4a726.js";const c=":host{--z-table--cells-bottom-border-size:var(\n    --border-size-medium\n  );--z-table--cells-background:var(\n    --color-surface02\n  );display:block;box-sizing:border-box}:host([sticky]){position:sticky;z-index:2;top:0;box-shadow:0 2px 4px -2px var(--shadow-color-base)}";const e=c;const t=class{constructor(s){o(this,s);this.sticky=false}render(){return s(r,{key:"ba72ed16202c8dbcc0176254347cdbdbc9d11418",role:"rowgroup"},s("slot",{key:"4c2f8a0ee4fbd2718796cc254dd3d689403782cf"}))}};t.style=e;export{t as Z};
+//# sourceMappingURL=p-32d603b8.js.map

package/dist/web-components-library/p-3b26bd7b.entry.js

@@ -0,0 +1,2 @@
+export{Z as z_td}from"./p-155c52f7.js";import"./p-75c4a726.js";import"./p-6037cdf3.js";
+//# sourceMappingURL=p-3b26bd7b.entry.js.map

package/dist/web-components-library/p-3d97dedf.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e}from"./p-75c4a726.js";const r=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{height:128px;box-sizing:border-box;padding:var(--space-unit) calc(var(--space-unit) * 2) 0;border-top:var(--border-size-medium) solid var(--color-surface03);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";const a=r;const t=class{constructor(e){o(this,e)}render(){return e("div",{key:"360208c758c0173bd270a796f5537c12ca3a6025"},e("footer",{key:"2cc4273bc39b575eb1c2adbb8c32f261efbc6eaa"},e("div",{key:"d8f3dccf2e3db8245281ba76b8643f147b0fe6e0",class:"top"},e("slot",{key:"8552908078ded7a827b7c6c3fa53c73ae3a2f64d",name:"top"})),e("div",{key:"d416449033db5c2b5d1e5d5db24067a71e10d9bc",class:"bottom"},e("slot",{key:"a3404835e90df89465f0e6317d4f71f879a6cff0",name:"bottom"}))))}};t.style=a;export{t as z_myz_card_footer_sections};
+//# sourceMappingURL=p-3d97dedf.entry.js.map

package/dist/web-components-library/{p-9a1b51ed.entry.js → p-4704cece.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e,a as s,g as o}from"./p-75c4a726.js";import{U as r,V as n,p as a,g as l,P as h,i as p}from"./p-6037cdf3.js";import{g as c,d}from"./p-67e5e8ed.js";import"./p-5145a606.js";const f=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-link-primary);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-link-primary)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-link-primary);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-surface02);--z-popover-padding:0}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}";const u=f;const m=class{constructor(e){i(this,e);this.clickOnNode=t(this,"clickOnNode",7);this.collapsedElements=[];this.currentIndex=0;this.truncatePosition=null;this.pathStyle=r.UNDERLINED;this.homepageVariant=n.ICON;this.maxNodesToShow=5;this.preventFollowUrl=false;this.overflowMenuItemRows=0;this.truncateChar=30;this.viewPortWidth=undefined;this.hasOverflow=false;this.popoverEllipsisOpen=false}handleResize(){this.viewPortWidth=c();if(this.viewPortWidth!==a.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(i,t){if(i===a.MOBILE||t===a.MOBILE&&i===a.TABLET||t===a.MOBILE&&i===a.DESKTOP||t===a.MOBILE&&i===a.DESKTOP_WIDE||t===a.TABLET&&i===a.DESKTOP||t===a.TABLET&&i===a.DESKTOP_WIDE||t===a.DESKTOP&&i===a.DESKTOP_WIDE){this.initializeBreadcrumb()}}componentWillLoad(){this.viewPortWidth=c();this.initializeBreadcrumb()}componentWillRender(){if(this.viewPortWidth!==a.MOBILE&&this.hasOverflow){this.checkEllipsisOrOverflowMenu();this.hasOverflow=false}}componentDidRender(){if(this.collapsedElementsRef){this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))}if(this.viewPortWidth!==a.MOBILE&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}initializeBreadcrumb(){if(this.viewPortWidth===a.MOBILE){this.pathsList=this.getPathsItemsList().filter((i=>!!i.path))}else{this.pathsList=this.getPathsItemsList()}this.homepageNode=this.pathsList.shift();this.pathListCopy=[...this.pathsList];this.collapsedElements=[];if(this.pathsList.length>this.maxNodesToShow){this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2)}}checkEllipsisOrOverflowMenu(){for(let i=0;i<this.pathsList.length;i++){if(this.pathsList[i].text.length<=this.truncateChar){continue}if(this.truncatePosition>0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition));this.pathsList.splice(0,this.truncatePosition);this.truncatePosition=0;return}else if(this.truncatePosition===0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1));this.pathsList.splice(0,this.truncatePosition+1);this.truncatePosition=null;return}if(i!==this.pathsList.length-1){const t=this.truncateWithEllipsis(this.pathsList[i].text,this.truncateChar);this.currentEllipsisText=this.pathsList[i].text;this.pathsList[i].text=t;this.pathsList[i].hasTooltip=true;this.truncatePosition=i;return}}}truncateWithEllipsis(i,t){if(i.length<=t){return i}return i.substring(0,t-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((i=>({text:i.textContent,path:i.href,hasTooltip:false})))}renderHomepageNode(){return e("li",null,e("a",{class:{"homepage-text":this.homepageVariant===n.TEXT},href:this.homepageNode.path,onClick:i=>this.handlePreventFollowUrl(i,this.homepageNode),innerHTML:this.homepageVariant===n.ICON?`<z-icon name="home" />`:this.homepageNode.text||"Home"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}togglePopover(){if(!this.collapsedElementsRef.open){this.collapsedElementsRef.open=true}}handlePreventFollowUrl(i,t){if(this.preventFollowUrl){i.preventDefault();this.clickOnNode.emit(t.path)}}handleOverflowMenuAccessibility(i){const t=this.anchorElements.length;if(i.key===l.TAB){i.preventDefault();return}i.stopPropagation();const e=[l.ARROW_DOWN,l.ARROW_UP];if(e.includes(i.key)){i.preventDefault();if(i.key===l.ARROW_DOWN){this.currentIndex=t===this.currentIndex+1?0:this.currentIndex+1}if(i.key===l.ARROW_UP){this.currentIndex=this.currentIndex<=0?t-1:this.currentIndex-1}this.anchorElements[this.currentIndex].focus()}if(i.key===l.ESC){this.triggerButton.focus()}}renderOverflowMenu(){return e("li",null,e("z-popover",{class:"hidden-paths-popover",ref:i=>this.collapsedElementsRef=i,bindTo:this.triggerButton,position:h.BOTTOM_RIGHT,closable:true,showArrow:true},e("div",{class:"popover-content"},e("z-list",null,e("z-list-group",{size:p.SMALL},this.collapsedElements.map(((i,t,s)=>e("div",null,e("z-list-element",{clickable:true},e("a",{class:"text-ellipsis",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i),onKeyDown:i=>this.handleOverflowMenuAccessibility(i),innerHTML:i.text})),t<s.length-1&&e("z-divider",{color:"color-surface03"})))))))),e("button",{class:"dots",ref:i=>this.triggerButton=i,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:i=>{d(i,this.togglePopover.bind(this));setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}renderMobileItems(){const i=this.pathsList[this.pathsList.length-1];if(!i){return}return e("li",null,e("a",{"aria-current":i.path?undefined:"page",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i)},e("z-icon",{name:"chevron-left"}),e("span",{class:{"missing-path":!i.path,"text-ellipsis":true}},i.text)))}renderItems(){let i;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((t,s)=>e("li",null,t.hasTooltip&&e("z-popover",{class:"full-path-tooltip",bindTo:i,open:this.popoverEllipsisOpen,position:h.BOTTOM_RIGHT,closable:false,showArrow:true},e("span",{class:"tooltip-content"},this.currentEllipsisText)),e("a",{class:{"missing-path":!t.path},ref:t=>i=t,"aria-current":t.path?undefined:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=true}},onMouseLeave:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=false}},innerHTML:t.text}),s!==this.pathsList.length-1&&e("z-icon",{class:"separator",name:"chevron-right"}))))]}render(){return e(s,{key:"582cae1fd6a48626be9e602dfeb565e7a592f786",style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},e("nav",{key:"b029e4b1206b9ef6235d2c4995bd90a7ff05ffdf",ref:i=>this.wrapElement=i,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===r.SEMIBOLD,underlined:this.pathStyle===r.UNDERLINED}},e("ol",{key:"738872ff5e7edc74ea1dc1f0b2b29379412f02f1"},this.viewPortWidth===a.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return o(this)}static get watchers(){return{maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};m.style=u;export{m as z_breadcrumb};
-//# sourceMappingURL=p-9a1b51ed.entry.js.map
+import{r as i,c as t,h as e,a as s,g as o}from"./p-75c4a726.js";import{U as r,V as n,p as a,g as l,P as h,i as p}from"./p-6037cdf3.js";import{g as c,d}from"./p-67e5e8ed.js";import"./p-5145a606.js";const f=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--line-clamp-popover:0;--line-clamp-mobile:1}*{box-sizing:border-box}button{padding:0;border:none;margin:0;background-color:transparent}nav{display:flex;align-items:center}ol{display:flex;align-items:center;padding:0;margin:0;column-gap:var(--space-unit);list-style:none}li{display:flex;align-items:center;justify-content:flex-start;column-gap:var(--space-unit)}ol li>a,ol li>button{font-size:var(--font-size-2);letter-spacing:0.16px;line-height:1.4}a:focus,button:focus{box-shadow:var(--shadow-focus-primary);outline:none}a{color:var(--color-link-primary);white-space:nowrap}a.missing-path{color:var(--color-default-text)}.text-ellipsis{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--line-clamp-mobile);text-overflow:ellipsis;white-space:initial}nav.semibold>ol>li>a:not(.missing-path),nav.semibold>ol>li>button{font-weight:var(--font-sb);text-decoration:none}nav.underlined a,nav.underlined button{text-decoration:underline}z-icon{--z-icon-width:16px;--z-icon-height:16px;display:block;fill:var(--color-link-primary)}z-icon.separator{--z-icon-width:10px;--z-icon-height:10px;fill:var(--gray500)}button.dots{display:inline-block;color:var(--color-link-primary);cursor:pointer}.hidden-paths-popover .popover-content{max-width:302px;padding:calc(var(--space-unit) / 2) var(--space-unit);text-align:left}.hidden-paths-popover .popover-content a{font-weight:var(--font-rg);text-decoration:none}.hidden-paths-popover{--z-popover-theme--surface:var(--color-surface02);--z-popover-padding:0}.hidden-paths-popover::before,.full-path-tooltip::before{--arrow-edge-offset:calc(100% - (var(--space-unit) * 2.55))}.full-path-tooltip{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse);--z-popover-padding:0}.tooltip-content{padding:0 var(--space-unit);font-size:var(--font-size-2)}@media (min-width: 768px){.text-ellipsis{-webkit-line-clamp:var(--line-clamp-popover)}}@media (max-width: 767px){li a{display:flex;align-items:center;column-gap:var(--space-unit)}}";const u=f;const m=class{constructor(e){i(this,e);this.clickOnNode=t(this,"clickOnNode",7);this.collapsedElements=[];this.currentIndex=0;this.truncatePosition=null;this.pathStyle=r.UNDERLINED;this.homepageVariant=n.ICON;this.maxNodesToShow=5;this.preventFollowUrl=false;this.overflowMenuItemRows=0;this.truncateChar=30;this.viewPortWidth=undefined;this.hasOverflow=false;this.popoverEllipsisOpen=false}handleResize(){this.viewPortWidth=c();if(this.viewPortWidth!==a.MOBILE&&this.wrapElement&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}handlePropChange(){this.initializeBreadcrumb()}handleResizeUp(i,t){if(i===a.MOBILE||t===a.MOBILE&&i===a.TABLET||t===a.MOBILE&&i===a.DESKTOP||t===a.MOBILE&&i===a.DESKTOP_WIDE||t===a.TABLET&&i===a.DESKTOP||t===a.TABLET&&i===a.DESKTOP_WIDE||t===a.DESKTOP&&i===a.DESKTOP_WIDE){this.initializeBreadcrumb()}}componentWillLoad(){this.viewPortWidth=c();this.initializeBreadcrumb()}componentWillRender(){if(this.viewPortWidth!==a.MOBILE&&this.hasOverflow){this.checkEllipsisOrOverflowMenu();this.hasOverflow=false}}componentDidRender(){if(this.collapsedElementsRef){this.anchorElements=Array.from(this.hostElement.shadowRoot.querySelectorAll("z-list-group a"))}if(this.viewPortWidth!==a.MOBILE&&this.wrapElement.scrollWidth>this.wrapElement.clientWidth){this.hasOverflow=true}}initializeBreadcrumb(){if(this.viewPortWidth===a.MOBILE){this.pathsList=this.getPathsItemsList().filter((i=>!!i.path))}else{this.pathsList=this.getPathsItemsList()}this.homepageNode=this.pathsList.shift();this.pathListCopy=[...this.pathsList];this.collapsedElements=[];if(this.pathsList.length>this.maxNodesToShow){this.collapsedElements=this.pathsList.splice(0,this.pathsList.length-2)}}checkEllipsisOrOverflowMenu(){for(let i=0;i<this.pathsList.length;i++){if(this.pathsList[i].text.length<=this.truncateChar){continue}if(this.truncatePosition>0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition));this.pathsList.splice(0,this.truncatePosition);this.truncatePosition=0;return}else if(this.truncatePosition===0){this.collapsedElements.push(...this.pathListCopy.splice(0,this.truncatePosition+1));this.pathsList.splice(0,this.truncatePosition+1);this.truncatePosition=null;return}if(i!==this.pathsList.length-1){const t=this.truncateWithEllipsis(this.pathsList[i].text,this.truncateChar);this.currentEllipsisText=this.pathsList[i].text;this.pathsList[i].text=t;this.pathsList[i].hasTooltip=true;this.truncatePosition=i;return}}}truncateWithEllipsis(i,t){if(i.length<=t){return i}return i.substring(0,t-1)+"&mldr;"}getPathsItemsList(){return Array.from(this.hostElement.children).map((i=>({text:i.textContent,path:i.href,hasTooltip:false})))}renderHomepageNode(){return e("li",null,e("a",{class:{"homepage-text":this.homepageVariant===n.TEXT},href:this.homepageNode.path,onClick:i=>this.handlePreventFollowUrl(i,this.homepageNode),innerHTML:this.homepageVariant===n.ICON?`<z-icon name="home" />`:this.homepageNode.text||"Home"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}togglePopover(){if(!this.collapsedElementsRef.open){this.collapsedElementsRef.open=true}}handlePreventFollowUrl(i,t){if(this.preventFollowUrl){i.preventDefault();this.clickOnNode.emit(t.path)}}handleOverflowMenuAccessibility(i){const t=this.anchorElements.length;if(i.key===l.TAB){i.preventDefault();return}i.stopPropagation();const e=[l.ARROW_DOWN,l.ARROW_UP];if(e.includes(i.key)){i.preventDefault();if(i.key===l.ARROW_DOWN){this.currentIndex=t===this.currentIndex+1?0:this.currentIndex+1}if(i.key===l.ARROW_UP){this.currentIndex=this.currentIndex<=0?t-1:this.currentIndex-1}this.anchorElements[this.currentIndex].focus()}if(i.key===l.ESC){this.triggerButton.focus()}}renderOverflowMenu(){return e("li",null,e("z-popover",{class:"hidden-paths-popover",ref:i=>this.collapsedElementsRef=i,bindTo:this.triggerButton,position:h.BOTTOM_RIGHT,closable:true,showArrow:true},e("div",{class:"popover-content"},e("z-list",null,e("z-list-group",{size:p.SMALL},this.collapsedElements.map(((i,t,s)=>e("div",null,e("z-list-element",{clickable:true},e("a",{class:"text-ellipsis",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i),onKeyDown:i=>this.handleOverflowMenuAccessibility(i),innerHTML:i.text})),t<s.length-1&&e("z-divider",{color:"color-surface03"})))))))),e("button",{class:"dots",ref:i=>this.triggerButton=i,"aria-label":"Mostra più breadcrumb","aria-haspopup":"true",onClick:()=>{this.togglePopover()},onKeyDown:i=>{d(i,this.togglePopover.bind(this));setTimeout((()=>{this.anchorElements[0].focus()}),100)},innerHTML:"&mldr;"}),this.pathsList.length>0&&e("z-icon",{class:"separator",name:"chevron-right"}))}renderMobileItems(){const i=this.pathsList[this.pathsList.length-1];if(!i){return}return e("li",null,e("a",{"aria-current":i.path?undefined:"page",href:i.path,onClick:t=>this.handlePreventFollowUrl(t,i)},e("z-icon",{name:"chevron-left"}),e("span",{class:{"missing-path":!i.path,"text-ellipsis":true}},i.text)))}renderItems(){let i;return[this.renderHomepageNode(),this.collapsedElements.length>0&&this.renderOverflowMenu(),...this.pathsList.map(((t,s)=>e("li",null,t.hasTooltip&&e("z-popover",{class:"full-path-tooltip",bindTo:i,open:this.popoverEllipsisOpen,position:h.BOTTOM_RIGHT,closable:false,showArrow:true},e("span",{class:"tooltip-content"},this.currentEllipsisText)),e("a",{class:{"missing-path":!t.path},ref:t=>i=t,"aria-current":t.path?undefined:"page",href:t.path,onClick:i=>this.handlePreventFollowUrl(i,t),onMouseOver:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=true}},onMouseLeave:()=>{if(t.hasTooltip){this.popoverEllipsisOpen=false}},innerHTML:t.text}),s!==this.pathsList.length-1&&e("z-icon",{class:"separator",name:"chevron-right"}))))]}render(){return e(s,{key:"ec59a3c1afe2d946df4b5ef8dae569b40e20e083",style:{"--line-clamp-popover":`${this.overflowMenuItemRows}`}},e("nav",{key:"9b1668c981c22cd2d52f31f58e2ac38a18f574fb",ref:i=>this.wrapElement=i,"aria-label":"Breadcrumb",class:{semibold:this.pathStyle===r.SEMIBOLD,underlined:this.pathStyle===r.UNDERLINED}},e("ol",{key:"fedac8ea463ba9b20784d20cf50f9f8526055d3b"},this.viewPortWidth===a.MOBILE?this.renderMobileItems():this.renderItems())))}get hostElement(){return o(this)}static get watchers(){return{maxNodesToShow:["handlePropChange"],viewPortWidth:["handleResizeUp"]}}};m.style=u;export{m as z_breadcrumb};
+//# sourceMappingURL=p-4704cece.entry.js.map