@scania/tegel 1.3.3 → 1.5.0

package/dist/collection/components/accordion/accordion-item/accordion-item.js

@@ -4,174 +4,174 @@ import { h, Host } from "@stencil/core";
  * @slot header - Slot for the Accordion Item header.
  */
 export class TdsAccordionItem {
-  constructor() {
-    this.header = '';
-    this.expandIconPosition = 'end';
-    this.disabled = false;
-    this.expanded = false;
-    this.paddingReset = false;
-  }
-  /** Method for toggling the expanded state of the Accordion Item. */
-  async toggleAccordionItem() {
-    // This is negated in order to emit the value the Accordion Item will have after it has expanded/redacted.
-    const event = this.tdsToggle.emit({
-      expanded: !this.expanded,
-    });
-    if (!event.defaultPrevented) {
-      this.expanded = !this.expanded;
+    constructor() {
+        this.header = '';
+        this.expandIconPosition = 'end';
+        this.disabled = false;
+        this.expanded = false;
+        this.paddingReset = false;
     }
-  }
-  render() {
-    return (h(Host, null, h("div", { class: `tds-accordion-item
+    /** Method for toggling the expanded state of the Accordion Item. */
+    async toggleAccordionItem() {
+        // This is negated in order to emit the value the Accordion Item will have after it has expanded/redacted.
+        const event = this.tdsToggle.emit({
+            expanded: !this.expanded,
+        });
+        if (!event.defaultPrevented) {
+            this.expanded = !this.expanded;
+        }
+    }
+    render() {
+        return (h(Host, null, h("div", { class: `tds-accordion-item
         ${this.disabled ? 'disabled' : ''}
         ${this.expanded ? 'expanded' : ''}
         ` }, h("button", { type: "button", "aria-expanded": this.expanded, class: `tds-accordion-header-icon-${this.expandIconPosition}`, onClick: () => this.toggleAccordionItem(), disabled: this.disabled }, h("div", { class: "tds-accordion-title" }, this.header, h("slot", { name: "header" })), h("div", { class: "tds-accordion-icon" }, h("tds-icon", { name: "chevron_down", size: "16px" }))), h("div", { class: `tds-accordion-panel
             ${this.paddingReset ? 'tds-accordion-panel--padding-reset ' : ''}
             ` }, h("slot", null)))));
-  }
-  static get is() { return "tds-accordion-item"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["accordion-item.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["accordion-item.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "header": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The header gives users the context about the additional information available inside the panel"
-        },
-        "attribute": "header",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "expandIconPosition": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'start' | 'end'",
-          "resolved": "\"end\" | \"start\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Changes position of the expand icon."
-        },
-        "attribute": "expand-icon-position",
-        "reflect": false,
-        "defaultValue": "'end'"
-      },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Disabled option in `boolean`."
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "expanded": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Set to true to expand panel open"
-        },
-        "attribute": "expanded",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "paddingReset": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "When true, 16px on right padding instead of 64px"
-        },
-        "attribute": "padding-reset",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "tdsToggle",
-        "name": "tdsToggle",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Fires when the Accordion Item is clicked, but before it is closed or opened."
-        },
-        "complexType": {
-          "original": "{\n    expanded: boolean;\n  }",
-          "resolved": "{ expanded: boolean; }",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "toggleAccordionItem": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+    }
+    static get is() { return "tds-accordion-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["accordion-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["accordion-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "header": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The header gives users the context about the additional information available inside the panel"
+                },
+                "attribute": "header",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "expandIconPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'start' | 'end'",
+                    "resolved": "\"end\" | \"start\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Changes position of the expand icon."
+                },
+                "attribute": "expand-icon-position",
+                "reflect": false,
+                "defaultValue": "'end'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disabled option in `boolean`."
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Set to true to expand panel open"
+                },
+                "attribute": "expanded",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "paddingReset": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true, 16px on right padding instead of 64px"
+                },
+                "attribute": "padding-reset",
+                "reflect": false,
+                "defaultValue": "false"
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Method for toggling the expanded state of the Accordion Item.",
-          "tags": []
-        }
-      }
-    };
-  }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tdsToggle",
+                "name": "tdsToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when the Accordion Item is clicked, but before it is closed or opened."
+                },
+                "complexType": {
+                    "original": "{\n    expanded: boolean;\n  }",
+                    "resolved": "{ expanded: boolean; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "toggleAccordionItem": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method for toggling the expanded state of the Accordion Item.",
+                    "tags": []
+                }
+            }
+        };
+    }
 }

package/dist/collection/components/accordion/accordion.js

@@ -3,44 +3,44 @@ import { h, Host } from "@stencil/core";
  * @slot <default> - <b>Unnamed slot.</b> For accordion items.
  */
 export class TdsAccordion {
-  constructor() {
-    this.modeVariant = null;
-  }
-  render() {
-    return (h(Host, { class: `tds-accordion ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", null)));
-  }
-  static get is() { return "tds-accordion"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["accordion.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["accordion.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": "Set the variant of the Accordion."
-        },
-        "attribute": "mode-variant",
-        "reflect": false,
-        "defaultValue": "null"
-      }
-    };
-  }
+    constructor() {
+        this.modeVariant = null;
+    }
+    render() {
+        return (h(Host, { class: `tds-accordion ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", null)));
+    }
+    static get is() { return "tds-accordion"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["accordion.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["accordion.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": "Set the variant of the Accordion."
+                },
+                "attribute": "mode-variant",
+                "reflect": false,
+                "defaultValue": "null"
+            }
+        };
+    }
 }

package/dist/collection/components/badge/badge.js

@@ -1,118 +1,118 @@
 import { h } from "@stencil/core";
 export class TdsBadge {
-  constructor() {
-    this.value = '';
-    this.hidden = false;
-    this.size = 'lg';
-    this.shape = '';
-    this.text = '';
-  }
-  watchProps() {
-    this.checkProps();
-  }
-  componentWillLoad() {
-    this.checkProps();
-  }
-  checkProps() {
-    const valueAsNumber = parseInt(this.value);
-    if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {
-      this.shape = this.value.toString().length >= 2 ? 'pill' : '';
-      this.size = 'lg';
-      this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();
+    constructor() {
+        this.value = '';
+        this.hidden = false;
+        this.size = 'lg';
+        this.shape = '';
+        this.text = '';
     }
-    else {
-      // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
-      if (this.value !== '' && this.size !== 'sm') {
-        console.warn('The provided value is either empty or string, please provide value as number.');
-      }
+    watchProps() {
+        this.checkProps();
+    }
+    componentWillLoad() {
+        this.checkProps();
+    }
+    checkProps() {
+        const valueAsNumber = parseInt(this.value);
+        if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {
+            this.shape = this.value.toString().length >= 2 ? 'pill' : '';
+            this.size = 'lg';
+            this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();
+        }
+        else {
+            // eslint-disable-next-line no-unused-expressions, @typescript-eslint/no-unused-expressions
+            if (this.value !== '' && this.size !== 'sm') {
+                console.warn('The provided value is either empty or string, please provide value as number.');
+            }
+        }
+    }
+    render() {
+        return (h("host", { class: `tds-badge tds-badge-${this.size} ${this.shape === 'pill' ? 'tds-badge-pill' : ''} ${this.hidden ? 'tds-badge-hidden' : ''}` }, h("div", { class: "tds-badge-text" }, this.text)));
+    }
+    static get is() { return "tds-badge"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["badge.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["badge.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Value shown in Badge"
+                },
+                "attribute": "value",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "hidden": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Changes visibility of Badge"
+                },
+                "attribute": "hidden",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'lg' | 'sm'",
+                    "resolved": "\"lg\" | \"sm\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets component size."
+                },
+                "attribute": "size",
+                "reflect": false,
+                "defaultValue": "'lg'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "shape": {},
+            "text": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "value",
+                "methodName": "watchProps"
+            }, {
+                "propName": "size",
+                "methodName": "watchProps"
+            }];
     }
-  }
-  render() {
-    return (h("host", { class: `tds-badge tds-badge-${this.size} ${this.shape === 'pill' ? 'tds-badge-pill' : ''} ${this.hidden ? 'tds-badge-hidden' : ''}` }, h("div", { class: "tds-badge-text" }, this.text)));
-  }
-  static get is() { return "tds-badge"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["badge.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["badge.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Value shown in Badge"
-        },
-        "attribute": "value",
-        "reflect": false,
-        "defaultValue": "''"
-      },
-      "hidden": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Changes visibility of Badge"
-        },
-        "attribute": "hidden",
-        "reflect": true,
-        "defaultValue": "false"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'lg' | 'sm'",
-          "resolved": "\"lg\" | \"sm\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Sets component size."
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "'lg'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "shape": {},
-      "text": {}
-    };
-  }
-  static get watchers() {
-    return [{
-        "propName": "value",
-        "methodName": "watchProps"
-      }, {
-        "propName": "size",
-        "methodName": "watchProps"
-      }];
-  }
 }