@zanichelli/albe-web-components 19.2.3-RC1 → 19.2.3

package/dist/collection/index.js

@@ -6,3 +6,4 @@ export * from "./beans";
 export * from "./components";
 export { ICONS } from "./constants/iconset";
 export { UTILS as Utils };
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAE1C,MAAM,KAAK,GAAG;IACZ,WAAW;CACZ,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,KAAK,EAAW,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAC,KAAK,IAAI,KAAK,EAAC,CAAC","sourcesContent":["import {colorFromId} from \"./utils/utils\";\n\nconst UTILS = {\n  colorFromId,\n};\n\nexport * from \"./beans\";\nexport * from \"./components\";\nexport {ICONS, IconName} from \"./constants/iconset\";\nexport {UTILS as Utils};\n"]}

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

@@ -5,9 +5,9 @@ import { LicenseType } from "../../../../beans/index";
  */
 export class ZMyzCardComponent {
     constructor() {
-        /** pressed status */
+        this.faded = undefined;
+        this.cardtype = undefined;
         this.ispressed = false;
-        /** highlighted status */
         this.ishighlighted = false;
     }
     retrieveClass() {
@@ -33,7 +33,7 @@ export class ZMyzCardComponent {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '11ac2aca15e484cda4eee931bbaefa81eec16fbb', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '14461bb8ccc78eae10ab81c755085d6cb8d484f6' })));
+        return (h("div", { key: 'f67975d8bf57387a4e4b0fc45df88e5b570c23e4', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'be9495f0b9a9c8270c22511d2afa68f940eae945' })));
     }
     static get is() { return "z-myz-card"; }
     static get encapsulation() { return "shadow"; }
@@ -63,10 +63,8 @@ export class ZMyzCardComponent {
                     "tags": [],
                     "text": "faded status"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "faded"
+                "attribute": "faded",
+                "reflect": false
             },
             "cardtype": {
                 "type": "string",
@@ -78,8 +76,7 @@ export class ZMyzCardComponent {
                         "LicenseType": {
                             "location": "import",
                             "path": "../../../../beans/index",
-                            "id": "src/beans/index.tsx::LicenseType",
-                            "referenceLocation": "LicenseType"
+                            "id": "src/beans/index.tsx::LicenseType"
                         }
                     }
                 },
@@ -89,10 +86,8 @@ export class ZMyzCardComponent {
                     "tags": [],
                     "text": "graphic variant (optional)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cardtype"
+                "attribute": "cardtype",
+                "reflect": false
             },
             "ispressed": {
                 "type": "boolean",
@@ -108,10 +103,8 @@ export class ZMyzCardComponent {
                     "tags": [],
                     "text": "pressed status"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "ispressed",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "ishighlighted": {
@@ -128,12 +121,11 @@ export class ZMyzCardComponent {
                     "tags": [],
                     "text": "highlighted status"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "ishighlighted",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AAMH,MAAM,OAAO,iBAAiB;;;;yBAWhB,KAAK;6BAID,KAAK;;IAEb,aAAa;QACnB,IAAI,WAAW,GAAG,EAAE,CAAC;QAErB,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YACvC,WAAW,IAAI,MAAM,CAAC;QACxB,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;YAC/C,WAAW,IAAI,OAAO,CAAC;QACzB,CAAC;aAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YAC9C,WAAW,IAAI,MAAM,CAAC;QACxB,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,WAAW,IAAI,QAAQ,CAAC;QAC1B,CAAC;aAAM,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YAC1B,WAAW,IAAI,UAAU,CAAC;QAC5B,CAAC;aAAM,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YAC9B,WAAW,IAAI,cAAc,CAAC;QAChC,CAAC;QAED,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,QAAQ,EAAC,GAAG;YAEZ,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from \"@stencil/core\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot  - generic card slot\n */\n@Component({\n  tag: \"z-myz-card\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardComponent {\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** pressed status */\n  @Prop()\n  ispressed = false;\n\n  /** highlighted status */\n  @Prop()\n  ishighlighted = false;\n\n  private retrieveClass(): string {\n    let elemClasses = \"\";\n\n    if (this.cardtype === LicenseType.REAL) {\n      elemClasses += \"real\";\n    } else if (this.cardtype === LicenseType.TRIAL) {\n      elemClasses += \"trial\";\n    } else if (this.cardtype === LicenseType.TEMP) {\n      elemClasses += \"temp\";\n    }\n\n    if (this.faded) {\n      elemClasses += \" faded\";\n    } else if (this.ispressed) {\n      elemClasses += \" pressed\";\n    } else if (this.ishighlighted) {\n      elemClasses += \" highlighted\";\n    }\n\n    return elemClasses;\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div\n        class={this.retrieveClass()}\n        tabindex=\"0\"\n      >\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,6 +1,12 @@
 import { h } from "@stencil/core";
 import { AlertType } from "../../../../beans";
 export class ZMyzCardAlert {
+    constructor() {
+        this.iconname = undefined;
+        this.contenttext = undefined;
+        this.actiontext = undefined;
+        this.type = undefined;
+    }
     emitUndoAction() {
         this.undoAction.emit({ actionType: this.type });
     }
@@ -40,7 +46,7 @@ export class ZMyzCardAlert {
         }
     }
     render() {
-        return (h("div", { key: '82e172d48b0ba69182d6a52a845d0e416904e572', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '29082fe82598f41a1907d28ccbbf10df441f8cb1', type: this.getAlertType() }, h("div", { key: '4164795668632ce3d8b63354109a4724b93d9e1a', class: "relative-container" }, h("z-icon", { key: '8fe40b4f9c68e2e1a4e8acc26a95cb0641c917f4', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '92dbd73988db48a5d4219d45953889787863d9ad', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '32882b967d8dc5971d39d000ffa007c7e6b27f6e', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '4dde539d077258de85bceb9a99ce2245b5fb59b6', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '88285961e5ee72342253e3cbb8872df6bdb1d980', type: this.getAlertType() }, h("div", { key: 'fff86788515042337d0c03dd4fbf469d79a697a9', class: "relative-container" }, h("z-icon", { key: '1a70753172840860985935cf0a00ba7f7370fdc2', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'a17dd5f7e173b10a8aa76ab6f77bcb8bb75508ca', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '026a58d486e4d0b2bd7c150b9e05695f8c3c1f26', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);
@@ -74,10 +80,8 @@ export class ZMyzCardAlert {
                     "tags": [],
                     "text": "icon name"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "iconname"
+                "attribute": "iconname",
+                "reflect": false
             },
             "contenttext": {
                 "type": "string",
@@ -93,10 +97,8 @@ export class ZMyzCardAlert {
                     "tags": [],
                     "text": "content text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "contenttext"
+                "attribute": "contenttext",
+                "reflect": false
             },
             "actiontext": {
                 "type": "string",
@@ -112,10 +114,8 @@ export class ZMyzCardAlert {
                     "tags": [],
                     "text": "action button text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "actiontext"
+                "attribute": "actiontext",
+                "reflect": false
             },
             "type": {
                 "type": "string",
@@ -131,10 +131,8 @@ export class ZMyzCardAlert {
                     "tags": [],
                     "text": "alert variant type"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type"
+                "attribute": "type",
+                "reflect": false
             }
         };
     }
@@ -157,3 +155,4 @@ export class ZMyzCardAlert {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-alert/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACtE,OAAO,EAAC,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAO5C,MAAM,OAAO,aAAa;;;;;;;IAqBhB,cAAc;QACpB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,CAAC;IAChD,CAAC;IAEO,mBAAmB,CAAC,CAAgB;QAC1C,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,CAAC,CAAC,OAAO,IAAI,EAAE,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAEO,uBAAuB,CAAC,CAAa;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAEO,aAAa;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,SAAS,GAAG,WAAW,CAAC;gBACxB,MAAM;YACR,KAAK,QAAQ;gBACX,SAAS,GAAG,cAAc,CAAC;gBAC3B,MAAM;YACR;gBACE,SAAS,GAAG,EAAE,CAAC;gBACf,MAAM;QACV,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,YAAY;QAClB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,KAAK;gBACR,OAAO,SAAS,CAAC,OAAO,CAAC;YAC3B,KAAK,QAAQ;gBACX,OAAO,SAAS,CAAC,OAAO,CAAC;YAC3B;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,GAAG,IAAI,CAAC,aAAa,EAAE;YAC1D,gEAAS,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE;gBAChC,4DAAK,KAAK,EAAC,oBAAoB;oBAC7B,+DACE,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,GACnB;oBACV,6DAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,WAAW,CAAQ;oBACnD,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CACrD,6DACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAC,gBAAgB,EACtB,OAAO,EAAE,CAAC,CAAa,EAAE,EAAE;4BACzB,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;wBAClC,CAAC,EACD,UAAU,EAAE,CAAC,CAAgB,EAAE,EAAE;4BAC/B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;wBAC9B,CAAC,IAEA,IAAI,CAAC,UAAU,CACX,CACR,CACG,CACE,CACN,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Prop, h} from \"@stencil/core\";\nimport {AlertType} from \"../../../../beans\";\n\n@Component({\n  tag: \"z-myz-card-alert\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardAlert {\n  /** icon name */\n  @Prop()\n  iconname: string;\n\n  /** content text */\n  @Prop()\n  contenttext: string;\n\n  /** action button text */\n  @Prop()\n  actiontext?: string;\n\n  /** alert variant type */\n  @Prop()\n  type: string;\n\n  /** undo action click/keyboard event, returns actionType */\n  @Event()\n  undoAction: EventEmitter;\n\n  private emitUndoAction(): void {\n    this.undoAction.emit({actionType: this.type});\n  }\n\n  private handleSpaceKeyPress(e: KeyboardEvent): void {\n    if (e.keyCode == 32 || e.keyCode == 13) {\n      e.preventDefault();\n      this.emitUndoAction();\n    }\n  }\n\n  private handleActionButtonClick(e: MouseEvent): void {\n    e.preventDefault();\n    this.emitUndoAction();\n  }\n\n  private retrieveClass(): string {\n    let className = \"\";\n    switch (this.type) {\n      case \"add\":\n        className = \"add-alert\";\n        break;\n      case \"remove\":\n        className = \"remove-alert\";\n        break;\n      default:\n        className = \"\";\n        break;\n    }\n\n    return className;\n  }\n\n  private getAlertType(): AlertType {\n    switch (this.type) {\n      case \"add\":\n        return AlertType.SUCCESS;\n      case \"remove\":\n        return AlertType.WARNING;\n      default:\n        return null;\n    }\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={\"alert-external-wrapper \" + this.retrieveClass()}>\n        <z-alert type={this.getAlertType()}>\n          <div class=\"relative-container\">\n            <z-icon\n              name={this.iconname}\n              width={18}\n              height={18}\n              class={this.retrieveClass()}\n            ></z-icon>\n            <span class=\"content-text\">{this.contenttext}</span>\n            {this.actiontext && !!this.actiontext.trim().length && (\n              <span\n                role=\"button\"\n                tabindex=\"0\"\n                class=\"content-action\"\n                onClick={(e: MouseEvent) => {\n                  this.handleActionButtonClick(e);\n                }}\n                onKeyPress={(e: KeyboardEvent) => {\n                  this.handleSpaceKeyPress(e);\n                }}\n              >\n                {this.actiontext}\n              </span>\n            )}\n          </div>\n        </z-alert>\n      </div>\n    );\n  }\n}\n"]}

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: '3bfa929950fa7d4acb0a7a7f8857cf1d94a02cbc' }, h("slot", { key: '871cdb03423b9d52131023290648378e2ad6b439', name: "alert" }), h("slot", { key: 'c48ec3615b98643b44b6d592143412d9fd2c4304', name: "cover" })));
+        return (h("div", { key: 'f979e99bc3e8640e4c6ff7603d0bdba1bcd4f10f' }, h("slot", { key: 'e246c5398ab2e8d1917f3a42c1037c3caedee6fa', name: "alert" }), h("slot", { key: 'aa79cbf40366c68b839aa335b705ba4a8af20b7f', name: "cover" })));
     }
     static get is() { return "z-myz-card-body"; }
     static get encapsulation() { return "shadow"; }
@@ -20,3 +20,4 @@ export class ZMyzCardBody {
         };
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,YAAY;IACvB,MAAM;QACJ,OAAO,CACL;YACE,6DAAM,IAAI,EAAC,OAAO,GAAQ;YAC1B,6DAAM,IAAI,EAAC,OAAO,GAAG,CACjB,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot alert - card alert slot\n * @slot cover - book cover slot\n */\n@Component({\n  tag: \"z-myz-card-body\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardBody {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <slot name=\"alert\"></slot>\n        <slot name=\"cover\" />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,10 +1,16 @@
 import { h } from "@stencil/core";
 export class ZMyzCardCover {
+    constructor() {
+        this.img = undefined;
+        this.titolo = undefined;
+        this.faded = undefined;
+        this.defaultimg = undefined;
+    }
     hadleOnImageError() {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: '5d148d2ef8ab0f6075a368593da59a860ce575be', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: 'ca8f2207563979810f396544be243792903af17c', 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"; }
@@ -34,10 +40,8 @@ export class ZMyzCardCover {
                     "tags": [],
                     "text": "image source"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img"
+                "attribute": "img",
+                "reflect": false
             },
             "titolo": {
                 "type": "string",
@@ -53,10 +57,8 @@ export class ZMyzCardCover {
                     "tags": [],
                     "text": "cover alt title"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "titolo"
+                "attribute": "titolo",
+                "reflect": false
             },
             "faded": {
                 "type": "boolean",
@@ -72,10 +74,8 @@ export class ZMyzCardCover {
                     "tags": [],
                     "text": "faded status"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "faded"
+                "attribute": "faded",
+                "reflect": false
             },
             "defaultimg": {
                 "type": "string",
@@ -91,11 +91,10 @@ export class ZMyzCardCover {
                     "tags": [],
                     "text": "default error image source"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "defaultimg"
+                "attribute": "defaultimg",
+                "reflect": false
             }
         };
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-cover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOjD,MAAM,OAAO,aAAa;;;;;;;IAiBhB,iBAAiB;QACvB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,OAAO,EAC5B,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAC1C,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,GAAG,EAAE,IAAI,CAAC,GAAG,GACb,CACH,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-myz-card-cover\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardCover {\n  /** image source */\n  @Prop()\n  img: string;\n\n  /** cover alt title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** default error image source */\n  @Prop()\n  defaultimg: string;\n\n  private hadleOnImageError(): void {\n    this.img = this.defaultimg;\n  }\n\n  render(): HTMLImageElement {\n    return (\n      <img\n        class={this.faded && \"faded\"}\n        onError={this.hadleOnImageError.bind(this)}\n        alt={this.titolo}\n        src={this.img}\n      />\n    );\n  }\n}\n"]}

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

@@ -6,13 +6,11 @@ import { ButtonSize, ButtonVariant } from "../../../../beans";
  */
 export class ZMyzCardDictionary {
     constructor() {
-        /** card is disabled */
+        this.name = undefined;
+        this.cover = undefined;
         this.disabled = false;
-        /** card is flipped */
         this.flipped = false;
-        /** flip button label */
         this.flipbuttonlabel = "INFO";
-        /** hide info button */
         this.hideinfobtn = false;
     }
     handleFlipCard(e) {
@@ -23,7 +21,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '60de4d7147f69c030e9da4d23888db5c7113a326' }, h("z-myz-card", { key: 'e570e992fe0b53c5eb29eb93656641221774c088' }, h("z-myz-card-header", { key: '96b775f5d46d83937b9c1dec8e4713f480267f06', titolo: this.name }), h("div", { key: 'a312bb379f5a6cbeba6450dd2ad766789f9e8d52', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '76d42b6ff3f61fe9a8fe66bddb99c05c5e490b56', class: "front" }, h("z-myz-card-body", { key: '7009b12a765d3b1fa0080de90d6b4c060721c164' }, h("z-myz-card-cover", { key: '6eee93ed02af8745eaa55392e6dc6846c53bd1fa', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'a2af4a8800763389c129df827274ce8449406a6a', 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: 'b2ba007a530273d1bb04fa952af6d61e32b0e3f3', class: "back" }, h("slot", { key: '72287c64ce43c9980ee6a1d0ad139e998e90a51a', name: "info" }))), h("slot", { key: 'ab88bd78b8c88f9fdad8d86df861d2c44eedcb0c' }))));
+        return (h("div", { key: '6b1346d29ca8d1c94dc5c3dd604315aedfa89e53' }, h("z-myz-card", { key: 'b55d663bd25dcf5907b2b568a8a7143b11dc34a6' }, h("z-myz-card-header", { key: '092cebee4734c33f36e6106d0df767f66ee53b72', titolo: this.name }), h("div", { key: 'd6e76b7417c31c4d4f130c70a97abc7dcbc5e35e', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'efa43a9507b952db1e1be06aa92ebc0663944031', class: "front" }, h("z-myz-card-body", { key: '3285eb249c09247fee8a05605c15bbd41a08c40a' }, h("z-myz-card-cover", { key: '6cf9e64d190cb385af2e53ddd86a0468e962c7f7', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'b8a4b8181709eb7e794c0a5c66ddee3423db4571', 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: '3e728ca532b6eca130e888a6fceb6d8da630dd0a', class: "back" }, h("slot", { key: '173a377df9c1df6891ea4a724760b964ac00e410', name: "info" }))), h("slot", { key: '608d82ab5d4d322124f30b767be53280912f23f3' }))));
     }
     static get is() { return "z-myz-card-dictionary"; }
     static get encapsulation() { return "shadow"; }
@@ -53,10 +51,8 @@ export class ZMyzCardDictionary {
                     "tags": [],
                     "text": "card title"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
+                "attribute": "name",
+                "reflect": false
             },
             "cover": {
                 "type": "string",
@@ -72,10 +68,8 @@ export class ZMyzCardDictionary {
                     "tags": [],
                     "text": "card cover"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cover"
+                "attribute": "cover",
+                "reflect": false
             },
             "disabled": {
                 "type": "boolean",
@@ -91,10 +85,8 @@ export class ZMyzCardDictionary {
                     "tags": [],
                     "text": "card is disabled"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "flipped": {
@@ -111,10 +103,8 @@ export class ZMyzCardDictionary {
                     "tags": [],
                     "text": "card is flipped"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "flipped",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "flipbuttonlabel": {
@@ -131,10 +121,8 @@ export class ZMyzCardDictionary {
                     "tags": [],
                     "text": "flip button label"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "flipbuttonlabel",
+                "reflect": false,
                 "defaultValue": "\"INFO\""
             },
             "hideinfobtn": {
@@ -151,10 +139,8 @@ export class ZMyzCardDictionary {
                     "tags": [],
                     "text": "hide info button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "hideinfobtn",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };
@@ -187,3 +173,4 @@ export class ZMyzCardDictionary {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAE5D;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;;;;wBAWlB,KAAK;uBAIN,KAAK;+BAIG,MAAM;2BAIV,KAAK;;IAGnB,cAAc,CAAC,CAAc;QAC3B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAMO,QAAQ,CAAC,QAAQ,GAAG,IAAI;QAC9B,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE;gBACE,0EAAmB,MAAM,EAAE,IAAI,CAAC,IAAI,GAAsB;gBAC1D,4DAAK,KAAK,EAAE,WAAW,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;oBACpD,4DAAK,KAAK,EAAC,OAAO;wBAChB;4BACE,yEACE,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,IAAI,CAAC,QAAQ,GACpB,CACc;wBAClB,iEACE,KAAK,EAAE,EAAC,WAAW,EAAE,IAAI,CAAC,WAAW,EAAC,EACtC,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,IAAI,EAAC,mBAAmB,EACxB,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,QAAQ,EAAE,IAAI,CAAC,OAAO,IAErB,IAAI,CAAC,eAAe,CACZ,CACP;oBACN,4DAAK,KAAK,EAAC,MAAM;wBACf,6DAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACF;gBACN,8DAAQ,CACG,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Event, EventEmitter, Listen, Prop, h} from \"@stencil/core\";\nimport {ButtonSize, ButtonVariant} from \"../../../../beans\";\n\n/**\n * @slot  - generic card slot\n * @slot info - flipped card info\n */\n@Component({\n  tag: \"z-myz-card-dictionary\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardDictionary {\n  /** card title */\n  @Prop()\n  name: string;\n\n  /** card cover */\n  @Prop()\n  cover: string;\n\n  /** card is disabled */\n  @Prop()\n  disabled = false;\n\n  /** card is flipped */\n  @Prop({mutable: true})\n  flipped = false;\n\n  /** flip button label */\n  @Prop()\n  flipbuttonlabel = \"INFO\";\n\n  /** hide info button */\n  @Prop()\n  hideinfobtn = false;\n\n  @Listen(\"flipCard\")\n  handleFlipCard(e: CustomEvent): void {\n    this.flipCard(e.detail);\n  }\n\n  /** when card is flipped */\n  @Event()\n  cardFlipped: EventEmitter;\n\n  private flipCard(showBack = true): void {\n    this.flipped = showBack;\n    this.cardFlipped.emit(showBack);\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <z-myz-card>\n          <z-myz-card-header titolo={this.name}></z-myz-card-header>\n          <div class={`content ${this.flipped ? \"flipped\" : \"\"}`}>\n            <div class=\"front\">\n              <z-myz-card-body>\n                <z-myz-card-cover\n                  slot=\"cover\"\n                  titolo={this.name}\n                  img={this.cover}\n                  faded={this.disabled}\n                />\n              </z-myz-card-body>\n              <z-button\n                class={{\"hide-info\": this.hideinfobtn}}\n                variant={ButtonVariant.SECONDARY}\n                icon=\"informationsource\"\n                size={ButtonSize.X_SMALL}\n                onClick={() => this.flipCard(true)}\n                disabled={this.flipped}\n              >\n                {this.flipbuttonlabel}\n              </z-button>\n            </div>\n            <div class=\"back\">\n              <slot name=\"info\" />\n            </div>\n          </div>\n          <slot />\n        </z-myz-card>\n      </div>\n    );\n  }\n}\n"]}

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

@@ -6,9 +6,12 @@ import { LicenseType } from "../../../../beans/index";
  */
 export class ZMyzCardFooter {
     constructor() {
-        /** footer opened by default (optional) */
+        this.titolo = undefined;
+        this.autori = undefined;
+        this.isbn = undefined;
+        this.faded = undefined;
+        this.cardtype = undefined;
         this.opened = false;
-        /** display footer custom slotted content */
         this.customContent = false;
         this.isOpen = false;
         this.allowTooltipAuthors = false;
@@ -56,7 +59,7 @@ export class ZMyzCardFooter {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: 'e8e0fa454aaf446f0128c66e33432b8a2ec664dd', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'c0c503890a26ae0a8708e55c098b5f3d6dac9877', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'a478f1d0dd2ce746401c1e74317bfe8bebf02c76', class: "toggle" }, h("slot", { key: 'da8aa9d68ccc2b492cf78a7ffedcb52ff02a6d39', name: "toggle" })), this.titolo && h("p", { key: '12bf208eea85a0b7957cff26abdfd481dc96b307', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '82a6539f1b74d306ebd5cffa25bf9971254fe59a', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '4d133db1d613f3540a9a4bf9fda08b8c607e78d9' }, h("p", { key: '9abcce1c8ab5b7acc18ae7e8501eec7a6f7045a2', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '5949016c2d0ee207f3127ebc21f8ab7af8ef6eda', title: this.getTitleAuthors() }, h("span", { key: 'e8fea21b88f34c80725bd9785cd6d8e3bff69f66', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '95667b4bc9381b1c244f763419c552a0939b230a', class: "year-isbn" }, h("span", { key: 'c3a7bc333bf465ba558d83785909ab415b312581', class: "isbn" }, h("span", { key: 'e207fb93fa448fb76bb83437bbcd0476e03149c5' }, h("span", { key: '14f82e7b58f8844065882f4cfe2de710bdcb1410', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '524a25a8d5153ee54de233eab15b1e520e4a68c2', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'b2d153c3573ee20468b619745dab677a9bc4df69', name: "list" })))), this.customContent && h("slot", { key: 'ae06cde6d964520381124896788fbf0f96f4083a', name: "content" })));
+        return (h("div", { key: 'b2c367deffbb414b14b26d4f9c6bc9da8164a350', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '4a5e9261262c078bbc6e36f6fe6188f914f3f892', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'd89f1c82507f524997001e23a667e2d7613d3db4', class: "toggle" }, h("slot", { key: '746bc0ef6b6e3b67d53027033a3125b1a88b6dbc', name: "toggle" })), this.titolo && h("p", { key: '9ab5fe483ca565306d185b1ad3757389880303c7', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '3f13c2950c5c6b7a0a6eb5dcef9f66c2b5333755', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '33bc4ee1df0442430b252e89f5a5683dd090676f' }, h("p", { key: 'f8a74c735f1bfcccc7e53aac0339ea9bc23d70d5', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: 'e768282b621bd4918d02f79d7b6fb435328e2ff7', title: this.getTitleAuthors() }, h("span", { key: '51e3506af92802176f696db218326cbf1c4b276d', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'ffee18d90a03c7828e2683c1c18cc7b07098208f', class: "year-isbn" }, h("span", { key: 'e95af54bc544e76269fcc9f120c184a1c7fcc768', class: "isbn" }, h("span", { key: '0a2e1414b5c770a43d1971d5df38a5533a9f7589' }, h("span", { key: '735f3054ea25c564632ddfb5b09849bb05f9ea6d', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '5f0cccd6077cadd792659c426d5eee35cb0528c1', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'b147e0d5bd7a20bd562214e2a4274f1d2a7bd52b', name: "list" })))), this.customContent && h("slot", { key: '5ebdd6a9e733998f158f56718649d495cacb3c87', name: "content" })));
     }
     static get is() { return "z-myz-card-footer"; }
     static get encapsulation() { return "shadow"; }
@@ -86,10 +89,8 @@ export class ZMyzCardFooter {
                     "tags": [],
                     "text": "volume title"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "titolo"
+                "attribute": "titolo",
+                "reflect": false
             },
             "autori": {
                 "type": "string",
@@ -105,10 +106,8 @@ export class ZMyzCardFooter {
                     "tags": [],
                     "text": "authors name text"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "autori"
+                "attribute": "autori",
+                "reflect": false
             },
             "isbn": {
                 "type": "string",
@@ -124,10 +123,8 @@ export class ZMyzCardFooter {
                     "tags": [],
                     "text": "volume isbn"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "isbn"
+                "attribute": "isbn",
+                "reflect": false
             },
             "faded": {
                 "type": "boolean",
@@ -143,10 +140,8 @@ export class ZMyzCardFooter {
                     "tags": [],
                     "text": "faded status"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "faded"
+                "attribute": "faded",
+                "reflect": false
             },
             "cardtype": {
                 "type": "string",
@@ -158,8 +153,7 @@ export class ZMyzCardFooter {
                         "LicenseType": {
                             "location": "import",
                             "path": "../../../../beans/index",
-                            "id": "src/beans/index.tsx::LicenseType",
-                            "referenceLocation": "LicenseType"
+                            "id": "src/beans/index.tsx::LicenseType"
                         }
                     }
                 },
@@ -169,10 +163,8 @@ export class ZMyzCardFooter {
                     "tags": [],
                     "text": "card graphic variant (optional)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cardtype"
+                "attribute": "cardtype",
+                "reflect": false
             },
             "opened": {
                 "type": "boolean",
@@ -188,10 +180,8 @@ export class ZMyzCardFooter {
                     "tags": [],
                     "text": "footer opened by default (optional)"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "opened",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "customContent": {
@@ -208,10 +198,8 @@ export class ZMyzCardFooter {
                     "tags": [],
                     "text": "display footer custom slotted content"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "custom-content",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };
@@ -233,3 +221,4 @@ export class ZMyzCardFooter {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Listen, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\n@Component({\n  tag: \"z-myz-card-footer\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooter {\n  @Element() host: HTMLZMyzCardFooterElement;\n\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** authors name text */\n  @Prop()\n  autori: string;\n\n  /** volume isbn */\n  @Prop()\n  isbn: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** footer opened by default (optional) */\n  @Prop()\n  opened?: boolean = false;\n\n  /** display footer custom slotted content */\n  @Prop()\n  customContent = false;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  allowTooltipAuthors = false;\n\n  private ellipsisAuthors?: HTMLElement;\n\n  @Listen(\"toggleClick\")\n  handleToggle(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      const firstElem = this.getFirstListItem();\n      if (firstElem) {\n        requestAnimationFrame(() => {\n          firstElem.focus();\n        });\n      }\n    }\n  }\n\n  private getTitleAuthors(): string {\n    return this.allowTooltipAuthors ? this.autori : \"\";\n  }\n\n  componentWillLoad(): void {\n    if (this.opened) {\n      this.isOpen = true;\n    }\n  }\n\n  private elementsEllipsis(): void {\n    this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n  }\n\n  private elementAuthorsHasEllipsis(): boolean {\n    return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      \"isopen\": this.isOpen,\n      \"real\": this.cardtype === LicenseType.REAL,\n      \"trial\": this.cardtype === LicenseType.TRIAL,\n      \"temp\": this.cardtype === LicenseType.TEMP,\n      \"custom-content\": this.customContent,\n    };\n  }\n\n  private footerTransitionHandler(e: TransitionEvent): void {\n    if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n      this.elementsEllipsis();\n    }\n  }\n\n  private getFirstListItem(): HTMLElement {\n    return this.host.querySelector(\"[slot=list] > li a\");\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n        <footer\n          class={this.retrieveClass()}\n          onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n        >\n          <span class=\"toggle\">\n            <slot name=\"toggle\" />\n          </span>\n          {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n          <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n            <div>\n              <p\n                class=\"authors\"\n                ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n              >\n                <span title={this.getTitleAuthors()}>\n                  <span\n                    aria-description=\"Autori\"\n                    class=\"bold\"\n                  >\n                    {this.autori}\n                  </span>\n                </span>\n              </p>\n              <p class=\"year-isbn\">\n                <span class=\"isbn\">\n                  <span>\n                    <span\n                      aria-description=\"ISBN edizione cartacea\"\n                      class=\"bold\"\n                    >\n                      {this.isbn}\n                    </span>{\" \"}\n                    (ed. cartacea)\n                  </span>\n                </span>\n              </p>\n            </div>\n            <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n              <slot name=\"list\" />\n            </div>\n          </div>\n        </footer>\n        {this.customContent && <slot name=\"content\" />}\n      </div>\n    );\n  }\n}\n"]}

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: '3ba3d9d8cba948577e74b684c439ff9f3add0bba' }, h("footer", { key: 'b05a13bb2b23eea2b1fdf95c8df4ef55b6a60770' }, h("div", { key: '63f78f7fafad29234d9ea2815165148463353c03', class: "top" }, h("slot", { key: 'ab28d17795b7e907cef9377c11e97b38eb6e9fab', name: "top" })), h("div", { key: '233079e440ce253119029d60be436ebd629b06c9', class: "bottom" }, h("slot", { key: 'b0cab09c2fe2bff708996080e9119c79d6f6ebb9', name: "bottom" })))));
+        return (h("div", { key: 'a46083ba1265bd19e0b0d04e6314e43691222cde' }, h("footer", { key: 'd57858f24d1ecb5a0d9b4e2856a00641b5766f78' }, h("div", { key: 'd1cda03a27089e0c66ec4568bd4a044250d5aabf', class: "top" }, h("slot", { key: '96db1d35ba09c57dff19c381a4c86b7fbc3759a3', name: "top" })), h("div", { key: 'debf288a71d568c50f4e76d2abf8b1b4cdc25b1e', class: "bottom" }, h("slot", { key: '3464db01d4ec966cf1c13edb53e2a4e63eea59d2', name: "bottom" })))));
     }
     static get is() { return "z-myz-card-footer-sections"; }
     static get encapsulation() { return "shadow"; }
@@ -20,3 +20,4 @@ export class ZMyzCardFooterSections {
         };
     }
 }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AAMH,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL;YACE;gBACE,4DAAK,KAAK,EAAC,KAAK;oBACd,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf;gBACN,4DAAK,KAAK,EAAC,QAAQ;oBACjB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACC,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n  tag: \"z-myz-card-footer-sections\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooterSections {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <footer>\n          <div class=\"top\">\n            <slot name=\"top\" />\n          </div>\n          <div class=\"bottom\">\n            <slot name=\"bottom\" />\n          </div>\n        </footer>\n      </div>\n    );\n  }\n}\n"]}