@duetds/components 6.3.5 → 6.5.0

package/lib/types/components.d.ts

@@ -1749,6 +1749,20 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
+    interface DuetMenuBarButton {
+        /**
+          * Icon
+         */
+        "icon": string;
+        /**
+          * Sets focus on underlying button element.
+         */
+        "setFocus": (options?: FocusOptions) => Promise<void>;
+        /**
+          * Theme.
+         */
+        "theme": DuetTheme;
+    }
     interface DuetMenuBarDropdown {
         /**
           * Icon
@@ -2706,6 +2720,10 @@ export namespace Components {
         "variation": DuetSelectVariation;
     }
     interface DuetSlideout {
+        /**
+          * Icon name from Duet to display.
+         */
+        "icon": DuetIconName;
         /**
           * Open
          */
@@ -2738,10 +2756,11 @@ export namespace Components {
           * Icon
          */
         "icon": string;
+        "menuItem": boolean;
         /**
           * Size. Small, medium or large.
          */
-        "size": string;
+        "size": "inherit" | "small" | "medium" | "large";
         /**
           * Theme.
          */
@@ -2756,6 +2775,10 @@ export namespace Components {
           * Icon
          */
         "icon": string;
+        /**
+          * Size. Small, medium or large.
+         */
+        "labelSize": "small" | "medium" | "large";
         /**
           * Open
          */
@@ -2779,42 +2802,6 @@ export namespace Components {
          */
         "theme": DuetTheme;
     }
-    interface DuetSlideoutPanelDropdownLink {
-        /**
-          * Caret
-         */
-        "caret": boolean;
-        /**
-          * Href
-         */
-        "href": string;
-        /**
-          * Icon
-         */
-        "icon": string;
-        /**
-          * Theme.
-         */
-        "theme": DuetTheme;
-    }
-    interface DuetSlideoutPanelLink {
-        /**
-          * Active
-         */
-        "active": boolean;
-        /**
-          * Href
-         */
-        "href": string;
-        /**
-          * Icon
-         */
-        "icon": string;
-        /**
-          * Theme.
-         */
-        "theme": DuetTheme;
-    }
     interface DuetSpacer {
         /**
           * Adjusts the breakpoint where the spacer is shown in. The functionality follows 1:1 the media queries defined in design tokens.
@@ -3235,6 +3222,10 @@ export namespace Components {
           * Label for the toggle.
          */
         "label": string;
+        /**
+          * Position of the label
+         */
+        "labelPosition": "top" | "right" | "left";
         /**
           * Controls the margin of the component.
          */
@@ -3994,6 +3985,12 @@ declare global {
         prototype: HTMLDuetMenuBarElement;
         new (): HTMLDuetMenuBarElement;
     };
+    interface HTMLDuetMenuBarButtonElement extends Components.DuetMenuBarButton, HTMLStencilElement {
+    }
+    var HTMLDuetMenuBarButtonElement: {
+        prototype: HTMLDuetMenuBarButtonElement;
+        new (): HTMLDuetMenuBarButtonElement;
+    };
     interface HTMLDuetMenuBarDropdownElement extends Components.DuetMenuBarDropdown, HTMLStencilElement {
     }
     var HTMLDuetMenuBarDropdownElement: {
@@ -4138,18 +4135,6 @@ declare global {
         prototype: HTMLDuetSlideoutPanelDropdownElement;
         new (): HTMLDuetSlideoutPanelDropdownElement;
     };
-    interface HTMLDuetSlideoutPanelDropdownLinkElement extends Components.DuetSlideoutPanelDropdownLink, HTMLStencilElement {
-    }
-    var HTMLDuetSlideoutPanelDropdownLinkElement: {
-        prototype: HTMLDuetSlideoutPanelDropdownLinkElement;
-        new (): HTMLDuetSlideoutPanelDropdownLinkElement;
-    };
-    interface HTMLDuetSlideoutPanelLinkElement extends Components.DuetSlideoutPanelLink, HTMLStencilElement {
-    }
-    var HTMLDuetSlideoutPanelLinkElement: {
-        prototype: HTMLDuetSlideoutPanelLinkElement;
-        new (): HTMLDuetSlideoutPanelLinkElement;
-    };
     interface HTMLDuetSpacerElement extends Components.DuetSpacer, HTMLStencilElement {
     }
     var HTMLDuetSpacerElement: {
@@ -4317,6 +4302,7 @@ declare global {
         "duet-list-item": HTMLDuetListItemElement;
         "duet-logo": HTMLDuetLogoElement;
         "duet-menu-bar": HTMLDuetMenuBarElement;
+        "duet-menu-bar-button": HTMLDuetMenuBarButtonElement;
         "duet-menu-bar-dropdown": HTMLDuetMenuBarDropdownElement;
         "duet-menu-bar-dropdown-link": HTMLDuetMenuBarDropdownLinkElement;
         "duet-menu-bar-link": HTMLDuetMenuBarLinkElement;
@@ -4341,8 +4327,6 @@ declare global {
         "duet-slideout-link": HTMLDuetSlideoutLinkElement;
         "duet-slideout-panel": HTMLDuetSlideoutPanelElement;
         "duet-slideout-panel-dropdown": HTMLDuetSlideoutPanelDropdownElement;
-        "duet-slideout-panel-dropdown-link": HTMLDuetSlideoutPanelDropdownLinkElement;
-        "duet-slideout-panel-link": HTMLDuetSlideoutPanelLinkElement;
         "duet-spacer": HTMLDuetSpacerElement;
         "duet-spinner": HTMLDuetSpinnerElement;
         "duet-step": HTMLDuetStepElement;
@@ -6167,6 +6151,16 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
+    interface DuetMenuBarButton {
+        /**
+          * Icon
+         */
+        "icon"?: string;
+        /**
+          * Theme.
+         */
+        "theme"?: DuetTheme;
+    }
     interface DuetMenuBarDropdown {
         /**
           * Icon
@@ -7154,6 +7148,10 @@ declare namespace LocalJSX {
         "variation"?: DuetSelectVariation;
     }
     interface DuetSlideout {
+        /**
+          * Icon name from Duet to display.
+         */
+        "icon"?: DuetIconName;
         /**
           * Event raised when the menu has been opened. You can prevent the default browser functionality by calling **event.detail.originalEvent.preventDefault()** inside your listener. Additionally, the passed data is available via **event.detail.data**.
          */
@@ -7189,7 +7187,7 @@ declare namespace LocalJSX {
         /**
           * Size. Small, medium or large.
          */
-        "size"?: string;
+        "size"?: "inherit" | "small" | "medium" | "large";
         /**
           * Theme.
          */
@@ -7204,6 +7202,10 @@ declare namespace LocalJSX {
           * Icon
          */
         "icon"?: string;
+        /**
+          * Size. Small, medium or large.
+         */
+        "labelSize"?: "small" | "medium" | "large";
         /**
           * Open
          */
@@ -7227,42 +7229,6 @@ declare namespace LocalJSX {
          */
         "theme"?: DuetTheme;
     }
-    interface DuetSlideoutPanelDropdownLink {
-        /**
-          * Caret
-         */
-        "caret"?: boolean;
-        /**
-          * Href
-         */
-        "href"?: string;
-        /**
-          * Icon
-         */
-        "icon"?: string;
-        /**
-          * Theme.
-         */
-        "theme"?: DuetTheme;
-    }
-    interface DuetSlideoutPanelLink {
-        /**
-          * Active
-         */
-        "active"?: boolean;
-        /**
-          * Href
-         */
-        "href"?: string;
-        /**
-          * Icon
-         */
-        "icon"?: string;
-        /**
-          * Theme.
-         */
-        "theme"?: DuetTheme;
-    }
     interface DuetSpacer {
         /**
           * Adjusts the breakpoint where the spacer is shown in. The functionality follows 1:1 the media queries defined in design tokens.
@@ -7694,6 +7660,10 @@ declare namespace LocalJSX {
           * Label for the toggle.
          */
         "label"?: string;
+        /**
+          * Position of the label
+         */
+        "labelPosition"?: "top" | "right" | "left";
         /**
           * Controls the margin of the component.
          */
@@ -8177,6 +8147,7 @@ declare namespace LocalJSX {
         "duet-list-item": DuetListItem;
         "duet-logo": DuetLogo;
         "duet-menu-bar": DuetMenuBar;
+        "duet-menu-bar-button": DuetMenuBarButton;
         "duet-menu-bar-dropdown": DuetMenuBarDropdown;
         "duet-menu-bar-dropdown-link": DuetMenuBarDropdownLink;
         "duet-menu-bar-link": DuetMenuBarLink;
@@ -8201,8 +8172,6 @@ declare namespace LocalJSX {
         "duet-slideout-link": DuetSlideoutLink;
         "duet-slideout-panel": DuetSlideoutPanel;
         "duet-slideout-panel-dropdown": DuetSlideoutPanelDropdown;
-        "duet-slideout-panel-dropdown-link": DuetSlideoutPanelDropdownLink;
-        "duet-slideout-panel-link": DuetSlideoutPanelLink;
         "duet-spacer": DuetSpacer;
         "duet-spinner": DuetSpinner;
         "duet-step": DuetStep;
@@ -8265,6 +8234,7 @@ declare module "@stencil/core" {
             "duet-list-item": LocalJSX.DuetListItem & JSXBase.HTMLAttributes<HTMLDuetListItemElement>;
             "duet-logo": LocalJSX.DuetLogo & JSXBase.HTMLAttributes<HTMLDuetLogoElement>;
             "duet-menu-bar": LocalJSX.DuetMenuBar & JSXBase.HTMLAttributes<HTMLDuetMenuBarElement>;
+            "duet-menu-bar-button": LocalJSX.DuetMenuBarButton & JSXBase.HTMLAttributes<HTMLDuetMenuBarButtonElement>;
             "duet-menu-bar-dropdown": LocalJSX.DuetMenuBarDropdown & JSXBase.HTMLAttributes<HTMLDuetMenuBarDropdownElement>;
             "duet-menu-bar-dropdown-link": LocalJSX.DuetMenuBarDropdownLink & JSXBase.HTMLAttributes<HTMLDuetMenuBarDropdownLinkElement>;
             "duet-menu-bar-link": LocalJSX.DuetMenuBarLink & JSXBase.HTMLAttributes<HTMLDuetMenuBarLinkElement>;
@@ -8289,8 +8259,6 @@ declare module "@stencil/core" {
             "duet-slideout-link": LocalJSX.DuetSlideoutLink & JSXBase.HTMLAttributes<HTMLDuetSlideoutLinkElement>;
             "duet-slideout-panel": LocalJSX.DuetSlideoutPanel & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelElement>;
             "duet-slideout-panel-dropdown": LocalJSX.DuetSlideoutPanelDropdown & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelDropdownElement>;
-            "duet-slideout-panel-dropdown-link": LocalJSX.DuetSlideoutPanelDropdownLink & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelDropdownLinkElement>;
-            "duet-slideout-panel-link": LocalJSX.DuetSlideoutPanelLink & JSXBase.HTMLAttributes<HTMLDuetSlideoutPanelLinkElement>;
             "duet-spacer": LocalJSX.DuetSpacer & JSXBase.HTMLAttributes<HTMLDuetSpacerElement>;
             "duet-spinner": LocalJSX.DuetSpinner & JSXBase.HTMLAttributes<HTMLDuetSpinnerElement>;
             "duet-step": LocalJSX.DuetStep & JSXBase.HTMLAttributes<HTMLDuetStepElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duetds/components",
-  "version": "6.3.5",
+  "version": "6.5.0",
   "description": "This package includes Duet Design System Web Components and related utilities.",
   "bugs": {
     "email": "duetdesignsystem@lahitapiola.fi"
@@ -50,9 +50,9 @@
     "body-scroll-lock": "3.1.5"
   },
   "devDependencies": {
-    "@duetds/fonts": "2.0.26",
-    "@duetds/icons": "3.0.26",
-    "@duetds/tokens": "3.0.26",
+    "@duetds/fonts": "2.0.28",
+    "@duetds/icons": "3.0.28",
+    "@duetds/tokens": "3.0.28",
     "@koa/cors": "3.3.0",
     "@rollup/plugin-replace": "3.1.0",
     "@stencil/core": "2.19.3",
@@ -83,5 +83,5 @@
   "collection": "lib/collection/collection-manifest.json",
   "es2015": "lib/esm/index.js",
   "es2017": "lib/esm/index.js",
-  "gitHead": "bd83968126703d1f9aeba4a8a9bba3b5daa8405f"
+  "gitHead": "c5b5b933fc163591bda4694aa163e47bbff498be"
 }

package/lib/cjs/duet-slideout-panel-dropdown-link.cjs.entry.js

@@ -1,41 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c780231c.js');
-const themeableComponent = require('./themeable-component-fdeaef9f.js');
-
-const duetSlideoutPanelDropdownLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-panel-dropdown-link{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 20px 8px 44px;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.125rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-slideout-panel-dropdown-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#171c3a}";
-
-const DuetSlideoutPanelDropdownLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.theme = "";
-    this.href = "#";
-    this.icon = undefined;
-    this.caret = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    themeableComponent.inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("a", { class: {
-        "duet-slideout-panel-dropdown-link": true,
-        "duet-theme-turva": this.theme === "turva",
-      }, href: this.href, role: "menuitem" }, this.icon && index.h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), index.h("slot", null))));
-  }
-  get element() { return index.getElement(this); }
-};
-DuetSlideoutPanelDropdownLink.style = duetSlideoutPanelDropdownLinkCss;
-
-exports.duet_slideout_panel_dropdown_link = DuetSlideoutPanelDropdownLink;

package/lib/cjs/duet-slideout-panel-link.cjs.entry.js

@@ -1,41 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-c780231c.js');
-const themeableComponent = require('./themeable-component-fdeaef9f.js');
-
-const duetSlideoutPanelLinkCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%}.duet-slideout-panel-link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 0;font-family:\"localtapiola-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";font-size:1.25rem;font-weight:800;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-slideout-panel-link.duet-theme-turva{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:#940925}";
-
-const DuetSlideoutPanelLink = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.theme = "";
-    this.active = false;
-    this.href = "#";
-    this.icon = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    themeableComponent.inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (index.h(index.Host, null, index.h("a", { class: {
-        "duet-slideout-panel-link": true,
-        "duet-theme-turva": this.theme === "turva",
-      }, href: this.href }, this.icon && index.h("duet-icon", { size: "medium", name: this.icon, margin: "none" }), index.h("span", null, index.h("slot", null)))));
-  }
-  get element() { return index.getElement(this); }
-};
-DuetSlideoutPanelLink.style = duetSlideoutPanelLinkCss;
-
-exports.duet_slideout_panel_link = DuetSlideoutPanelLink;

package/lib/collection/components/duet-slideout-panel-dropdown-link/duet-slideout-panel-dropdown-link.css

@@ -1,47 +0,0 @@
-*,
-*::after,
-*::before {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  background: transparent;
-  border: 0;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-:host {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  background: transparent;
-  border: 0;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-  width: 100%;
-  height: 100%;
-}
-
-.duet-slideout-panel-dropdown-link {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  align-items: center;
-  justify-content: flex-start;
-  width: 100%;
-  height: 100%;
-  padding: 8px 20px 8px 44px;
-  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  font-size: 1.125rem;
-  font-weight: 600;
-  line-height: 1.25;
-  color: #00294d;
-  text-align: center;
-  text-decoration: none;
-}
-.duet-slideout-panel-dropdown-link.duet-theme-turva {
-  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: #171c3a;
-}

package/lib/collection/components/duet-slideout-panel-dropdown-link/duet-slideout-panel-dropdown-link.js

@@ -1,123 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { h, Host } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common/themeable-component";
-export class DuetSlideoutPanelDropdownLink {
-  constructor() {
-    this.theme = "";
-    this.href = "#";
-    this.icon = undefined;
-    this.caret = false;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("a", { class: {
-        "duet-slideout-panel-dropdown-link": true,
-        "duet-theme-turva": this.theme === "turva",
-      }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none", color: "currentColor" }), h("slot", null))));
-  }
-  static get is() { return "duet-slideout-panel-dropdown-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["duet-slideout-panel-dropdown-link.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["duet-slideout-panel-dropdown-link.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "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."
-        },
-        "attribute": "theme",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "href": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Href"
-        },
-        "attribute": "href",
-        "reflect": false,
-        "defaultValue": "\"#\""
-      },
-      "icon": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Icon"
-        },
-        "attribute": "icon",
-        "reflect": true,
-        "defaultValue": "undefined"
-      },
-      "caret": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Caret"
-        },
-        "attribute": "caret",
-        "reflect": false,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get elementRef() { return "element"; }
-}

package/lib/collection/components/duet-slideout-panel-link/duet-slideout-panel-link.js

@@ -1,123 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { h, Host } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common/themeable-component";
-export class DuetSlideoutPanelLink {
-  constructor() {
-    this.theme = "";
-    this.active = false;
-    this.href = "#";
-    this.icon = undefined;
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("a", { class: {
-        "duet-slideout-panel-link": true,
-        "duet-theme-turva": this.theme === "turva",
-      }, href: this.href }, this.icon && h("duet-icon", { size: "medium", name: this.icon, margin: "none" }), h("span", null, h("slot", null)))));
-  }
-  static get is() { return "duet-slideout-panel-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["duet-slideout-panel-link.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["duet-slideout-panel-link.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "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."
-        },
-        "attribute": "theme",
-        "reflect": false,
-        "defaultValue": "\"\""
-      },
-      "active": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Active"
-        },
-        "attribute": "active",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "href": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Href"
-        },
-        "attribute": "href",
-        "reflect": false,
-        "defaultValue": "\"#\""
-      },
-      "icon": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Icon"
-        },
-        "attribute": "icon",
-        "reflect": true,
-        "defaultValue": "undefined"
-      }
-    };
-  }
-  static get elementRef() { return "element"; }
-}