@zanichelli/albe-web-components 6.6.2 → 6.6.3

package/dist/collection/components/panel/z-panel-elem/index.js

@@ -1,193 +1,193 @@
-import { h } from "@stencil/core";
-/**
- * @slot `descrSlotName` - description content
- */
-export class ZPanelElem {
-  constructor() {
-    /** link target (optional) */
-    this.target = "_blank";
-    /** disabled status flag (optional) */
-    this.isdisabled = false;
-  }
-  renderIcon() {
-    if (this.isdisabled) {
-      return (h("img", { src: this.imgurl, alt: this.imgalt }));
-    }
-    return (h("a", { class: "elem-icon", href: this.url, target: this.target }, h("img", { src: this.imgurl, alt: this.imgalt })));
-  }
-  render() {
-    const elemId = this.elemid ? this.elemid : "";
-    return (h("div", { class: "panel-elem-container" }, (this.imgurl || this.imgalt) && h("div", { class: "panel-elem-icon" }, this.renderIcon()), h("div", { class: "panel-elem-link" }, h("z-link", { href: this.url, icon: this.linkicon, isdisabled: this.isdisabled, target: this.target, htmlid: elemId + "link_id" }, this.linklabel)), this.descrSlotName && (h("div", { class: "panel-elem-desc body-long-01" }, h("slot", { name: this.descrSlotName })))));
-  }
-  static get is() { return "z-panel-elem"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "elemid": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "html element id (optional)"
-        },
-        "attribute": "elemid",
-        "reflect": false
-      },
-      "imgurl": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "image url source (optional)"
-        },
-        "attribute": "imgurl",
-        "reflect": false
-      },
-      "imgalt": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "alternative image text (optional)"
-        },
-        "attribute": "imgalt",
-        "reflect": false
-      },
-      "linkicon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "icon link name (optional)"
-        },
-        "attribute": "linkicon",
-        "reflect": false
-      },
-      "linklabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "link label text"
-        },
-        "attribute": "linklabel",
-        "reflect": false
-      },
-      "url": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "link url"
-        },
-        "attribute": "url",
-        "reflect": false
-      },
-      "target": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "link target (optional)"
-        },
-        "attribute": "target",
-        "reflect": false,
-        "defaultValue": "\"_blank\""
-      },
-      "isdisabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "disabled status flag (optional)"
-        },
-        "attribute": "isdisabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "descrSlotName": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "name of slot container (optional)"
-        },
-        "attribute": "descr-slot-name",
-        "reflect": false
-      }
-    };
-  }
-}
+import { h } from "@stencil/core";
+/**
+ * @slot `descrSlotName` - description content
+ */
+export class ZPanelElem {
+  constructor() {
+    /** link target (optional) */
+    this.target = "_blank";
+    /** disabled status flag (optional) */
+    this.isdisabled = false;
+  }
+  renderIcon() {
+    if (this.isdisabled) {
+      return (h("img", { src: this.imgurl, alt: this.imgalt }));
+    }
+    return (h("a", { class: "elem-icon", href: this.url, target: this.target }, h("img", { src: this.imgurl, alt: this.imgalt })));
+  }
+  render() {
+    const elemId = this.elemid ? this.elemid : "";
+    return (h("div", { class: "panel-elem-container" }, (this.imgurl || this.imgalt) && h("div", { class: "panel-elem-icon" }, this.renderIcon()), h("div", { class: "panel-elem-link" }, h("z-link", { href: this.url, icon: this.linkicon, isdisabled: this.isdisabled, target: this.target, htmlid: elemId + "link_id" }, this.linklabel)), this.descrSlotName && (h("div", { class: "panel-elem-desc body-long-01" }, h("slot", { name: this.descrSlotName })))));
+  }
+  static get is() { return "z-panel-elem"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "elemid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "html element id (optional)"
+        },
+        "attribute": "elemid",
+        "reflect": false
+      },
+      "imgurl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "image url source (optional)"
+        },
+        "attribute": "imgurl",
+        "reflect": false
+      },
+      "imgalt": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "alternative image text (optional)"
+        },
+        "attribute": "imgalt",
+        "reflect": false
+      },
+      "linkicon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "icon link name (optional)"
+        },
+        "attribute": "linkicon",
+        "reflect": false
+      },
+      "linklabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "link label text"
+        },
+        "attribute": "linklabel",
+        "reflect": false
+      },
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "link url"
+        },
+        "attribute": "url",
+        "reflect": false
+      },
+      "target": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "link target (optional)"
+        },
+        "attribute": "target",
+        "reflect": false,
+        "defaultValue": "\"_blank\""
+      },
+      "isdisabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "disabled status flag (optional)"
+        },
+        "attribute": "isdisabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "descrSlotName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "name of slot container (optional)"
+        },
+        "attribute": "descr-slot-name",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/panel/z-panel-elem/styles.css

@@ -1,39 +1,39 @@
-:host {
-  width: inherit;
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-}
-
-.panel-elem-container {
-  width: 100%;
-}
-
-.panel-elem-icon {
-  margin: auto calc(var(--space-unit) * 3);
-}
-
-.panel-elem-icon img {
-  display: block;
-  max-width: 96px;
-  height: 32px;
-  margin: auto;
-  object-fit: contain;
-}
-
-.panel-elem-link {
-  margin: var(--space-unit) auto 0;
-  border-radius: var(--border-no-radius);
-  font-size: 12px;
-  text-align: center;
-}
-
-.panel-elem-link > z-link {
-  font-weight: var(--font-sb);
-}
-
-.panel-elem-desc {
-  padding-top: var(--space-unit);
-  margin: 0;
-  letter-spacing: 0.16px;
-  text-align: center;
-}
+:host {
+  width: inherit;
+  font-family: var(--dashboard-font);
+  font-weight: var(--font-rg);
+}
+
+.panel-elem-container {
+  width: 100%;
+}
+
+.panel-elem-icon {
+  margin: auto calc(var(--space-unit) * 3);
+}
+
+.panel-elem-icon img {
+  display: block;
+  max-width: 96px;
+  height: 32px;
+  margin: auto;
+  object-fit: contain;
+}
+
+.panel-elem-link {
+  margin: var(--space-unit) auto 0;
+  border-radius: var(--border-no-radius);
+  font-size: 12px;
+  text-align: center;
+}
+
+.panel-elem-link > z-link {
+  font-weight: var(--font-sb);
+}
+
+.panel-elem-desc {
+  padding-top: var(--space-unit);
+  margin: 0;
+  letter-spacing: 0.16px;
+  text-align: center;
+}

package/dist/collection/components/typography/z-body/index.js

@@ -1,68 +1,68 @@
-import { h } from "@stencil/core";
-export class ZBody {
-  constructor() {
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
-  }
-  static get is() { return "z-body"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "level": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "1 | 2 | 3 | 4 | 5",
-          "resolved": "1 | 2 | 3 | 4 | 5",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Typography level"
-        },
-        "attribute": "level",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"regular\" | \"semibold\"",
-          "resolved": "\"regular\" | \"semibold\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Font weight variant"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "\"regular\""
-      },
-      "component": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "HTML tag to use to wrap slotted content"
-        },
-        "attribute": "component",
-        "reflect": false
-      }
-    };
-  }
-}
+import { h } from "@stencil/core";
+export class ZBody {
+  constructor() {
+    /** Font weight variant */
+    this.variant = "regular";
+  }
+  render() {
+    return (h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
+  }
+  static get is() { return "z-body"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() {
+    return {
+      "level": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "1 | 2 | 3 | 4 | 5",
+          "resolved": "1 | 2 | 3 | 4 | 5",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Typography level"
+        },
+        "attribute": "level",
+        "reflect": false
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"regular\" | \"semibold\"",
+          "resolved": "\"regular\" | \"semibold\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Font weight variant"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "\"regular\""
+      },
+      "component": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "HTML tag to use to wrap slotted content"
+        },
+        "attribute": "component",
+        "reflect": false
+      }
+    };
+  }
+}