@zanichelli/albe-web-components 19.6.1 → 20.0.0

package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css

@@ -1,62 +0,0 @@
-:host {
-  position: absolute;
-  z-index: 2;
-  top: 0;
-  left: 0;
-  width: 100%;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > z-alert {
-  height: calc(var(--space-unit) * 6);
-}
-
-.relative-container {
-  position: relative;
-  display: grid;
-  align-items: center;
-  padding: 0;
-  grid-column-gap: var(--space-unit);
-  grid-template-columns: 18px auto 46px;
-  grid-template-rows: 1fr;
-  outline: none;
-}
-
-.relative-container::-moz-focus-inner {
-  border: 0;
-}
-
-.alert-external-wrapper.remove-alert {
-  border: var(--border-size-medium) solid var(--color-background);
-  border-top: none;
-}
-
-:host div.add-alert {
-  background: var(--color-inverse-success);
-}
-
-:host div.remove-alert {
-  background: var(--color-inverse-warning);
-}
-
-:host div > .content-text {
-  color: var(--color-surface05);
-  font-size: 14px;
-  letter-spacing: 0.16px;
-  line-height: 20px;
-}
-
-:host div > .content-action {
-  height: 20px;
-  color: var(--color-primary01);
-  cursor: pointer;
-  font-size: 12px;
-  font-weight: var(--font-sb);
-  letter-spacing: 0.32px;
-  line-height: 20px;
-}
-
-:host div > z-icon {
-  justify-self: center;
-}

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

@@ -1,23 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @slot alert - card alert slot
- * @slot cover - book cover slot
- */
-export class ZMyzCardBody {
-    render() {
-        return (h("div", { key: '9a1f8e25043b54dd7ce20167622840c675d8282a' }, h("slot", { key: '5b24f58f0ca8db42b6a7e8a112fd0af3af64df96', name: "alert" }), h("slot", { key: '49f082fc29b4edab74ac4dfbd6c77d388eaa22cc', name: "cover" })));
-    }
-    static get is() { return "z-myz-card-body"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-body/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,CAAC,EAAC,MAAM,eAAe,CAAC;AAE/D;;;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, ComponentInterface, 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 implements ComponentInterface {\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-body/styles.css

@@ -1,13 +0,0 @@
-:host {
-  width: auto;
-  height: 340px;
-}
-
-:host > div {
-  position: relative;
-  display: flex;
-  width: auto;
-  height: 340px;
-  align-items: center;
-  justify-content: center;
-}

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

@@ -1,102 +0,0 @@
-import { h } from "@stencil/core";
-export class ZMyzCardCover {
-    hadleOnImageError() {
-        this.img = this.defaultimg;
-    }
-    render() {
-        return (h("img", { key: '74249d6955b0c1db6bbb2e5e77c847378861999f', 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"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "img": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "image source"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img"
-            },
-            "titolo": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "cover alt title"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "titolo"
-            },
-            "faded": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "faded status"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "faded"
-            },
-            "defaultimg": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "default error image source"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "defaultimg"
-            }
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-cover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOrE,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, ComponentInterface, 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 implements ComponentInterface {\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-cover/styles.css

@@ -1,11 +0,0 @@
-img {
-  display: block;
-  max-width: 100%;
-  height: 340px;
-  margin: auto;
-  object-fit: cover;
-}
-
-img.faded {
-  opacity: 0.3;
-}

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

@@ -1,190 +0,0 @@
-import { h } from "@stencil/core";
-import { ButtonSize, ButtonVariant } from "../../../../beans";
-/**
- * @slot  - generic card slot
- * @slot info - flipped card info
- */
-export class ZMyzCardDictionary {
-    constructor() {
-        /** card is disabled */
-        this.disabled = false;
-        /** card is flipped */
-        this.flipped = false;
-        /** flip button label */
-        this.flipbuttonlabel = "INFO";
-        /** hide info button */
-        this.hideinfobtn = false;
-    }
-    handleFlipCard(e) {
-        this.flipCard(e.detail);
-    }
-    flipCard(showBack = true) {
-        this.flipped = showBack;
-        this.cardFlipped.emit(showBack);
-    }
-    render() {
-        return (h("div", { key: 'd1e208c3b3a1fac92e72689db7b9fd700e2452b1' }, h("z-myz-card", { key: '96203a335382ae05d8f8b4567936486bd05477d7' }, h("z-myz-card-header", { key: '22b83315e7c72fc2794718ee07734d9be9ff981f', titolo: this.name }), h("div", { key: '40f1a3a032d2f23b4151f6c5e3ac9598c6b2a694', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '44adbb97b0b41855c9158a1496b0dbfb05a79c6e', class: "front" }, h("z-myz-card-body", { key: 'f5c9b1f0994d0a14803039cf2a6b74ba4c303ffd' }, h("z-myz-card-cover", { key: '934b89d09a3b8be386335656006fa88430f63b3a', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '1af759bc9a58dd131132d81f9f6e56603ac99be1', 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: '1c85cf336ea01bc48e3e68ae405910c61eddf83d', class: "back" }, h("slot", { key: '4f89674544c94f61bcdef1ef10fdc4f845ed9e1e', name: "info" }))), h("slot", { key: '5ecf28e236204b2e8e0789e2f866923c7c6b3cb5' }))));
-    }
-    static get is() { return "z-myz-card-dictionary"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "card title"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
-            },
-            "cover": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "card cover"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cover"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "card is disabled"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "flipped": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "card is flipped"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "flipped",
-                "defaultValue": "false"
-            },
-            "flipbuttonlabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "flip button label"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "flipbuttonlabel",
-                "defaultValue": "\"INFO\""
-            },
-            "hideinfobtn": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "hide info button"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hideinfobtn",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "cardFlipped",
-                "name": "cardFlipped",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "when card is flipped"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "flipCard",
-                "method": "handleFlipCard",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-dictionary/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAClG,OAAO,EAAC,UAAU,EAAE,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAE5D;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IAL/B;QAcE,uBAAuB;QAEvB,aAAQ,GAAG,KAAK,CAAC;QAEjB,sBAAsB;QAEtB,YAAO,GAAG,KAAK,CAAC;QAEhB,wBAAwB;QAExB,oBAAe,GAAG,MAAM,CAAC;QAEzB,uBAAuB;QAEvB,gBAAW,GAAG,KAAK,CAAC;KAmDrB;IAhDC,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, ComponentInterface, 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 implements ComponentInterface {\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-dictionary/styles.css

@@ -1,76 +0,0 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host z-myz-card {
-  --card-overflow: visible;
-}
-
-:host > div {
-  position: relative;
-  width: 100%;
-  height: 522px;
-  transition: -webkit-transform 0.5s ease-out;
-  transition: transform 0.5s ease-out;
-  transition:
-    transform 0.5s ease-out,
-    -webkit-transform 0.5s ease-out;
-}
-
-:host > div .content {
-  position: relative;
-  z-index: 2;
-  width: 100%;
-  height: 522px;
-  transform-style: preserve-3d;
-  transition: -webkit-transform 0.5s ease-out;
-  transition: transform 0.5s ease-out;
-  transition:
-    transform 0.5s ease-out,
-    -webkit-transform 0.5s ease-out;
-}
-
-:host > div .content.flipped {
-  margin-top: -2px;
-  transform: rotateY(180deg);
-}
-
-:host > div .front,
-:host > div .back {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  backface-visibility: hidden;
-}
-
-:host > div .front {
-  z-index: 2;
-  top: 0;
-  left: 0;
-  transform: rotateY(0deg);
-}
-
-:host > div .front z-button {
-  position: absolute;
-  z-index: 3;
-  top: calc(var(--space-unit) * 0.5);
-  left: calc(-1 * var(--space-unit));
-}
-
-:host > div .back {
-  z-index: 1;
-  top: 0;
-  left: 0;
-  display: flex;
-  justify-content: center;
-  padding: 0 var(--space-unit);
-  margin-left: calc(-1 * var(--space-unit));
-  transform: rotateY(180deg);
-}
-
-.hide-info {
-  display: none;
-}