@duetds/components 6.2.4 → 6.2.6

package/lib/collection/components/duet-heading/duet-heading.js

@@ -1,41 +1,19 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, Element, h, Prop } from "@stencil/core";
+import { h } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { sanitizeString } from "../../utils/string-utils";
 import { getColorByName } from "../../utils/token-utils";
 export class DuetHeading {
   constructor() {
-    /**
-     * The actual heading level used in the HTML markup.
-     */
     this.level = "h2";
-    /**
-     * Controls the margin of the component.
-     */
     this.margin = "auto";
-    /**
-     * Enable or disable the border underneath the heading, solid will darken the border
-     */
+    this.visualLevel = undefined;
     this.border = false;
-    /**
-     * This property allows you to set normal or semibold font weight for all sizes
-     * when needed.
-     */
     this.weight = "auto";
-    /**
-     * Custom color for the heading as a design token entered in camelCase or
-     * kebab-case. Example: "color-primary".
-     */
     this.color = "";
-    /**
-     * Theme of the heading.
-     */
     this.theme = "";
-    /**
-     * Enable hyphenation for long titles. Useful when there is no control over content e.g. user-generated content.
-     */
     this.hyphenate = false;
   }
   /**
@@ -61,190 +39,195 @@ export class DuetHeading {
         "duet-m-0": this.margin === "none",
         [this.visualLevel ? this.visualLevel : this.level]: true,
         "duet-theme-turva": this.theme === "turva",
-      }, style: { color } },
-      h("slot", null)));
+      }, style: { color } }, h("slot", null)));
   }
   static get is() { return "duet-heading"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-heading.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-heading.css"]
-  }; }
-  static get properties() { return {
-    "level": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetHeadingLevel",
-        "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-        "references": {
-          "DuetHeadingLevel": {
-            "location": "import",
-            "path": "../../common-types"
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-heading.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-heading.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "level": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetHeadingLevel",
+          "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "references": {
+            "DuetHeadingLevel": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The actual heading level used in the HTML markup."
-      },
-      "attribute": "level",
-      "reflect": true,
-      "defaultValue": "\"h2\""
-    },
-    "margin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetMargin",
-        "resolved": "\"auto\" | \"none\"",
-        "references": {
-          "DuetMargin": {
-            "location": "import",
-            "path": "../../common-types"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The actual heading level used in the HTML markup."
+        },
+        "attribute": "level",
+        "reflect": true,
+        "defaultValue": "\"h2\""
+      },
+      "margin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetMargin",
+          "resolved": "\"auto\" | \"none\"",
+          "references": {
+            "DuetMargin": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Controls the margin of the component."
-      },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "visualLevel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetVisualHeadingLevel",
-        "resolved": "\"h0\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
-        "references": {
-          "DuetVisualHeadingLevel": {
-            "location": "import",
-            "path": "../../common-types"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls the margin of the component."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "\"auto\""
+      },
+      "visualLevel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetVisualHeadingLevel",
+          "resolved": "\"h0\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
+          "references": {
+            "DuetVisualHeadingLevel": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Make the visual style mimic a specific heading level. This option allows\nyou to make e.g. h1 visually look like h3, but still keep it h1 in the\nmarkup."
-      },
-      "attribute": "visual-level",
-      "reflect": false
-    },
-    "border": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean | \"solid\"",
-        "resolved": "\"solid\" | boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Enable or disable the border underneath the heading, solid will darken the border"
-      },
-      "attribute": "border",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "weight": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetHeadingWeight",
-        "resolved": "\"auto\" | \"normal\" | \"semibold\"",
-        "references": {
-          "DuetHeadingWeight": {
-            "location": "local"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Make the visual style mimic a specific heading level. This option allows\nyou to make e.g. h1 visually look like h3, but still keep it h1 in the\nmarkup."
+        },
+        "attribute": "visual-level",
+        "reflect": false
+      },
+      "border": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean | \"solid\"",
+          "resolved": "\"solid\" | boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enable or disable the border underneath the heading, solid will darken the border"
+        },
+        "attribute": "border",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "weight": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetHeadingWeight",
+          "resolved": "\"auto\" | \"normal\" | \"semibold\"",
+          "references": {
+            "DuetHeadingWeight": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "This property allows you to set normal or semibold font weight for all sizes\nwhen needed."
-      },
-      "attribute": "weight",
-      "reflect": false,
-      "defaultValue": "\"auto\""
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetColor",
-        "resolved": "string",
-        "references": {
-          "DuetColor": {
-            "location": "import",
-            "path": "../../common-types"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "This property allows you to set normal or semibold font weight for all sizes\nwhen needed."
+        },
+        "attribute": "weight",
+        "reflect": false,
+        "defaultValue": "\"auto\""
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetColor",
+          "resolved": "string",
+          "references": {
+            "DuetColor": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Custom color for the heading as a design token entered in camelCase or\nkebab-case. Example: \"color-primary\"."
-      },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Custom color for the heading as a design token entered in camelCase or\nkebab-case. Example: \"color-primary\"."
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme of the heading."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    },
-    "hyphenate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Enable hyphenation for long titles. Useful when there is no control over content e.g. user-generated content."
-      },
-      "attribute": "hyphenate",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the heading."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
+      "hyphenate": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Enable hyphenation for long titles. Useful when there is no control over content e.g. user-generated content."
+        },
+        "attribute": "hyphenate",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
   static get elementRef() { return "element"; }
 }