@duetds/components 6.2.4 → 6.2.6

package/lib/collection/components/duet-menu-bar-menu-dropdown/duet-menu-bar-menu-dropdown.js

@@ -1,150 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { Component, Element, Event, h, Host, Prop } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common/themeable-component";
-export class DuetHeaderMenuDropdown {
-  constructor() {
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Open
-     */
-    this.open = false;
-    /**
-     * Icon
-     */
-    this.icon = undefined;
-    this.toggleMenu = (e) => {
-      const toggle = !this.open;
-      this.open = toggle;
-      this.duetMenuBarMenuDropdownEvent.emit({
-        originalEvent: e,
-        data: { element: this.element, open: this.open },
-        component: "duet-menu-bar-menu-dropdown",
-      });
-    };
-    this.onClick = (e) => {
-      this.toggleMenu(e);
-      e.stopImmediatePropagation();
-    };
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null,
-      h("div", { class: { "duet-menu-bar-menu-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } },
-        h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-            active: this.open,
-          }, onClick: this.onClick },
-          this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }),
-          h("div", { class: "label" },
-            h("slot", { name: "label" }),
-            h("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))),
-        h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
-            items: true,
-            hidden: !this.open,
-          } },
-          h("slot", null)))));
-  }
-  static get is() { return "duet-menu-bar-menu-dropdown"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-menu-bar-menu-dropdown.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-menu-bar-menu-dropdown.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": "\"\""
-    },
-    "open": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Open"
-      },
-      "attribute": "open",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "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 events() { return [{
-      "method": "duetMenuBarMenuDropdownEvent",
-      "name": "duetMenuBarMenuDropdownEvent",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Event raised when the menu dropdown has been opened. You can prevent the\ndefault browser functionality by calling **event.detail.originalEvent.preventDefault()**\ninside your listener. Additionally, the passed data is available via **event.detail.data**."
-      },
-      "complexType": {
-        "original": "DuetMenuBarMenuDropdownEventDetails",
-        "resolved": "{ originalEvent: Event; data: { element: HTMLElement; open: boolean; }; component: \"duet-menu-bar-menu-dropdown\"; }",
-        "references": {
-          "DuetMenuBarMenuDropdownEventDetails": {
-            "location": "local"
-          }
-        }
-      }
-    }]; }
-  static get elementRef() { return "element"; }
-}

package/lib/collection/components/duet-menu-bar-menu-dropdown-link/duet-menu-bar-menu-dropdown-link.js

@@ -1,156 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { Component, Element, h, Host, Prop } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common/themeable-component";
-export class DuetMenuBarMenuDropdownLink {
-  constructor() {
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Href
-     */
-    this.href = "#";
-    /**
-     * Icon
-     */
-    this.icon = undefined;
-    /**
-     * Caret
-     */
-    this.caret = false;
-    /**
-     * Highlight
-     */
-    this.highlight = 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-menu-bar-menu-dropdown-link": true,
-          "duet-theme-turva": this.theme === "turva",
-          highlight: this.highlight,
-        }, href: this.href, role: "menuitem" },
-        this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }),
-        h("slot", null),
-        this.caret && h("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
-  }
-  static get is() { return "duet-menu-bar-menu-dropdown-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-menu-bar-menu-dropdown-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-menu-bar-menu-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"
-    },
-    "highlight": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Highlight"
-      },
-      "attribute": "highlight",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get elementRef() { return "element"; }
-}

package/lib/collection/components/duet-menu-bar-menu-link/duet-menu-bar-menu-link.js

@@ -1,129 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { Component, Element, h, Host, Prop } from "@stencil/core";
-import { inheritGlobalTheme } from "../../common/themeable-component";
-export class DuetMenuBarMenuLink {
-  constructor() {
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Active
-     */
-    this.active = false;
-    /**
-     * Href
-     */
-    this.href = "#";
-    /**
-     * Icon
-     */
-    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-menu-bar-menu-link": true, "duet-theme-turva": this.theme === "turva", active: this.active }, href: this.href, role: "menuitem" },
-        this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }),
-        h("slot", null))));
-  }
-  static get is() { return "duet-menu-bar-menu-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-menu-bar-menu-link.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-menu-bar-menu-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"; }
-}

package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown-link.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarMenuDropdownLink extends Components.DuetMenuBarMenuDropdownLink, HTMLElement {}
-export const DuetMenuBarMenuDropdownLink: {
-  prototype: DuetMenuBarMenuDropdownLink;
-  new (): DuetMenuBarMenuDropdownLink;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown-link.js

@@ -1,84 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, b as Host } from './p-4367369a.js';
-import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-908c1151.js';
-
-const duetMenuBarMenuDropdownLinkCss = "*,*::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-menu-bar-menu-dropdown-link{display:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start;height:100%;padding:0.675rem 16px;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:0.875rem;font-weight:400;line-height:1.25;color:#00294d;text-align:center;text-decoration:none}.duet-menu-bar-menu-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}.duet-menu-bar-menu-dropdown-link:hover{color:#004d80;background:#f3f9fc}.duet-menu-bar-menu-dropdown-link:hover.duet-theme-turva{color:#940925;background:#e4e4e6}.duet-menu-bar-menu-dropdown-link.highlight{color:#0077b3}.duet-menu-bar-menu-dropdown-link.highlight.duet-theme-turva{color:#c60c30}";
-
-const DuetMenuBarMenuDropdownLink$1 = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Href
-     */
-    this.href = "#";
-    /**
-     * Icon
-     */
-    this.icon = undefined;
-    /**
-     * Caret
-     */
-    this.caret = false;
-    /**
-     * Highlight
-     */
-    this.highlight = 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-menu-bar-menu-dropdown-link": true,
-        "duet-theme-turva": this.theme === "turva",
-        highlight: this.highlight,
-      }, href: this.href, role: "menuitem" }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("slot", null), this.caret && h("duet-icon", { name: "action-arrow-right-small", size: "xxx-small", margin: "none" }))));
-  }
-  get element() { return this; }
-  static get style() { return duetMenuBarMenuDropdownLinkCss; }
-}, [1, "duet-menu-bar-menu-dropdown-link", {
-    "theme": [1025],
-    "href": [1025],
-    "icon": [1537],
-    "caret": [1028],
-    "highlight": [1028]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-menu-bar-menu-dropdown-link", "duet-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-menu-bar-menu-dropdown-link":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetMenuBarMenuDropdownLink$1);
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const DuetMenuBarMenuDropdownLink = DuetMenuBarMenuDropdownLink$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarMenuDropdownLink, defineCustomElement };

package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetMenuBarMenuDropdown extends Components.DuetMenuBarMenuDropdown, HTMLElement {}
-export const DuetMenuBarMenuDropdown: {
-  prototype: DuetMenuBarMenuDropdown;
-  new (): DuetMenuBarMenuDropdown;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-menu-bar-menu-dropdown.js

@@ -1,89 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, b as Host } from './p-4367369a.js';
-import { i as inheritGlobalTheme } from './p-4ebf1618.js';
-import { d as defineCustomElement$2 } from './p-908c1151.js';
-
-const duetMenuBarMenuDropdownCss = "*,*::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;height:100%}.duet-menu-bar-menu-dropdown{position:relative;height:100%}.duet-menu-bar-menu-dropdown button{position:relative;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;height:100%;padding:0 0.75rem 0 1.5rem;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:0.875rem;font-weight:600;line-height:1.25;color:#00294d;text-align:center;text-decoration:none;cursor:pointer}.duet-menu-bar-menu-dropdown button .label{display:flex;gap:5px;align-items:center;justify-content:center}.duet-menu-bar-menu-dropdown button:hover{color:#004d80;background:#e6f2f8}.duet-menu-bar-menu-dropdown button.active{color:#0077b3}.duet-menu-bar-menu-dropdown button.active .caret{transform:rotate(180deg)}.duet-menu-bar-menu-dropdown button.active::after{position:absolute;top:auto;bottom:2px;left:0;display:block;width:100%;height:2px;content:\"\";background:#0077b3;transition:300ms ease;transform:translateY(2px)}.duet-theme-turva .duet-menu-bar-menu-dropdown button.active::after{background:#c60c30}.duet-menu-bar-menu-dropdown .items{position:absolute;top:101%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:auto;min-width:320px;color:#00294d;background:white;border-radius:0 0 4px 4px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1)}.duet-menu-bar-menu-dropdown .items.hidden{display:none}.duet-menu-bar-menu-dropdown.duet-theme-turva button{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}.duet-menu-bar-menu-dropdown.duet-theme-turva button:hover{color:#940925;background:#e4e4e6}.duet-menu-bar-menu-dropdown.duet-theme-turva button.active{color:#c60c30}.duet-menu-bar-menu-dropdown.duet-theme-turva button.active::after{background:#c60c30}.duet-menu-bar-menu-dropdown.duet-theme-turva .items{background:#f5f5f7}";
-
-const DuetHeaderMenuDropdown = /*@__PURE__*/ proxyCustomElement(class extends H {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.duetMenuBarMenuDropdownEvent = createEvent(this, "duetMenuBarMenuDropdownEvent", 7);
-    /**
-     * Theme.
-     */
-    this.theme = "";
-    /**
-     * Open
-     */
-    this.open = false;
-    /**
-     * Icon
-     */
-    this.icon = undefined;
-    this.toggleMenu = (e) => {
-      const toggle = !this.open;
-      this.open = toggle;
-      this.duetMenuBarMenuDropdownEvent.emit({
-        originalEvent: e,
-        data: { element: this.element, open: this.open },
-        component: "duet-menu-bar-menu-dropdown",
-      });
-    };
-    this.onClick = (e) => {
-      this.toggleMenu(e);
-      e.stopImmediatePropagation();
-    };
-  }
-  /**
-   * Component lifecycle events.
-   */
-  componentWillLoad() {
-    inheritGlobalTheme(this);
-  }
-  /**
-   * render() function
-   * Always the last one in the class.
-   */
-  render() {
-    return (h(Host, null, h("div", { class: { "duet-menu-bar-menu-dropdown": true, "duet-theme-turva": this.theme === "turva", active: this.open } }, h("button", { "aria-haspopup": "menu", "aria-controls": "menu", "aria-expanded": this.open ? "true" : "false", id: "button", type: "button", class: {
-        active: this.open,
-      }, onClick: this.onClick }, this.icon && h("duet-icon", { name: this.icon, size: "x-small", margin: "none" }), h("div", { class: "label" }, h("slot", { name: "label" }), h("duet-icon", { class: "caret", name: "action-arrow-down-small", margin: "none", size: "xxx-small" }))), h("div", { tabindex: "-1", role: "menu", id: "menu", "aria-labelledby": "button", class: {
-        items: true,
-        hidden: !this.open,
-      } }, h("slot", null)))));
-  }
-  get element() { return this; }
-  static get style() { return duetMenuBarMenuDropdownCss; }
-}, [1, "duet-menu-bar-menu-dropdown", {
-    "theme": [1025],
-    "open": [1540],
-    "icon": [1537]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["duet-menu-bar-menu-dropdown", "duet-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "duet-menu-bar-menu-dropdown":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, DuetHeaderMenuDropdown);
-      }
-      break;
-    case "duet-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const DuetMenuBarMenuDropdown = DuetHeaderMenuDropdown;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetMenuBarMenuDropdown, defineCustomElement };