@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/heading/heading.js

@@ -1,18 +1,13 @@
-import { Component, Element, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { HeadingSectionVariants, HeadingVarians } from '../../utils/utils';
 export class Heading {
   constructor() {
-    /**
-     * @type {*}
-     */
     this.heading = HeadingVarians.default;
     this.isSearch = false;
-    /**
-     * @type {*}
-     */
     this.section = HeadingSectionVariants.default;
     this.negative = false;
     this.headerstyle = 'common';
+    this.hyphenatedText = undefined;
     this.hasChildren = true;
   }
   componentDidLoad() {
@@ -44,153 +39,154 @@ export class Heading {
       `hy-heading__container__${this.headerstyle}`,
     ].join(' ');
     return (h(Host, null, headingInVariants ? ([
-      h("div", { class: containerSectionClass },
-        this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(' ') },
-          h("slot", null))),
-        h("span", { class: sectionClassAttributes })),
-    ]) : (h("div", { class: containerSectionClass },
-      this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(' ') },
-        h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(' ') },
-        h("span", null,
-          h("slot", null)))),
-      h("span", { class: sectionClassAttributes })))));
+      h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(this.heading, { class: classAttributes.join(' '), innerHTML: this.hyphenatedText })) : (h(this.heading, { class: classAttributes.join(' ') }, h("slot", null))), h("span", { class: sectionClassAttributes })),
+    ]) : (h("div", { class: containerSectionClass }, this.hyphenatedText && !this.hasChildren ? (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", { innerHTML: this.hyphenatedText }))) : (h(HeadingVarians.default, { class: classAttributes.join(' ') }, h("span", null, h("slot", null)))), h("span", { class: sectionClassAttributes })))));
   }
   static get is() { return "hy-heading"; }
-  static get originalStyleUrls() { return {
-    "default": ["heading.scss"],
-    "wide": ["heading-fw.scss"]
-  }; }
-  static get styleUrls() { return {
-    "default": ["heading.css"],
-    "wide": ["heading-fw.css"]
-  }; }
-  static get properties() { return {
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "HeadingVarians",
-        "resolved": "HeadingVarians.default | HeadingVarians.h2 | HeadingVarians.h3 | HeadingVarians.h4 | HeadingVarians.h5 | HeadingVarians.h6",
-        "references": {
-          "HeadingVarians": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "default": ["heading.scss"],
+      "wide": ["heading-fw.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "default": ["heading.css"],
+      "wide": ["heading-fw.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "HeadingVarians",
+          "resolved": "HeadingVarians.default | HeadingVarians.h2 | HeadingVarians.h3 | HeadingVarians.h4 | HeadingVarians.h5 | HeadingVarians.h6",
+          "references": {
+            "HeadingVarians": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "type",
-            "text": "{*}"
-          }],
-        "text": ""
-      },
-      "attribute": "heading",
-      "reflect": false,
-      "defaultValue": "HeadingVarians.default as any"
-    },
-    "isSearch": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "type",
+              "text": "{*}"
+            }],
+          "text": ""
+        },
+        "attribute": "heading",
+        "reflect": false,
+        "defaultValue": "HeadingVarians.default as any"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "isSearch": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-search",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "attribute": "is-search",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "section": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "HeadingSectionVariants",
-        "resolved": "HeadingSectionVariants.contentPageHeader | HeadingSectionVariants.course | HeadingSectionVariants.default | HeadingSectionVariants.defaultFooterInfo | HeadingSectionVariants.frontPage | HeadingSectionVariants.groupFooterInfo | HeadingSectionVariants.hero | HeadingSectionVariants.introduction | HeadingSectionVariants.landingMajor | HeadingSectionVariants.landingMinor | HeadingSectionVariants.landingPageHeader | HeadingSectionVariants.subSection",
-        "references": {
-          "HeadingSectionVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "section": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "HeadingSectionVariants",
+          "resolved": "HeadingSectionVariants.contentPageHeader | HeadingSectionVariants.course | HeadingSectionVariants.default | HeadingSectionVariants.defaultFooterInfo | HeadingSectionVariants.frontPage | HeadingSectionVariants.groupFooterInfo | HeadingSectionVariants.hero | HeadingSectionVariants.introduction | HeadingSectionVariants.landingMajor | HeadingSectionVariants.landingMinor | HeadingSectionVariants.landingPageHeader | HeadingSectionVariants.subSection",
+          "references": {
+            "HeadingSectionVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "type",
-            "text": "{*}"
-          }],
-        "text": ""
-      },
-      "attribute": "section",
-      "reflect": false,
-      "defaultValue": "HeadingSectionVariants.default as any"
-    },
-    "negative": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "type",
+              "text": "{*}"
+            }],
+          "text": ""
+        },
+        "attribute": "section",
+        "reflect": false,
+        "defaultValue": "HeadingSectionVariants.default as any"
       },
-      "attribute": "negative",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "negative": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "negative",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'common'"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'common'"
-    },
-    "hyphenatedText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hyphenated-text",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "hasChildren": {}
-  }; }
+      "hyphenatedText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hyphenated-text",
+        "reflect": true
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasChildren": {}
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=heading.js.map

package/dist/collection/components/heading/heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.js","sourceRoot":"","sources":["../../../src/components/heading/heading.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, h, Host, Prop, State} from '@stencil/core';\nimport {HeadingSectionVariants, HeadingVarians} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-heading',\n  styleUrls: {default: 'heading.scss', wide: 'heading-fw.scss'},\n  scoped: false,\n  shadow: false,\n})\nexport class Heading {\n  /**\n   * @type {*}\n   */\n  @Prop() heading: HeadingVarians = HeadingVarians.default as any;\n  @Prop() isSearch: boolean = false;\n  /**\n   * @type {*}\n   */\n  @Prop() section: HeadingSectionVariants = HeadingSectionVariants.default as any;\n  @Prop() negative: boolean = false;\n  @Prop() headerstyle: string = 'common';\n  @Prop({reflect: true}) hyphenatedText?: string;\n  @Element() el: HTMLElement;\n  @State() hasChildren: boolean = true;\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n    if (this.el.parentElement.classList.contains('hy-hero__title-container')) {\n      this.hasChildren = false;\n    }\n  }\n\n  render() {\n    const headingInVariants = this.heading in HeadingVarians;\n    const classAttributes = [\n      'hy-heading',\n      this.negative ? 'negative' : '',\n      this.isSearch ? 'hy-heading__search' : '',\n      this.isSearch ? `hy-heading__search__${this.headerstyle}` : '',\n      `hy-heading__${this.section}`,\n      `hy-heading__${this.headerstyle}`,\n      `hy-heading__${this.section}__${this.headerstyle}`,\n    ];\n\n    const sectionClassAttributes = [`hy-heading__${this.section}--divider`].join(' ');\n\n    const containerSectionClass = [\n      'hy-heading__container',\n      `hy-heading__container__${this.section}`,\n      `hy-heading__container__${this.headerstyle}`,\n    ].join(' ');\n\n    return (\n      <Host>\n        {headingInVariants ? (\n          [\n            <div class={containerSectionClass}>\n              {this.hyphenatedText && !this.hasChildren ? (\n                <this.heading class={classAttributes.join(' ')} innerHTML={this.hyphenatedText}></this.heading>\n              ) : (\n                <this.heading class={classAttributes.join(' ')}>\n                  <slot />\n                </this.heading>\n              )}\n\n              <span class={sectionClassAttributes}></span>\n            </div>,\n          ]\n        ) : (\n          <div class={containerSectionClass}>\n            {this.hyphenatedText && !this.hasChildren ? (\n              <HeadingVarians.default class={classAttributes.join(' ')}>\n                <span innerHTML={this.hyphenatedText}></span>\n              </HeadingVarians.default>\n            ) : (\n              <HeadingVarians.default class={classAttributes.join(' ')}>\n                <span>\n                  <slot />\n                </span>\n              </HeadingVarians.default>\n            )}\n\n            <span class={sectionClassAttributes}></span>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js

@@ -1,7 +1,11 @@
-import { Component, Host, h, Prop, State, Listen } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 import { jsonParserWorker } from '../../global/globalScript';
 export class HyAnchorLinkList {
   constructor() {
+    this.listTitle = undefined;
+    this.openLabel = undefined;
+    this.closeLabel = undefined;
+    this.anchorItems = undefined;
     this.isOpen = false;
   }
   async componentWillLoad() {
@@ -30,108 +34,110 @@ export class HyAnchorLinkList {
       'is-open': this.isOpen,
     };
     const items = this._anchorItems;
-    return (h(Host, { class: classAttributes },
-      h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses },
-        h("span", { class: "hy-anchor-link-list__button--title" },
-          h("hy-icon", { icon: 'hy-icon-bullet-list', size: 18, fill: 'var(--brand-main)' }),
-          this.listTitle),
-        h("span", { class: "hy-anchor-link-list__button--label" },
-          this.isOpen ? this.closeLabel : this.openLabel,
-          h("hy-icon", { class: "label-close-icon", icon: 'hy-icon-caret-down', size: 16, fill: 'var(--brand-main)' }))),
-      h("div", { "aria-hidden": this.isOpen ? 'false' : 'true', class: containerClasses }, items &&
-        items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick },
-          h("hy-icon", { icon: 'hy-icon-arrow-down', size: 12, fill: 'var(--brand-main)' }),
-          item.title))))));
+    return (h(Host, { class: classAttributes }, h("button", { "aria-label": this.listTitle, onClick: () => (this.isOpen = !this.isOpen), class: buttonClasses }, h("span", { class: "hy-anchor-link-list__button--title" }, h("hy-icon", { icon: 'hy-icon-bullet-list', size: 18, fill: 'var(--brand-main)' }), this.listTitle), h("span", { class: "hy-anchor-link-list__button--label" }, this.isOpen ? this.closeLabel : this.openLabel, h("hy-icon", { class: "label-close-icon", icon: 'hy-icon-caret-down', size: 16, fill: 'var(--brand-main)' }))), h("div", { "aria-hidden": this.isOpen ? 'false' : 'true', class: containerClasses }, items &&
+      items.map((item) => (h("a", { class: "hy-anchor-link-list__item", href: item.url, onClick: this.handleLinkClick }, h("hy-icon", { icon: 'hy-icon-arrow-down', size: 12, fill: 'var(--brand-main)' }), item.title))))));
   }
   static get is() { return "hy-anchor-link-list"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-anchor-link-list.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-anchor-link-list.css"]
-  }; }
-  static get properties() { return {
-    "listTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Title for content list button"
-      },
-      "attribute": "list-title",
-      "reflect": false
-    },
-    "openLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Open state label"
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-anchor-link-list.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-anchor-link-list.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "listTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Title for content list button"
+        },
+        "attribute": "list-title",
+        "reflect": false
       },
-      "attribute": "open-label",
-      "reflect": false
-    },
-    "closeLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "openLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Open state label"
+        },
+        "attribute": "open-label",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Close state label"
+      "closeLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Close state label"
+        },
+        "attribute": "close-label",
+        "reflect": false
       },
-      "attribute": "close-label",
-      "reflect": false
-    },
-    "anchorItems": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "AnchorItem[] | string",
-        "resolved": "AnchorItem[] | string",
-        "references": {
-          "AnchorItem": {
-            "location": "local"
+      "anchorItems": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "AnchorItem[] | string",
+          "resolved": "AnchorItem[] | string",
+          "references": {
+            "AnchorItem": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/hy-anchor-link-list/hy-anchor-link-list.tsx"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Array of anchor items"
-      },
-      "attribute": "anchor-items",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "isOpen": {}
-  }; }
-  static get listeners() { return [{
-      "name": "handleLinkClick",
-      "method": "handleLinkClick",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Array of anchor items"
+        },
+        "attribute": "anchor-items",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isOpen": {}
+    };
+  }
+  static get listeners() {
+    return [{
+        "name": "handleLinkClick",
+        "method": "handleLinkClick",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }
+//# sourceMappingURL=hy-anchor-link-list.js.map

package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-anchor-link-list.js","sourceRoot":"","sources":["../../../src/components/hy-anchor-link-list/hy-anchor-link-list.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Host, h, Prop, State, Listen} from '@stencil/core';\nimport {jsonParserWorker} from '../../global/globalScript';\n\nexport interface AnchorItem {\n  title: string;\n  url: string;\n}\n\n@Component({\n  tag: 'hy-anchor-link-list',\n  styleUrl: 'hy-anchor-link-list.scss',\n  shadow: false,\n})\nexport class HyAnchorLinkList {\n  private _anchorItems: AnchorItem[];\n\n  /**\n   * Title for content list button\n   */\n  @Prop() listTitle?: string;\n  /**\n   * Open state label\n   */\n  @Prop() openLabel?: string;\n  /**\n   * Close state label\n   */\n  @Prop() closeLabel?: string;\n  /**\n   * Array of anchor items\n   */\n  @Prop() anchorItems: AnchorItem[] | string;\n\n  @State() isOpen: boolean = false;\n\n  async componentWillLoad() {\n    this._anchorItems = await jsonParserWorker(this.anchorItems);\n  }\n\n  @Listen('handleLinkClick')\n  handleLinkClick(e) {\n    const targetId = e.target.getAttribute('href');\n    if (targetId) {\n      const targetElement = document.getElementById(targetId.substring(1));\n      const targetRect = targetElement.getBoundingClientRect();\n      window.scrollTo({top: window.scrollY + targetRect.top - 100, behavior: 'smooth'});\n      targetElement.setAttribute('tabIndex', '-1');\n      targetElement.focus({preventScroll: true});\n    }\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  render() {\n    const classAttributes = ['hy-anchor-link-list'].join(' ');\n    const buttonClasses = {\n      'hy-anchor-link-list__button': true,\n      'is-open': this.isOpen,\n    };\n    const containerClasses = {\n      'hy-anchor-link-list__container': true,\n      'is-open': this.isOpen,\n    };\n    const items = this._anchorItems as Array<AnchorItem>;\n\n    return (\n      <Host class={classAttributes}>\n        <button aria-label={this.listTitle} onClick={() => (this.isOpen = !this.isOpen)} class={buttonClasses}>\n          <span class=\"hy-anchor-link-list__button--title\">\n            <hy-icon icon={'hy-icon-bullet-list'} size={18} fill={'var(--brand-main)'} />\n            {this.listTitle}\n          </span>\n          <span class=\"hy-anchor-link-list__button--label\">\n            {this.isOpen ? this.closeLabel : this.openLabel}\n            <hy-icon class=\"label-close-icon\" icon={'hy-icon-caret-down'} size={16} fill={'var(--brand-main)'} />\n          </span>\n        </button>\n        <div aria-hidden={this.isOpen ? 'false' : 'true'} class={containerClasses}>\n          {items &&\n            items.map((item) => (\n              <a class=\"hy-anchor-link-list__item\" href={item.url} onClick={this.handleLinkClick}>\n                <hy-icon icon={'hy-icon-arrow-down'} size={12} fill={'var(--brand-main)'} />\n                {item.title}\n              </a>\n            ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -1,40 +1,45 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyBadge {
   constructor() {
     this.variant = 'primary';
   }
   render() {
     const classAttributes = ['hy-badge', this.variant];
-    return (h(Host, null,
-      h("span", { class: classAttributes.join(' ') },
-        h("slot", null))));
+    return (h(Host, null, h("span", { class: classAttributes.join(' ') }, h("slot", null))));
   }
   static get is() { return "hy-badge"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-badge.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-badge.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'primary' | 'warn' | 'success' | 'disabled'",
-        "resolved": "\"disabled\" | \"primary\" | \"success\" | \"warn\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-badge.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-badge.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'primary' | 'warn' | 'success' | 'disabled'",
+          "resolved": "\"disabled\" | \"primary\" | \"success\" | \"warn\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-badge.js.map