@zanichelli/albe-web-components 18.7.7-RC1 → 18.8.0

package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js

@@ -46,7 +46,7 @@ export class ZMyzCardAlert {
         }
     }
     render() {
-        return (h("div", { key: '63d701e49601d639a3d6ec3f773addccf5c8d4d3', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'dbcc09866b669944137bac22d0b4115bcf55671e', type: this.getAlertType() }, h("div", { key: '79bc1dca9cf1b6b3b818db44d7cd068efdca4a53', class: "relative-container" }, h("z-icon", { key: '8152513be95ed01b8eb429eb14414ceba72b27ad', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '0b5e824a6a1ce755ace52d54d447d6494704faec', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '2cb35bb6069ac2c40de97bb250561add1f6ae4b9', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '73de41fcf16d7def773d63fb87b1d3a39e0619cf', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '8ed39f9dea3fc6fc2575e8e731a433ed3b5eb3e6', type: this.getAlertType() }, h("div", { key: 'efb81456a561b50027667a7aa58583b353f84a07', class: "relative-container" }, h("z-icon", { key: '4e6f621da2fa1d95422e4ad734836403b554a9b9', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'f73f48f20ec198e2ae08c212f9647436fdddcd3d', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: 'abbbc3d619829044615657d29f6af4849f9ff27f', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardBody {
     render() {
-        return (h("div", { key: '370498e01c27de7708bc2caac64a0e7ca98acbcc' }, h("slot", { key: '269b058ebf5e47903c0da3d23615061d3623f0bb', name: "alert" }), h("slot", { key: '86eb8e32468fc1830c8cf8fe70051bfda7e9296b', name: "cover" })));
+        return (h("div", { key: 'fa79fd3dd81f58ff58a1bc673d1d7b78e0bb8c84' }, h("slot", { key: '6d7442c02f0745bead9ec4ace4ea071ee31b469a', name: "alert" }), h("slot", { key: '59354a946c976a2bdf15ba4e66a99ec89ab14aaa', name: "cover" })));
     }
     static get is() { return "z-myz-card-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js

@@ -10,7 +10,7 @@ export class ZMyzCardCover {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: '63e22b0eb4182c565007555be4c498c106183ec1', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: 'bfd67f7bb591b7058de89b5d551edce98b656248', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
     static get is() { return "z-myz-card-cover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js

@@ -21,7 +21,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '53b7bd363a0bfea6c982214d0c461cd3a82b2896' }, h("z-myz-card", { key: '8bcb24ba4637e6a79df60bbe2bc5ee724c35b0a0' }, h("z-myz-card-header", { key: '0148c0d772bc6a246431d20f0a7d9b8f56c39341', titolo: this.name }), h("div", { key: '60c1c22531d17993a3aee6617db60652bcb80040', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'fe6df90f6c445a95e03f69a0c598fcfb3d6f2cef', class: "front" }, h("z-myz-card-body", { key: '9f445be3f416d75869b4f2805dfd315ebe1291c8' }, h("z-myz-card-cover", { key: '5933474297a9eefdbcfe59dae9e5f74c3e542e46', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '38a3970ced4d52c222c684517e1ea14610e2b014', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '5b297c4591619366ace5f6b92abfacf69a1f867b', class: "back" }, h("slot", { key: '1ea4506369f9dec480891286028b87cddbf2b0ea', name: "info" }))), h("slot", { key: '4a5a21e4b058895801d7f12833aad0734302167b' }))));
+        return (h("div", { key: 'a0474433057659bcb67ef2b797a6047f90bd5440' }, h("z-myz-card", { key: 'efa1f2c8832fd2cc1ea057840059be67a16e3fdd' }, h("z-myz-card-header", { key: '38eef5801a486eb0d4b024fb7a050c76ad8af298', titolo: this.name }), h("div", { key: '415afa8d0500dbd40c5075e0cb46219656234d99', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '4b6a60e5e0f601204c6a44a61eae4150958176cd', class: "front" }, h("z-myz-card-body", { key: 'd1a4b3b1427fb158876b4c16673bc00b931cccb5' }, h("z-myz-card-cover", { key: 'f665c202781a4524654428400f31382a8f74b890', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '40c8d21689a0aec3f2f195aa6128db28331be614', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '58d51c4badd5807b9e918eb31e0194d3191b7c10', class: "back" }, h("slot", { key: '1e44e28b5a96e398e9c14234933aa54ad361fa1f', name: "info" }))), h("slot", { key: '796b2270fc63bd5f25905c5f823d05c7237d18da' }))));
     }
     static get is() { return "z-myz-card-dictionary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js

@@ -59,7 +59,7 @@ export class ZMyzCardFooter {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: 'c4768ef4a723411c9904a6524ec9fdf765869f1f', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'db741ce1f1db75f70949753be3d43eb298087d6b', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '62b0b2b8c762d5270e453d9510c205234079ae85', class: "toggle" }, h("slot", { key: '76b7a3bc97b370903a3914b10c82e3fa70ba8e3f', name: "toggle" })), this.titolo && h("p", { key: '90d60dccb67602360fe057f1d63607de3a5cfe86', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'abda4a5e96f10999c16c12e939a8919f1ce55e2e', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '054e7feeb6a26eeb0dce34cde27d10ceb4497464' }, h("p", { key: '300ca841dd5fd30263f5b9dae20cfe9603569a71', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '36fe6e72626811bd2afd043f6017e67da04c6da7', title: this.getTitleAuthors() }, h("span", { key: '7813537e2a302cf69e6040e84e715fb807f45199', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'be1018b2bdff8dcfd2b55609a1803501385c4f67', class: "year-isbn" }, h("span", { key: '87349d43c3c8c4c1793b9ce676656202d411980a', class: "isbn" }, h("span", { key: '2eb704f82d1494dd0acf48f24fcd6b2dca1ae2bf' }, h("span", { key: '519d3f408892c0809f9de05db0d2d84cd7ad8a7c', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b5ac3cc177fe509bf142d3230627a827becc5af1', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'f8a2b434abfb242bee1f830a00345763a7503358', name: "list" })))), this.customContent && h("slot", { key: '831924dba2c695a125ed7d7cd61c9bd39ae05269', name: "content" })));
+        return (h("div", { key: '7b0479b93d61f8d182ad5269333630361c652797', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '59324b2757ba2f9332ea06bdfb11a85732466ec3', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '3f1c486e9a8e7f6db48f6a5cd8eda7f8e052bcf0', class: "toggle" }, h("slot", { key: 'a4f3634cf6be3d79a8453f1529928cecb3babfef', name: "toggle" })), this.titolo && h("p", { key: '933b6baf1071591e1335396e66e9080ff165866e', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '834e49c6d7c0ae61ff5822649f3c67001c645d23', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '584ea59693ce6c16a54493c16ea050ea01a3be3c' }, h("p", { key: 'e2fec0db112fe8ef05d8673f0a1e79f24a57f302', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '2d6a3fbf5689c100fbed7333ad8a357e26d54970', title: this.getTitleAuthors() }, h("span", { key: 'e67cfd15c8103539a836db83d2b4d02f4c8aaf93', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'baf170aabdb3814b6d594a55e1e5d13757d31df9', class: "year-isbn" }, h("span", { key: '177324ca661350ebfa145715fc52ec58199e61fc', class: "isbn" }, h("span", { key: 'a78a8007d945837cc78d6df7a6ab2b91ad5f74fd' }, h("span", { key: '64173a3d213eb147b18bc801719b7e9c481c5a04', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'e7c65aff9800a923085af1c793a3127423490493', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'c8d251da5c5f4dc121295415a14ccdf66f2f77a0', name: "list" })))), this.customContent && h("slot", { key: '659c4589702dd06ea81a9041c6e14a724992618b', name: "content" })));
     }
     static get is() { return "z-myz-card-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardFooterSections {
     render() {
-        return (h("div", { key: '5144daa5d9e002a0b5a28bddffe2d1e3f73f981e' }, h("footer", { key: 'bb9c0ae02c103cbf43cd0161267333f88bd4901d' }, h("div", { key: 'e666f1688fbfb4ab5830600d95a44bd54f0e614f', class: "top" }, h("slot", { key: '3071ef2a2857071965d0c041e0717e249ce88178', name: "top" })), h("div", { key: '302e464f10c51a0ff52a5c758015f402b67bbc8b', class: "bottom" }, h("slot", { key: '5e0e9470df478296c9b91b402791983576a633af', name: "bottom" })))));
+        return (h("div", { key: '8752f5693a9cd8561849f630067c1de37e4756bd' }, h("footer", { key: '081a20bcf923efe3b769e4e8d1f5b2199a8d8b81' }, h("div", { key: '72bfc00be9c66460dbcace344f6c0e9f8cd8e9b9', class: "top" }, h("slot", { key: '38eda715a4be3c715bdf4eb75c4332dd8d65e39b', name: "top" })), h("div", { key: '0f29a8ecb2233df5ad28ab834bed3056e4e4c1e5', class: "bottom" }, h("slot", { key: '48aab990a4c8444c625ae8ac14f06f460c4abdae', name: "bottom" })))));
     }
     static get is() { return "z-myz-card-footer-sections"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js

@@ -30,7 +30,7 @@ export class ZMyzCardHeader {
         };
     }
     render() {
-        return (h("header", { key: 'b016e6fbe1262aed7919d3eb6f18ca8dbb70f45f', class: this.retrieveClass() }, h("slot", { key: 'a7c67967be1f4530aad773d92a2d4e880c79d572', name: "aria-heading" }), h("span", { key: 'bf04e34db6fc68a690ac8b61114b7b1c49d6c98d', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: 'fbfe5f15b8064f426ae70013d7a4d9b819997a9b', name: "icon" })));
+        return (h("header", { key: '4ce589cb97427a439ffa4e91b5cd016f78d8a286', class: this.retrieveClass() }, h("slot", { key: '1c0b4cdec3f5094fe454f6fecef8e1154d2974cf', name: "aria-heading" }), h("span", { key: '2bb144d85f04322e0bfa34326860a35b317d7651', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: 'e8b00795917307c9edd55a16f12363bd905f2411', name: "icon" })));
     }
     static get is() { return "z-myz-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -6,7 +6,7 @@ export class ZMyzCardIcon {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: 'f55508220a6e8890568fcb51e53028a815cf9d6c', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '35b9a8fe1dceead8ca5e8074171f3a589abe50c9' }, h("z-icon", { key: 'b8ba6455b6966949359abd52da1b092b515b1f7b', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '511b34381c62707a1408a9769536d3d0ba3223bb', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'a935b5d22370a4e7a35a458a6c92ee0aa1a7918a' }, h("z-icon", { key: '91f7d3cb733dff820b3429d1efea2c790d739df2', name: this.icon, width: 16, height: 16 }))));
     }
     static get is() { return "z-myz-card-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js

@@ -114,7 +114,7 @@ export class ZMyzCardInfo {
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: '2da5c29057a85f238e99b34bf5afe2d3fced734f' }, this.renderCloseIcon(), h("div", { key: '7a1a52d3dd21f2a73d6af292705162dc3bb7a977', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '3df54c0ab2569fa911b5ddddf38b59672fa02867', class: "cta-wrapper" }, h("slot", { key: '83e473746c24c97cb9910f25e8f25f3ea7d41cc2' }))));
+        return (h("div", { key: 'b92068a65906ed7ea0aad97d591085fdc7959bfa' }, this.renderCloseIcon(), h("div", { key: 'c96a25a92165b7a7741413e3aa85e42d4f3dcf82', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '9b2ce0862ca8c6910bff49675c264b5fb06065e7', class: "cta-wrapper" }, h("slot", { key: '1de5c2a82c9058ff8a09ef78954ad7f423f5c46e' }))));
     }
     static get is() { return "z-myz-card-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js

@@ -23,7 +23,7 @@ export class ZMyzCardList {
         });
     }
     render() {
-        return h("ul", { key: '79d7e2eeb6daf06409e4c39a0ea454f37083ae99' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: 'c91dbbb86c76aea64ed1faeb614d13d0f42ca93f' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get is() { return "z-myz-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js

@@ -17,7 +17,7 @@ export class ZMyzList {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: '6c533b3d206e3c6349647afd560ee0e71979b951' }, this.list &&
+        return (h("ul", { key: '8180625a6fea4c9e381f4d05d31bd27ab75b0f8c' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get is() { return "z-myz-list"; }

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js

@@ -20,7 +20,7 @@ export class ZMyzListItem {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: 'e3057de0269559d1b3a767c2c5f93e61156374f7', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '725e136f9f68bc79ca54146d84dd55b42b52e58e', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '056304bf8118186435b8a45076c107e1238293e2', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: 'd8c48713670c5cf62fb51f8e6f7c7c0b8a49dbe2' }))));
+        return (h("li", { key: '44f58aa95cb3c8fb30a81a17f94685e803d633c9', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '9e8b7424522858aca31af76ee63c1d88e9b9d957', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '3dd34e188f5e2d4f98465155d5bbbd91f5a11d7c', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '60796c84b325243bdd7faf1ce49a725addc247fa' }))));
     }
     static get is() { return "z-myz-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-alert/index.js

@@ -7,7 +7,7 @@ export class ZAlert {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'cec03fbd664959d6e8f40dc4df14fe2308d0f43b', class: this.type }, h("slot", { key: 'a34ffee3e9c99c492ccdd72e42546abd57368456' })));
+        return (h("div", { key: 'e59506b0b4e4fd4ad391775b0a4596986df6c7d0', class: this.type }, h("slot", { key: 'a465df5af8e5b5fbaa9b8bb834b4de04972ce770' })));
     }
     static get is() { return "z-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-otp/index.js

@@ -14,7 +14,7 @@ export class ZOtp {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: 'fbc28e800a7fb7fe81b836869f44d24797c09922', class: "otp-container" }, h("div", { key: '547c8f308045f1f4d5a463404f2ec494ef67421b', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '3280158fc2eb52cab06257cfea6237b04e277514', class: "otp-container" }, h("div", { key: 'b237b9c77421eeae14d5bac7e079b4f6b667ceed', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -25,7 +25,7 @@ export class ZOtp {
             }, onInput: (e) => {
                 this.otp[i] = e.target.value;
                 this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '51eacbd4b0a7ec9e1ac0fa55a132cd43aa6b7ecf', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: 'd74fcd0805c2bbfa9cf993cf88fbaabf632412a8', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index.d.ts

@@ -19,6 +19,8 @@ export { ZBookCardApp as ZBookCardApp } from '../types/components/book-card/z-bo
 export { defineCustomElement as defineCustomElementZBookCardApp } from './z-book-card-app';
 export { ZBookCardDeprecated as ZBookCardDeprecated } from '../types/components/deprecated/z-book-card-deprecated/index';
 export { defineCustomElement as defineCustomElementZBookCardDeprecated } from './z-book-card-deprecated';
+export { ZBookCover as ZBookCover } from '../types/components/z-book-cover/index';
+export { defineCustomElement as defineCustomElementZBookCover } from './z-book-cover';
 export { ZBreadcrumb as ZBreadcrumb } from '../types/components/z-breadcrumb/index';
 export { defineCustomElement as defineCustomElementZBreadcrumb } from './z-breadcrumb';
 export { ZButton as ZButton } from '../types/components/z-button/index';
@@ -117,7 +119,7 @@ export { ZPopover as ZPopover } from '../types/components/z-popover/index';
 export { defineCustomElement as defineCustomElementZPopover } from './z-popover';
 export { ZRangePicker as ZRangePicker } from '../types/components/date-picker/z-range-picker/index';
 export { defineCustomElement as defineCustomElementZRangePicker } from './z-range-picker';
-export { ZResultCard as ZResultCard } from '../types/components/result-card/z-result-card/index';
+export { ZResultCard as ZResultCard } from '../types/components/z-result-card/index';
 export { defineCustomElement as defineCustomElementZResultCard } from './z-result-card';
 export { ZSearchbar as ZSearchbar } from '../types/components/z-searchbar/index';
 export { defineCustomElement as defineCustomElementZSearchbar } from './z-searchbar';

package/dist/components/index.js

@@ -11,6 +11,7 @@ export { ZAvatar, defineCustomElement as defineCustomElementZAvatar } from './z-
 export { ZBookCard, defineCustomElement as defineCustomElementZBookCard } from './z-book-card.js';
 export { ZBookCardApp, defineCustomElement as defineCustomElementZBookCardApp } from './z-book-card-app.js';
 export { ZBookCardDeprecated, defineCustomElement as defineCustomElementZBookCardDeprecated } from './z-book-card-deprecated.js';
+export { ZBookCover, defineCustomElement as defineCustomElementZBookCover } from './z-book-cover.js';
 export { ZBreadcrumb, defineCustomElement as defineCustomElementZBreadcrumb } from './z-breadcrumb.js';
 export { ZButton, defineCustomElement as defineCustomElementZButton } from './z-button.js';
 export { ZButtonSort, defineCustomElement as defineCustomElementZButtonSort } from './z-button-sort.js';

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEM,KAAK,GAAG;IACZ,WAAW;;;;;","names":[],"sources":["src/index.ts"],"sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {UTILS as Utils};\n"],"version":3}
+{"file":"index.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAEM,KAAK,GAAG;IACZ,WAAW;;;;;","names":[],"sources":["src/index.ts"],"sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {UTILS as Utils};\n"],"version":3}

package/dist/components/index10.js

@@ -1,92 +1,51 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { H as InfoRevealPosition, e as ControlSize } from './index2.js';
-import { d as defineCustomElement$1 } from './index9.js';
+import { I as ICONS } from './iconset.js';
 
-const stylesCss = ":host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size=\"big\"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size=\"small\"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size=\"x-small\"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size=\"small\"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size=\"x-small\"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position=\"top_left\"]) .z-info-reveal-panel,:host([position=\"top_right\"]) .z-info-reveal-panel{top:0}:host([position=\"bottom_left\"]) .z-info-reveal-panel,:host([position=\"bottom_right\"]) .z-info-reveal-panel{bottom:0}:host([position=\"top_right\"]) .z-info-reveal-panel,:host([position=\"bottom_right\"]) .z-info-reveal-panel{right:0}:host([position=\"top_left\"]) .z-info-reveal-panel,:host([position=\"bottom_left\"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}";
-const ZInfoRevealStyle0 = stylesCss;
+const stylesCss = ":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 1.125rem)}:host svg:not([height]){height:var(--z-icon-height, 1.125rem)}";
+const ZIconStyle0 = stylesCss;
 
-const ZInfoReveal = /*@__PURE__*/ proxyCustomElement(class ZInfoReveal extends HTMLElement {
+const ZIcon = /*@__PURE__*/ proxyCustomElement(class ZIcon extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.icon = "informationsource";
-        this.position = InfoRevealPosition.BOTTOM_RIGHT;
-        this.label = undefined;
-        this.ariaLabel = "Apri pannello informazioni";
-        this.size = ControlSize.BIG;
-        this.open = false;
+        this.name = undefined;
+        this.height = undefined;
+        this.width = undefined;
+        this.iconid = undefined;
+        this.fill = undefined;
     }
-    /**
-     * Adjust the position of the info panel to prevent exiting the viewport.
-     */
-    adjustPanelPosition() {
-        if (!this.open || !this.panel) {
-            return;
-        }
-        const rect = this.host.getBoundingClientRect();
-        const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue("--grid-margin"), 10);
-        const pageWidth = document.documentElement.offsetWidth;
-        // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.
-        const availableSpace = Math.round((this.position.includes("left") ? pageWidth - rect.left : rect.right) - gridMargin);
-        this.panel.style.maxWidth = `${availableSpace}px`;
-    }
-    /**
-     * Toggle the open state of the info panel.
-     */
-    togglePanel() {
-        this.open = !this.open;
-    }
-    /**
-     * Close the info panel.
-     */
-    closePanel() {
-        this.open = false;
-    }
-    handleEscapeKey(event) {
-        if (event.key === "Escape" && this.open) {
-            this.closePanel();
+    selectPathOrPolygon(iconValue) {
+        if (iconValue === null || iconValue === void 0 ? void 0 : iconValue.startsWith("M")) {
+            return h("path", { d: ICONS[this.name] });
         }
+        return h("polygon", { points: ICONS[this.name] });
     }
     render() {
-        return (h(Host, { key: 'b139ec62ca6dd929c5f26621bd2ef1fa64b4a653', open: this.open }, h("button", { key: '1ed8f8db4144375b4f56d95981993affc17639a3', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '166d7bef728bb7bf91ea593bcc9e0b6786f15b41', name: this.icon }), this.label && h("span", { key: '3e5f4b7ca4bedfcd533e2cd4270eda603905f18a', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'bd09825f3606ff127d069d23ec68834985d1373e', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '85051148d2c53c1ae0592ed158c84362ad006098' }), h("button", { key: '9dc246c07b8ed8022c9e56605e94cb1fe1afc1ec', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '4bbcd8dc12f435dba963ed49f2529db8cbf03339', name: "multiply" })))));
+        return (h(Host, { key: '427cac0797fc718938ee45da5999b8a2bf70e570', "aria-hidden": "true" }, h("svg", { key: '23275947c49b69095acbec1df2ecec0f04da3525', viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name]))));
     }
-    get host() { return this; }
-    static get watchers() { return {
-        "position": ["adjustPanelPosition"],
-        "open": ["adjustPanelPosition"]
-    }; }
-    static get style() { return ZInfoRevealStyle0; }
-}, [1, "z-info-reveal", {
-        "icon": [1],
-        "position": [513],
-        "label": [1],
-        "ariaLabel": [1, "aria-label"],
-        "size": [513],
-        "open": [32]
-    }, [[9, "resize", "adjustPanelPosition"], [10, "keydown", "handleEscapeKey"]], {
-        "position": ["adjustPanelPosition"],
-        "open": ["adjustPanelPosition"]
+    static get style() { return ZIconStyle0; }
+}, [1, "z-icon", {
+        "name": [1],
+        "height": [8],
+        "width": [8],
+        "iconid": [1],
+        "fill": [1]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["z-info-reveal", "z-icon"];
+    const components = ["z-icon"];
     components.forEach(tagName => { switch (tagName) {
-        case "z-info-reveal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, ZInfoReveal);
-            }
-            break;
         case "z-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$1();
+                customElements.define(tagName, ZIcon);
             }
             break;
     } });
 }
 
-export { ZInfoReveal as Z, defineCustomElement as d };
+export { ZIcon as Z, defineCustomElement as d };
 
 //# sourceMappingURL=index10.js.map

package/dist/components/index10.js.map

@@ -1 +1 @@
-{"file":"index10.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,yiFAAyiF,CAAC;AAC5jF,0BAAe,SAAS;;MCgBX,WAAW;;;;;oBAGd,mBAAmB;wBAQK,kBAAkB,CAAC,YAAY;;yBAQnD,4BAA4B;oBAInB,WAAW,CAAC,GAAG;oBAI7B,KAAK;;;;;IAYZ,mBAAmB;QACjB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO;SACR;QAED,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,EAAE,CAAC,CAAC;QAC9G,MAAM,SAAS,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;;QAEvD,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAC/B,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,UAAU,CACnF,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,cAAc,IAAI,CAAC;KACnD;;;;IAKO,WAAW;QACjB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;KACxB;;;;IAKO,UAAU;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;IAGD,eAAe,CAAC,KAAoB;QAClC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IACnB,+DACE,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,gBACxB,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,SAAS,mBACrC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO,mBAC7B,qBAAqB,IAElC,IAAI,CAAC,IAAI,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,EACxC,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAQ,CAC7D,EACT,4DACE,KAAK,EAAC,qBAAqB,EAC3B,EAAE,EAAC,qBAAqB,EACxB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAC9B,MAAM,EAAE,CAAC,IAAI,CAAC,IAAI,IAElB,8DAAa,EACb,+DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,gBACxB,8BAA8B,IAEzC,+DAAQ,IAAI,EAAC,UAAU,GAAG,CACnB,CACL,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-info-reveal/styles.css?tag=z-info-reveal&encapsulation=shadow","src/components/z-info-reveal/index.tsx"],"sourcesContent":[":host {\n  --z-info-reveal-panel-width: 384px; /* defaults half the size of the mobile breakpoint */\n  --trigger-size: 44px;\n\n  position: relative;\n}\n\n:host * {\n  box-sizing: border-box;\n}\n\nbutton {\n  --trigger-icon-size: calc(var(--trigger-size) / 2);\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\nbutton:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\n.z-info-reveal-trigger {\n  min-width: var(--trigger-size);\n  height: var(--trigger-size);\n  padding: calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n  font-weight: var(--font-sb);\n  line-height: 1rem;\n}\n\n:host([size=\"big\"]) .z-info-reveal-trigger {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"small\"]) .z-info-reveal-trigger {\n  --trigger-size: 36px;\n\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) .z-info-reveal-trigger {\n  --trigger-size: 32px;\n\n  padding: var(--space-unit);\n  font-size: var(--font-size-1);\n}\n\n:host > .z-info-reveal-trigger z-icon {\n  --z-icon-width: var(--trigger-icon-size);\n  --z-icon-height: var(--trigger-icon-size);\n\n  display: flex;\n  fill: var(--color-inverse-icon);\n}\n\n:host([size=\"small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: var(--trigger-icon-size-small, 18px);\n}\n\n:host([size=\"x-small\"]) > .z-info-reveal-trigger z-icon {\n  --trigger-icon-size: var(--trigger-icon-size-x-small, 16px);\n}\n\n.z-info-reveal-panel {\n  position: absolute;\n  z-index: 19;\n  display: flex;\n  width: var(--z-info-reveal-panel-width);\n  height: fit-content;\n  align-items: flex-start;\n  padding: calc(var(--space-unit) * 1.5);\n  background-color: var(--color-surface05);\n  border-radius: var(--border-radius);\n  box-shadow: var(--shadow-4);\n  color: var(--color-text-inverse);\n  column-gap: var(--space-unit);\n}\n\n.z-info-reveal-panel[hidden] {\n  display: none;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"top_right\"]) .z-info-reveal-panel {\n  top: 0;\n}\n\n:host([position=\"bottom_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  bottom: 0;\n}\n\n:host([position=\"top_right\"]) .z-info-reveal-panel,\n:host([position=\"bottom_right\"]) .z-info-reveal-panel {\n  right: 0;\n}\n\n:host([position=\"top_left\"]) .z-info-reveal-panel,\n:host([position=\"bottom_left\"]) .z-info-reveal-panel {\n  left: 0;\n}\n\n.z-info-reveal-panel .z-info-reveal-close {\n  margin-left: auto;\n}\n\n.z-info-reveal-panel z-icon {\n  fill: var(--color-inverse-icon);\n}\n\n@media (max-width: 767px) {\n  .z-info-reveal-panel {\n    top: auto !important;\n    bottom: auto !important;\n    width: calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;\n    margin-top: calc(var(--trigger-size) * -1);\n  }\n}\n","import {Component, Element, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ControlSize, InfoRevealPosition} from \"../../beans\";\n\n/**\n * Info reveal component.\n *\n * @slot - content of the info panel.\n * @cssprop --z-info-reveal-panel-width - Width of the info panel.\n * @cssprop --trigger-icon-size - Size of the trigger icon for big size.\n * @cssprop --trigger-icon-size-small - Size of the trigger icon for small size.\n * @cssprop --trigger-icon-size-x-small - Size of the trigger icon for x-small size.\n */\n@Component({\n  tag: \"z-info-reveal\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZInfoReveal {\n  /** Name of the icon for the trigger button */\n  @Prop()\n  icon? = \"informationsource\";\n\n  /**\n   * The position of the z-info-reveal in the page. This helps to correctly place the info panel.\n   * The panel will grow in the opposite direction of the position.\n   * For example, with the default position `BOTTOM_RIGHT`, the panel will grow vertically upwards and horizontally to the left.\n   */\n  @Prop({reflect: true})\n  position?: InfoRevealPosition = InfoRevealPosition.BOTTOM_RIGHT;\n\n  /** Label of the trigger button. */\n  @Prop()\n  label?: string;\n\n  /** Aria label of the trigger button. It will be only used when `label` prop is empty. */\n  @Prop()\n  ariaLabel = \"Apri pannello informazioni\";\n\n  /** Size of the trigger button */\n  @Prop({reflect: true})\n  size?: ControlSize = ControlSize.BIG;\n\n  /** Whether the info panel is open. */\n  @State()\n  open = false;\n\n  @Element() host: HTMLZInfoRevealElement;\n\n  private panel: HTMLDivElement;\n\n  /**\n   * Adjust the position of the info panel to prevent exiting the viewport.\n   */\n  @Watch(\"position\")\n  @Watch(\"open\")\n  @Listen(\"resize\", {target: \"window\", passive: true})\n  adjustPanelPosition(): void {\n    if (!this.open || !this.panel) {\n      return;\n    }\n\n    const rect = this.host.getBoundingClientRect();\n    const gridMargin = parseInt(getComputedStyle(document.documentElement).getPropertyValue(\"--grid-margin\"), 10);\n    const pageWidth = document.documentElement.offsetWidth;\n    // Available space for the info panel to grow towards the edge of the page, based on the `position` prop.\n    const availableSpace = Math.round(\n      (this.position.includes(\"left\") ? pageWidth - rect.left : rect.right) - gridMargin\n    );\n    this.panel.style.maxWidth = `${availableSpace}px`;\n  }\n\n  /**\n   * Toggle the open state of the info panel.\n   */\n  private togglePanel(): void {\n    this.open = !this.open;\n  }\n\n  /**\n   * Close the info panel.\n   */\n  private closePanel(): void {\n    this.open = false;\n  }\n\n  @Listen(\"keydown\", {target: \"window\", capture: true})\n  handleEscapeKey(event: KeyboardEvent): void {\n    if (event.key === \"Escape\" && this.open) {\n      this.closePanel();\n    }\n  }\n\n  render(): HTMLZInfoRevealElement {\n    return (\n      <Host open={this.open}>\n        <button\n          class=\"z-info-reveal-trigger\"\n          type=\"button\"\n          onClick={this.togglePanel.bind(this)}\n          aria-label={!this.label ? this.ariaLabel : undefined}\n          aria-expanded={this.open ? \"true\" : \"false\"}\n          aria-controls=\"z-info-reveal-panel\"\n        >\n          {this.icon && <z-icon name={this.icon} />}\n          {this.label && <span class=\"z-info-reveal-label\">{this.label}</span>}\n        </button>\n        <div\n          class=\"z-info-reveal-panel\"\n          id=\"z-info-reveal-panel\"\n          ref={(el) => (this.panel = el)}\n          hidden={!this.open}\n        >\n          <slot></slot>\n          <button\n            class=\"z-info-reveal-close\"\n            type=\"button\"\n            onClick={this.closePanel.bind(this)}\n            aria-label=\"Chiudi pannello informazioni\"\n          >\n            <z-icon name=\"multiply\" />\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"index10.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,yPAAyP,CAAC;AAC5Q,oBAAe,SAAS;;MCOX,KAAK;;;;;;;;;;;IAqBR,mBAAmB,CAAC,SAAiB;QAC3C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAC,GAAG,CAAC,EAAE;YAC9B,OAAO,YAAM,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAS,CAAC;SAC3C;QAED,OAAO,eAAS,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAY,CAAC;KACtD;IAED,MAAM;QACJ,QACE,EAAC,IAAI,oEAAa,MAAM,IACtB,4DACE,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,IAE3C,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CACvC,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-icon/styles.css?tag=z-icon&encapsulation=shadow","src/components/z-icon/index.tsx"],"sourcesContent":[":host {\n  margin-right: var(--z-icon-right-margin, 0);\n  margin-left: var(--z-icon-left-margin, 0);\n  line-height: 0;\n  vertical-align: middle;\n}\n\n:host svg:not([width]) {\n  width: var(--z-icon-width, 1.125rem);\n}\n\n:host svg:not([height]) {\n  height: var(--z-icon-height, 1.125rem);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {ICONS} from \"../../constants/iconset\";\n\n@Component({\n  tag: \"z-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZIcon {\n  /** icon name */\n  @Prop()\n  name: string;\n\n  /** icon height (optional) */\n  @Prop()\n  height?: number | string;\n\n  /** icon width (optional) */\n  @Prop()\n  width?: number | string;\n\n  /** icon id (optional) */\n  @Prop()\n  iconid?: string;\n\n  /** icon fill (optional) */\n  @Prop()\n  fill?: string;\n\n  private selectPathOrPolygon(iconValue: string): SVGPathElement | SVGPolygonElement {\n    if (iconValue?.startsWith(\"M\")) {\n      return <path d={ICONS[this.name]}></path>;\n    }\n\n    return <polygon points={ICONS[this.name]}></polygon>;\n  }\n\n  render(): SVGElement {\n    return (\n      <Host aria-hidden=\"true\">\n        <svg\n          viewBox=\"0 0 1000 1000\"\n          width={this.width}\n          height={this.height}\n          id={this.iconid}\n          fill={this.fill ? `var(--${this.fill})` : \"\"}\n        >\n          {this.selectPathOrPolygon(ICONS[this.name])}\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"version":3}