@zanichelli/albe-web-components 19.3.0-RC4 → 19.3.0-RC6

package/dist/collection/collection-manifest.json

@@ -2,16 +2,13 @@
   "entries": [
     "components/file-upload/z-file-upload/index.js",
     "components/book-card/z-book-card/index.js",
-    "components/z-button/index.js",
-    "components/z-icon/index.js",
-    "components/z-tag/index.js",
     "components/book-card/z-book-card-app/index.js",
     "components/date-picker/z-date-picker/index.js",
     "components/date-picker/z-range-picker/index.js",
     "components/deprecated/z-app-header-deprecated/index.js",
-    "components/deprecated/z-menu-deprecated/index.js",
-    "components/deprecated/z-menu-section-deprecated/index.js",
     "components/deprecated/z-book-card-deprecated/index.js",
+    "components/deprecated/z-menu-section-deprecated/index.js",
+    "components/deprecated/z-menu-deprecated/index.js",
     "components/deprecated/z-section-title/index.js",
     "components/file-upload/z-dragdrop-area/index.js",
     "components/file-upload/z-file/index.js",
@@ -29,29 +26,29 @@
     "components/z-accordion/index.js",
     "components/z-anchor-navigation/index.js",
     "components/z-app-header/index.js",
-    "components/z-menu-section/index.js",
-    "components/z-menu/index.js",
     "components/z-aria-alert/index.js",
-    "components/z-visually-hidden/index.js",
     "components/z-avatar/index.js",
     "components/z-book-cover/index.js",
     "components/z-breadcrumb/index.js",
+    "components/z-button/index.js",
     "components/z-button-sort/index.js",
     "components/z-card/index.js",
     "components/z-carousel/index.js",
-    "components/z-ghost-loading/index.js",
     "components/z-chip/index.js",
     "components/z-color-picker/index.js",
     "components/z-input/index.js",
     "components/z-combobox/index.js",
     "components/z-cover-hero/index.js",
-    "components/z-info-reveal/index.js",
     "components/z-divider/index.js",
+    "components/z-ghost-loading/index.js",
+    "components/z-icon/index.js",
     "components/z-info-box/index.js",
+    "components/z-info-reveal/index.js",
     "components/z-input-message/index.js",
     "components/z-logo/index.js",
+    "components/z-menu-section/index.js",
+    "components/z-menu/index.js",
     "components/z-modal/index.js",
-    "components/z-select/index.js",
     "components/z-navigation-tabs/index.js",
     "components/z-notification/index.js",
     "components/z-offcanvas/index.js",
@@ -60,9 +57,11 @@
     "components/z-popover/index.js",
     "components/z-result-card/index.js",
     "components/z-searchbar/index.js",
+    "components/z-select/index.js",
     "components/z-skip-to-content/index.js",
     "components/z-stepper/index.js",
     "components/z-stepper-item/index.js",
+    "components/z-tag/index.js",
     "components/z-toast-notification/index.js",
     "components/z-toast-notification-list/index.js",
     "components/z-toggle-button/index.js",
@@ -70,6 +69,7 @@
     "components/z-tool/index.js",
     "components/z-toolbar/index.js",
     "components/z-tooltip/index.js",
+    "components/z-visually-hidden/index.js",
     "snowflakes/myz/card/z-myz-card/index.js",
     "snowflakes/myz/card/z-myz-card-alert/index.js",
     "snowflakes/myz/card/z-myz-card-body/index.js",
@@ -87,10 +87,11 @@
     "snowflakes/myz/z-otp/index.js",
     "snowflakes/myz/z-slideshow/index.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.20.0",
-    "typescriptVersion": "5.5.3"
+    "version": "4.43.3",
+    "typescriptVersion": "5.8.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/book-card/z-book-card/index.js

@@ -7,29 +7,17 @@ import { BookCardVariant, ControlSize } from "../../../beans";
  * @slot data - External link and pill, default empty
  * @slot apps - List of card-related apps, default empty
  * @slot coverOverlay - Content to be displayed in the `z-book-cover` component slot
- * @cssprop --z-book-card-portrait-cover-height - Set custom cover height for portrait variant - Default: `378px`
- * @cssprop --z-book-card-title-lines - Set title avilable lines - Default: `2`
- * @cssprop --z-book-card-title-word-break - Set title word-break rule - Default: `initial`
- * @cssprop --z-book-card-subtitle-lines - Set subtitle available lines - Default: `1`
- * @cssprop --z-book-card-subtitle-word-break - Set subtitle word-break rule - Default: `break-all`
- * @cssprop --z-book-card-authors-lines - Set authors available lines - Default: `1`
- * @cssprop --z-book-card-authors-word-break - Set authors word-break rule - Default: `break-all`
  */
 export class ZBookCard {
     constructor() {
+        /** Card variant: landscape, portrait */
         this.variant = BookCardVariant.PORTRAIT;
-        this.cover = undefined;
-        this.operaTitle = undefined;
-        this.volumeTitle = undefined;
-        this.authors = undefined;
-        this.isbn = undefined;
+        /** [optional] ISBN label */
         this.isbnLabel = "";
-        this.year = undefined;
-        this.ebookUrl = undefined;
+        /** [optional] Value for the `target` attribute of the links created by `ebookUrl` prop. */
         this.linkTarget = "_blank";
-        this.fallbackCover = undefined;
+        /** Whether to show a stack of covers to represent multiple books (only for `portrait` variant). */
         this.hasMultipleCovers = false;
-        this.titleHtmlTag = undefined;
     }
     emitEbookClick() {
         this.ebookClick.emit();
@@ -89,7 +77,7 @@ export class ZBookCard {
         return h("slot", { name: "cta" });
     }
     render() {
-        return (h(Host, { key: '5fae727734d46a2bff95228aba24343fe8b44d71' }, h("div", { key: '68bae5839bfd59cfbf64c525085db9945fccfa22', class: "main-content" }, this.renderCover(), h("div", { key: '0f79c65a3b4778db175867ea3ef71a331c567dbf', class: "card-info" }, h("div", { key: '14f31c2adeb8ba009385cad9f3e5b91b1571402f', class: "top" }, h("div", { key: '6f53c622d7c46bc9c7086129d6e61efc3b8e87ac' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h("slot", { key: 'e320abfb8ccb71748b7f786e44f8acb7579c9008', name: "tags" }), h("slot", { key: '718e46c2db387806e6835db0a1f14880e1990a5f', name: "data" })), h("slot", { key: '625086bafb8ebb76bb4d419bfaa1f0e6a6bda8c4', name: "ebook" }, !!this.ebookUrl && h("div", { key: '534cddf3d9e4b7b184eda121d74999645bc60b4f', class: "bottom" }, this.renderEbook())))), h("slot", { key: '64cf4f52982302d9aa44a0a0b63b5d54cac3c3dc', name: "apps" })));
+        return (h(Host, { key: '51452a17d92d9cf92a12134fff963165748519e3' }, h("div", { key: 'f5ac7d525b4b25fda20b1772d5508d8e2e528cfd', class: "main-content" }, this.renderCover(), h("div", { key: 'ea9ef02b1f7acc53a442d5aa03e320a92fe4b57d', class: "card-info" }, h("div", { key: '194da8efc4f1f3e9e3a1549a86be1474f68873da', class: "top" }, h("div", { key: '522ae3f38eba5d95f1e8fc1239ec59fe7df32935' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h("slot", { key: '62869a3e3965c0f7611cc93e16c8c660b369ca17', name: "tags" }), h("slot", { key: '15c733e6644af2de263b0184f4c395ce967d773b', name: "data" })), h("slot", { key: 'eab8052dc791068b689e5d3cb95c0031fac19a9e', name: "ebook" }, !!this.ebookUrl && h("div", { key: '688bf22e1da5a8cd330aaccdb8d4fb7974f368bb', class: "bottom" }, this.renderEbook())))), h("slot", { key: '50d18fb8b88035ecb1d896eb199e7907c08872f1', name: "apps" })));
     }
     static get is() { return "z-book-card"; }
     static get encapsulation() { return "shadow"; }
@@ -115,7 +103,8 @@ export class ZBookCard {
                         "BookCardVariant": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::BookCardVariant"
+                            "id": "src/beans/index.tsx::BookCardVariant",
+                            "referenceLocation": "BookCardVariant"
                         }
                     }
                 },
@@ -125,8 +114,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "Card variant: landscape, portrait"
                 },
-                "attribute": "variant",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "variant",
                 "defaultValue": "BookCardVariant.PORTRAIT"
             },
             "cover": {
@@ -143,8 +134,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "Cover URL"
                 },
-                "attribute": "cover",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "cover"
             },
             "operaTitle": {
                 "type": "string",
@@ -160,8 +153,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "Opera title (card title)"
                 },
-                "attribute": "opera-title",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "opera-title"
             },
             "volumeTitle": {
                 "type": "string",
@@ -177,8 +172,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Volume title (card subvolume)"
                 },
-                "attribute": "volume-title",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "volume-title"
             },
             "authors": {
                 "type": "string",
@@ -194,8 +191,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Authors"
                 },
-                "attribute": "authors",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "authors"
             },
             "isbn": {
                 "type": "string",
@@ -211,8 +210,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Main ISBN"
                 },
-                "attribute": "isbn",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "isbn"
             },
             "isbnLabel": {
                 "type": "string",
@@ -228,8 +229,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] ISBN label"
                 },
-                "attribute": "isbn-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "isbn-label",
                 "defaultValue": "\"\""
             },
             "year": {
@@ -246,8 +249,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] year"
                 },
-                "attribute": "year",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "year"
             },
             "ebookUrl": {
                 "type": "string",
@@ -263,8 +268,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Link to the ebook resource. Creates a link also around the cover and title."
                 },
-                "attribute": "ebook-url",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ebook-url"
             },
             "linkTarget": {
                 "type": "string",
@@ -280,8 +287,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Value for the `target` attribute of the links created by `ebookUrl` prop."
                 },
-                "attribute": "link-target",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "link-target",
                 "defaultValue": "\"_blank\""
             },
             "fallbackCover": {
@@ -298,8 +307,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Fallback cover URL."
                 },
-                "attribute": "fallback-cover",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "fallback-cover"
             },
             "hasMultipleCovers": {
                 "type": "boolean",
@@ -315,8 +326,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "Whether to show a stack of covers to represent multiple books (only for `portrait` variant)."
                 },
-                "attribute": "has-multiple-covers",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "has-multiple-covers",
                 "defaultValue": "false"
             },
             "titleHtmlTag": {
@@ -333,8 +346,10 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Set a specific heading level as html tag for the title."
                 },
-                "attribute": "title-html-tag",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "title-html-tag"
             }
         };
     }
@@ -388,4 +403,3 @@ export class ZBookCard {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/book-card/z-book-card/styles.css

@@ -1,4 +1,13 @@
 :host {
+  /**
+   * @prop --z-book-card-portrait-cover-height: Set custom cover height for portrait variant - Default: `378px`
+   * @prop --z-book-card-title-lines: Set title avilable lines - Default: `2`
+   * @prop --z-book-card-title-word-break: Set title word-break rule - Default: `initial`
+   * @prop --z-book-card-subtitle-lines: Set subtitle available lines - Default: `1`
+   * @prop --z-book-card-subtitle-word-break: Set subtitle word-break rule - Default: `break-all`
+   * @prop --z-book-card-authors-lines: Set authors available lines - Default: `1`
+   * @prop --z-book-card-authors-word-break: Set authors word-break rule - Default: `break-all`
+   */
   --z-book-card-portrait-cover-height: 378px;
   --z-book-card-title-lines: 2;
   --z-book-card-title-word-break: initial;

package/dist/collection/components/book-card/z-book-card-app/index.js

@@ -2,16 +2,13 @@ import { h } from "@stencil/core";
 import { ControlSize, InfoRevealPosition } from "../../../beans";
 /**
  * ZBookCardApp component
- * @cssprop --z-book-card-app-padding-x - set left and right padding
- * @cssprop --z-book-card-app-padding-y - set top and bottom padding
  */
 export class ZBookCardApp {
     constructor() {
-        this.logo = undefined;
-        this.name = undefined;
-        this.link = undefined;
+        /**
+         * Show or hide laZ prefix before app name
+         */
         this.laz = true;
-        this.info = undefined;
     }
     emitAppClick() {
         this.appClick.emit();
@@ -23,7 +20,7 @@ export class ZBookCardApp {
         return null;
     }
     render() {
-        return (h("div", { key: 'f4399370ef0d8327498c6f889476260ede634651' }, h("a", { key: 'a56f4243fdc05fea9f58d58c853da2a720d209d2', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: 'f07624b5158708ac77d7f8885a3cb82e1ec17301', src: this.logo, alt: "" })), h("div", { key: '0d621241300a9a10b3ee9a8542ad23323b1d3da4', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: '799b9c1c5e6e526425fb1047412f93689694217e', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '970193baf4be408150d8a6119c5a1f10693502d7' }, this.info))), h("a", { key: 'f707f279ba8af397c0d53f558dda956e9853c061', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '42daafcf3f8214f01af1577522dafb091f26359f', name: "chevron-right", fill: "color-primary01-icon" }))));
+        return (h("div", { key: '1d1b2f0e55e862d339781bcc5569643b4600c1ac' }, h("a", { key: 'ce545fd451b0508cd5242ac5fe78a53f05bcd470', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: 'e6f70c907d4536ff79efb82d52520b250abe41ed', src: this.logo, alt: "" })), h("div", { key: '7159aca193bad1acab23f66074b07a8d37e82f4f', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: '354d150ea3ca2c1f5b21466da28f267548e0ee9c', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '361e85815010eba5863e1a49cb190150413f48f1' }, this.info))), h("a", { key: '52713f456a71c32de4d300c0411a8874364d7cf1', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '746e103053881320ed6840fecca10baf23b0a80a', name: "chevron-right", fill: "color-primary01-icon" }))));
     }
     static get is() { return "z-book-card-app"; }
     static get encapsulation() { return "shadow"; }
@@ -53,8 +50,10 @@ export class ZBookCardApp {
                     "tags": [],
                     "text": "App logo url"
                 },
-                "attribute": "logo",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "logo"
             },
             "name": {
                 "type": "string",
@@ -70,8 +69,10 @@ export class ZBookCardApp {
                     "tags": [],
                     "text": "App name"
                 },
-                "attribute": "name",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
             },
             "link": {
                 "type": "string",
@@ -87,8 +88,10 @@ export class ZBookCardApp {
                     "tags": [],
                     "text": "link to the app website"
                 },
-                "attribute": "link",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "link"
             },
             "laz": {
                 "type": "boolean",
@@ -104,8 +107,10 @@ export class ZBookCardApp {
                     "tags": [],
                     "text": "Show or hide laZ prefix before app name"
                 },
-                "attribute": "laz",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "laz",
                 "defaultValue": "true"
             },
             "info": {
@@ -122,8 +127,10 @@ export class ZBookCardApp {
                     "tags": [],
                     "text": "Info text to show as inforeveal"
                 },
-                "attribute": "info",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "info"
             }
         };
     }
@@ -147,4 +154,3 @@ export class ZBookCardApp {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/book-card/z-book-card-app/styles.css

@@ -1,4 +1,8 @@
 :host {
+  /**
+   * @prop --z-book-card-app-padding-x: set left and right padding
+   * @prop --z-book-card-app-padding-y: set top and bottom padding
+   */
   display: block;
   width: inherit;
   min-width: 300px;

package/dist/collection/components/css-components/z-scrollbar/styles.css

@@ -0,0 +1,40 @@
+/* Webkit Scrollbar */
+.z-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);
+}
+
+.z-scrollbar::-webkit-scrollbar-thumb {
+  background-color: var(--color-primary01);
+}
+
+.z-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: var(--color-hover-primary);
+}
+
+:host([theme="dark"]) .z-scrollbar,
+.z-scrollbar--dark {
+  --z-scrollbar-track-gradient: linear-gradient(
+    to right,
+    transparent 0 1px,
+    var(--gray600) 1px 5px,
+    transparent 5px 6px
+  );
+  --z-scrollbar-track-color: var(--gray600);
+  --z-scrollbar-thumb-color: var(--color-primary03);
+  --z-scrollbar-thumb-hover-color: var(--color-hover-primary);
+  --z-scrollbar-corner-color: transparent;
+}
+
+/* Firefox scrollbar */
+@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {
+  .z-scrollbar {
+    scrollbar-color: var(--color-primary01) transparent;
+  }
+
+  :host([theme="dark"]) .z-scrollbar,
+  .z-scrollbar--dark {
+    scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))
+      var(--z-scrollbar-track-color, var(--gray600));
+  }
+}

package/dist/collection/components/css-components/z-table/styles.css

@@ -0,0 +1,61 @@
+z-table,
+table.z-table {
+  background-color: var(--color-surface01);
+
+  --z-table--cells-padding: calc(var(--space-unit) * 2);
+}
+
+table.z-table {
+  border-collapse: collapse;
+}
+
+z-thead,
+table.z-table thead {
+  background-color: var(--color-background);
+
+  --z-table--cells-bottom-border-size: var(--border-size-medium);
+}
+
+z-tfoot,
+table.z-table tfoot {
+  border-top: var(--border-size-medium) solid var(--color-surface03);
+  border-bottom: var(--border-size-medium) solid var(--color-surface03);
+}
+
+z-tfoot z-tr,
+table.z-table tfoot tr {
+  border-bottom: calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important;
+}
+
+z-tr,
+table.z-table tr {
+  border-bottom: var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03);
+}
+
+z-td,
+z-th,
+table.z-table td,
+table.z-table th {
+  padding: var(--z-table--cells-padding, calc(var(--space-unit) * 2));
+  text-align: left;
+}
+
+z-th:not(:first-child),
+z-td:not(:first-child),
+table.z-table th:not(:first-child),
+table.z-table td:not(:first-child) {
+  border-left: var(--z-table--cell-left-border, none);
+}
+
+z-table[bordered],
+table.z-table.z-table-bordered {
+  --z-table--cell-left-border: 1px solid var(--color-surface03);
+}
+
+table.z-table-hover tr:hover > td,
+table.z-table-hover tr:hover > th {
+  background-color: var(--color-surface02);
+  box-shadow:
+    inset 0 var(--border-size-small) 0 var(--color-surface04),
+    inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04);
+}

package/dist/collection/components/date-picker/utils.js

@@ -74,4 +74,3 @@ function setMonthsAriaOptions(calendar, prevMonthArrow, nextMonthArrow) {
     prevMonthArrow.setAttribute("aria-label", "Anno precedente");
     nextMonthArrow.setAttribute("aria-label", "Anno successivo");
 }
-//# sourceMappingURL=utils.js.map