@zanichelli/albe-web-components 9.3.0-rc1 → 10.0.0

package/dist/cjs/z-body.cjs.entry.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-
-const ZBody = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (index.h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, index.h("slot", null)));
-  }
-};
-
-exports.z_body = ZBody;

package/dist/cjs/z-dragdrop-area.cjs.entry.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-
-const stylesCss = ":host{margin-top:calc(var(--space-unit) * 3);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.dragdrop{position:relative;display:flex;height:228px;flex-direction:column;border-color:var(--color-surface04);background-color:var(--color-surface02);background-image:url(\"data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='2' ry='2' stroke='%23CACCCEFF' stroke-width='2' stroke-dasharray='15%2c 10%2c 14%2c 11' stroke-dashoffset='3' stroke-linecap='square'/%3e%3c/svg%3e\");border-radius:2px;color:var(--color-text01)}:host>.dragdrop.dragover *{pointer-events:none}:host>.dragdrop .dragover-container{position:absolute;z-index:10;top:0;left:0;display:none;width:100%;height:100%;background-color:var(--color-primary03);box-shadow:var(--shadow-focus-primary)}:host>.dragdrop .dragover-container .dragover-message{padding:10px 28px;background-color:var(--color-link-primary);color:var(--color-text04)}:host>.dragdrop.dragover .dragover-container{display:flex;align-items:center;justify-content:center}";
-
-const ZDragdropArea = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fileDropped = index.createEvent(this, "fileDropped", 7);
-  }
-  fileDroppedHandler(files) {
-    this.fileDropped.emit(files);
-  }
-  renderOnDragOverMessage() {
-    return (index.h("div", { class: "dragover-container" }, index.h("div", { class: "dragover-message" }, index.h("span", { class: "body-2-sb" }, "Rilascia i file in questa area per allegarli."))));
-  }
-  render() {
-    return (index.h("div", { tabIndex: 0, ref: (val) => (this.dragDropContainer = val), class: "dragdrop", onDragOver: (e) => {
-        e.preventDefault();
-        this.dragDropContainer.classList.add("dragover");
-      }, onDragLeave: () => {
-        this.dragDropContainer.classList.remove("dragover");
-      }, onDrop: (e) => {
-        e.preventDefault();
-        if (e.dataTransfer.files.length) {
-          this.dragDropContainer.classList.remove("dragover");
-          this.fileDroppedHandler(e.dataTransfer.files);
-        }
-      } }, this.renderOnDragOverMessage(), index.h("slot", null)));
-  }
-};
-ZDragdropArea.style = stylesCss;
-
-exports.z_dragdrop_area = ZDragdropArea;

package/dist/cjs/z-heading.cjs.entry.js

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-
-const ZHeading = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (index.h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, index.h("slot", null)));
-  }
-};
-
-exports.z_heading = ZHeading;

package/dist/cjs/z-typography.cjs.entry.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e3299e0a.js');
-
-const stylesCss = ":host>*{margin:0;font-family:var(--dashboard-font)}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";
-
-const ZTypography = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    const el = document.createElement(this.component || "span");
-    el.innerHTML = `<slot />`;
-    this.hostElement.shadowRoot.appendChild(el);
-    return (index.h(index.Host, { class: {
-        [this.level]: Boolean(this.level),
-        regular: this.variant === "regular",
-        semibold: this.variant === "semibold",
-        light: this.variant === "light",
-      } }));
-  }
-  get hostElement() { return index.getElement(this); }
-};
-ZTypography.style = stylesCss;
-
-exports.z_typography = ZTypography;

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

@@ -1,68 +0,0 @@
-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
-      }
-    };
-  }
-}

package/dist/collection/deprecated/typography/z-heading/index.js

@@ -1,68 +0,0 @@
-import { h } from "@stencil/core";
-export class ZHeading {
-  constructor() {
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, h("slot", null)));
-  }
-  static get is() { return "z-heading"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "level": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "1 | 2 | 3 | 4",
-          "resolved": "1 | 2 | 3 | 4",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Typography level"
-        },
-        "attribute": "level",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"regular\" | \"semibold\" | \"light\"",
-          "resolved": "\"light\" | \"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
-      }
-    };
-  }
-}

package/dist/collection/deprecated/typography/z-typography/index.js

@@ -1,91 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class ZTypography {
-  constructor() {
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    const el = document.createElement(this.component || "span");
-    el.innerHTML = `<slot />`;
-    this.hostElement.shadowRoot.appendChild(el);
-    return (h(Host, { class: {
-        [this.level]: Boolean(this.level),
-        regular: this.variant === "regular",
-        semibold: this.variant === "semibold",
-        light: this.variant === "light",
-      } }));
-  }
-  static get is() { return "z-typography"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "level": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ZTypographyLevels",
-          "resolved": "\"b1\" | \"b2\" | \"b3\" | \"b4\" | \"b5\" | \"h1\" | \"h2\" | \"h3\" | \"h4\"",
-          "references": {
-            "ZTypographyLevels": {
-              "location": "local"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Typography level"
-        },
-        "attribute": "level",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"regular\" | \"semibold\" | \"light\"",
-          "resolved": "\"light\" | \"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
-      }
-    };
-  }
-  static get elementRef() { return "hostElement"; }
-}

package/dist/collection/deprecated/typography/z-typography/styles.css

@@ -1,65 +0,0 @@
-:host > * {
-  margin: 0;
-  font-family: var(--dashboard-font);
-}
-
-:host(.regular) > * {
-  font-weight: var(--font-rg);
-}
-
-:host(.semibold) > * {
-  font-weight: 600;
-}
-
-:host(.light) > * {
-  font-weight: 300;
-}
-
-:host(.h1) > * {
-  font-size: 32px;
-  line-height: 40px;
-}
-
-:host(.h2) > * {
-  font-size: 28px;
-  line-height: 36px;
-}
-
-:host(.h3) > * {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-:host(.h4) > * {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-:host(.b1) > * {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-:host(.b2) > * {
-  font-size: 18px;
-  line-height: 28px;
-}
-
-:host(.b3) > * {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-:host(.b4) > * {
-  font-size: 14px;
-  line-height: 20px;
-}
-
-:host(.b5) > * {
-  font-size: 12px;
-  line-height: 16px;
-}
-
-:host(:focus-visible) {
-  outline: none;
-}