@scania/tegel 1.3.3 → 1.5.0

package/dist/collection/components/banner/banner.js

@@ -7,222 +7,222 @@ import hasSlot from "../../utils/hasSlot";
  * @slot actions - Slot for the bottom part of the Banner, used for links.
  */
 export class TdsBanner {
-  constructor() {
-    this.handleClose = () => {
-      const tdsCloseEvent = this.tdsClose.emit({
-        bannerId: this.bannerId,
-      });
-      if (!tdsCloseEvent.defaultPrevented) {
+    constructor() {
+        this.handleClose = () => {
+            const tdsCloseEvent = this.tdsClose.emit({
+                bannerId: this.bannerId,
+            });
+            if (!tdsCloseEvent.defaultPrevented) {
+                this.hidden = true;
+            }
+        };
+        this.icon = undefined;
+        this.header = undefined;
+        this.subheader = undefined;
+        this.variant = 'default';
+        this.bannerId = generateUniqueId();
+        this.hidden = false;
+    }
+    /** Hides the Banner. */
+    async hideBanner() {
         this.hidden = true;
-      }
-    };
-    this.icon = undefined;
-    this.header = undefined;
-    this.subheader = undefined;
-    this.variant = 'default';
-    this.bannerId = generateUniqueId();
-    this.hidden = false;
-  }
-  /** Hides the Banner. */
-  async hideBanner() {
-    this.hidden = true;
-  }
-  /** Shows the Banner */
-  async showBanner() {
-    this.hidden = false;
-  }
-  connectedCallback() {
-    if (this.variant === 'error') {
-      this.icon = 'error';
     }
-    else if (this.variant === 'information') {
-      this.icon = 'info';
+    /** Shows the Banner */
+    async showBanner() {
+        this.hidden = false;
     }
-  }
-  render() {
-    const usesHeaderSlot = hasSlot('subheader', this.host);
-    const usesSubheaderSlot = hasSlot('subheader', this.host);
-    const usesActionsSlot = hasSlot('actions', this.host);
-    return (h(Host, { role: "banner", "aria-hidden": `${this.hidden}`, "aria-live": this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: `${this.variant} ${this.hidden ? 'hide' : 'show'}` }, this.icon && (h("div", { class: `banner-icon ${this.variant}` }, h("tds-icon", { name: this.icon, size: "20px" }))), h("div", { class: "content" }, h("div", { class: "header-subheader" }, this.header && h("div", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("div", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" })), usesActionsSlot && h("slot", { name: "actions" })), h("div", { class: `banner-close` }, h("button", { onClick: () => {
-        this.handleClose();
-      } }, h("tds-icon", { name: "cross", size: "20px" })))));
-  }
-  static get is() { return "tds-banner"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["banner.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["banner.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "icon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Name of the icon for the component. For error and information variant, the icon is predefined."
-        },
-        "attribute": "icon",
-        "reflect": false
-      },
-      "header": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Header text."
-        },
-        "attribute": "header",
-        "reflect": false
-      },
-      "subheader": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Subheader text."
-        },
-        "attribute": "subheader",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'error' | 'information' | 'default'",
-          "resolved": "\"default\" | \"error\" | \"information\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Variant of Banner"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'default'"
-      },
-      "bannerId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "ID used for internal table functionality and events, must be unique.\n\n**NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner,\nas the default ID is random and will be different every time."
-        },
-        "attribute": "banner-id",
-        "reflect": false,
-        "defaultValue": "generateUniqueId()"
-      },
-      "hidden": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Hides the Banner"
-        },
-        "attribute": "hidden",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "tdsClose",
-        "name": "tdsClose",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Sends a unique Banner identifier when the close button is pressed."
-        },
-        "complexType": {
-          "original": "{\n    bannerId: string;\n  }",
-          "resolved": "{ bannerId: string; }",
-          "references": {}
+    connectedCallback() {
+        if (this.variant === 'error') {
+            this.icon = 'error';
         }
-      }];
-  }
-  static get methods() {
-    return {
-      "hideBanner": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Hides the Banner.",
-          "tags": []
+        else if (this.variant === 'information') {
+            this.icon = 'info';
         }
-      },
-      "showBanner": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+    }
+    render() {
+        const usesHeaderSlot = hasSlot('subheader', this.host);
+        const usesSubheaderSlot = hasSlot('subheader', this.host);
+        const usesActionsSlot = hasSlot('actions', this.host);
+        return (h(Host, { role: "banner", "aria-hidden": `${this.hidden}`, "aria-live": this.host.getAttribute('aria-live') ? this.host.getAttribute('aria-live') : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: `${this.variant} ${this.hidden ? 'hide' : 'show'}` }, this.icon && (h("div", { class: `banner-icon ${this.variant}` }, h("tds-icon", { name: this.icon, size: "20px" }))), h("div", { class: "content" }, h("div", { class: "header-subheader" }, this.header && h("div", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("div", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" })), usesActionsSlot && h("slot", { name: "actions" })), h("div", { class: `banner-close` }, h("button", { onClick: () => {
+                this.handleClose();
+            } }, h("tds-icon", { name: "cross", size: "20px" })))));
+    }
+    static get is() { return "tds-banner"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["banner.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["banner.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the icon for the component. For error and information variant, the icon is predefined."
+                },
+                "attribute": "icon",
+                "reflect": false
+            },
+            "header": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Header text."
+                },
+                "attribute": "header",
+                "reflect": false
+            },
+            "subheader": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Subheader text."
+                },
+                "attribute": "subheader",
+                "reflect": false
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'error' | 'information' | 'default'",
+                    "resolved": "\"default\" | \"error\" | \"information\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant of Banner"
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "bannerId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ID used for internal table functionality and events, must be unique.\n\n**NOTE**: If you're listening for Banner close events, you need to set this ID yourself to identify the Banner,\nas the default ID is random and will be different every time."
+                },
+                "attribute": "banner-id",
+                "reflect": false,
+                "defaultValue": "generateUniqueId()"
+            },
+            "hidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Hides the Banner"
+                },
+                "attribute": "hidden",
+                "reflect": true,
+                "defaultValue": "false"
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Shows the Banner",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tdsClose",
+                "name": "tdsClose",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sends a unique Banner identifier when the close button is pressed."
+                },
+                "complexType": {
+                    "original": "{\n    bannerId: string;\n  }",
+                    "resolved": "{ bannerId: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "hideBanner": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Hides the Banner.",
+                    "tags": []
+                }
+            },
+            "showBanner": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Shows the Banner",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
 }

package/dist/collection/components/block/block.js

@@ -3,58 +3,58 @@ import { h } from "@stencil/core";
  * @slot <default> - <b>Unnamed slot.</b> For the content.
  */
 export class TdsBlock {
-  constructor() {
-    this.modeVariant = null;
-  }
-  setModeVariantOnChildBlocks() {
-    var _a;
-    this.children = Array.from(this.host.children).filter((item) => item.tagName === 'TDS-BLOCK');
-    (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
-      if (!this.modeVariant) {
-        item.setAttribute('mode-variant', 'secondary');
-      }
-      else {
-        item.setAttribute('mode-variant', this.modeVariant === 'primary' ? 'secondary' : 'primary');
-      }
-    });
-  }
-  render() {
-    this.setModeVariantOnChildBlocks();
-    return (h("div", { class: `tds-block ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", null)));
-  }
-  static get is() { return "tds-block"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["block.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["block.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "modeVariant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'primary' | 'secondary'",
-          "resolved": "\"primary\" | \"secondary\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Mode variant of the component, based on current mode."
-        },
-        "attribute": "mode-variant",
-        "reflect": false,
-        "defaultValue": "null"
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
+    constructor() {
+        this.modeVariant = null;
+    }
+    setModeVariantOnChildBlocks() {
+        var _a;
+        this.children = Array.from(this.host.children).filter((item) => item.tagName === 'TDS-BLOCK');
+        (_a = this.children) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
+            if (!this.modeVariant) {
+                item.setAttribute('mode-variant', 'secondary');
+            }
+            else {
+                item.setAttribute('mode-variant', this.modeVariant === 'primary' ? 'secondary' : 'primary');
+            }
+        });
+    }
+    render() {
+        this.setModeVariantOnChildBlocks();
+        return (h("div", { class: `tds-block ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", null)));
+    }
+    static get is() { return "tds-block"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["block.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["block.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "modeVariant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Mode variant of the component, based on current mode."
+                },
+                "attribute": "mode-variant",
+                "reflect": false,
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
 }

package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.js

@@ -3,44 +3,44 @@ import { h } from "@stencil/core";
  * @slot <default> - <b>Unnamed slot.</b> For a native <code>&lt;a></code> element.
  */
 export class TdsBreadcrumb {
-  constructor() {
-    this.current = false;
-  }
-  render() {
-    return (h("div", { role: "listitem", class: `${this.current ? 'current' : ''}` }, h("slot", null)));
-  }
-  static get is() { return "tds-breadcrumb"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["breadcrumb.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["breadcrumb.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "current": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Boolean for the current link"
-        },
-        "attribute": "current",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
+    constructor() {
+        this.current = false;
+    }
+    render() {
+        return (h("div", { role: "listitem", class: `${this.current ? 'current' : ''}` }, h("slot", null)));
+    }
+    static get is() { return "tds-breadcrumb"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["breadcrumb.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["breadcrumb.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "current": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Boolean for the current link"
+                },
+                "attribute": "current",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
 }