@hashicorp/design-system-components 4.7.0 → 4.8.0

package/dist/components/hds/dropdown/list-item/separator.js

@@ -2,9 +2,15 @@ import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\"\n  aria-hidden=\"true\"\n  role=\"separator\"\n  ...attributes\n></li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\"\n  aria-hidden=\"true\"\n  role=\"separator\"\n  ...attributes\n></li>");
 
-var separator = setComponentTemplate(TEMPLATE, templateOnlyComponent());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsDropdownListItemSeparatorComponent = templateOnlyComponent();
+var separator = setComponentTemplate(TEMPLATE, HdsDropdownListItemSeparatorComponent);
 
 export { separator as default };
 //# sourceMappingURL=separator.js.map

package/dist/components/hds/dropdown/list-item/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sources":["../../../../../src/components/hds/dropdown/list-item/separator.hbs","../../../../../src/components/hds/dropdown/list-item/separator.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\\\"\\n  aria-hidden=\\\"true\\\"\\n  role=\\\"separator\\\"\\n  ...attributes\\n></li>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iRAAiR;;ACAnT,gBAAAA,oBAAA,CAAAC,QAAA,EAAeC,qBAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"separator.js","sources":["../../../../../src/components/hds/dropdown/list-item/separator.hbs","../../../../../src/components/hds/dropdown/list-item/separator.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<li\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-separator\\\"\\n  aria-hidden=\\\"true\\\"\\n  role=\\\"separator\\\"\\n  ...attributes\\n></li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsDropdownListItemSeparatorSignature {\n  Element: HTMLLIElement;\n}\n\nconst HdsDropdownListItemSeparatorComponent =\n  templateOnlyComponent<HdsDropdownListItemSeparatorSignature>();\n\nexport default HdsDropdownListItemSeparatorComponent;\n"],"names":["HdsDropdownListItemSeparatorComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wOAAwO;;ACD1Q;AACA;AACA;AACA;;AAQA,MAAMA,qCAAqC,GACzCC,qBAAqB,EAAyC,CAAA;AAEhE,gBAAAC,oBAAA,CAAAC,QAAA,EAAeH,qCAAqC,CAAA;;;;"}

package/dist/components/hds/dropdown/list-item/title.js

@@ -3,7 +3,7 @@ import { assert } from '@ember/debug';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\"\n  @tag=\"li\"\n  @size=\"100\"\n  @weight=\"semibold\"\n  @color=\"strong\"\n  ...attributes\n>\n  {{this.text}}\n</Hds::Text::Body>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n  class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\"\n  @tag=\"li\"\n  @size=\"100\"\n  @weight=\"semibold\"\n  @color=\"strong\"\n  ...attributes\n>\n  {{this.text}}\n</Hds::Text::Body>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -17,7 +17,7 @@ class HdsDropdownListItemTitleComponent extends Component {
    * @description The text of the item. If no text value is defined an error will be thrown
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::ListItem::Title" must have a valid value', text !== undefined);

package/dist/components/hds/dropdown/list-item/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/dropdown/list-item/title.hbs","../../../../../src/components/hds/dropdown/list-item/title.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\\\"\\n  @tag=\\\"li\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"semibold\\\"\\n  @color=\\\"strong\\\"\\n  ...attributes\\n>\\n  {{this.text}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport default class HdsDropdownListItemTitleComponent extends Component {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Title\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n}\n"],"names":["HdsDropdownListItemTitleComponent","Component","text","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,yVAAyV;;ACD3X;AACA;AACA;AACA;;AAKe,MAAMA,iCAAiC,SAASC,SAAS,CAAC;AACvE;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,oEAAoE,EACpEF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,iCAAiC,CAAA;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/dropdown/list-item/title.hbs","../../../../../src/components/hds/dropdown/list-item/title.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n  class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-title\\\"\\n  @tag=\\\"li\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"semibold\\\"\\n  @color=\\\"strong\\\"\\n  ...attributes\\n>\\n  {{this.text}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport type { HdsTextBodySignature } from '../../text/body';\n\nexport interface HdsDropdownListItemTitleSignature {\n  Args: {\n    text: string;\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsDropdownListItemTitleComponent extends Component<HdsDropdownListItemTitleSignature> {\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the item. If no text value is defined an error will be thrown\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::ListItem::Title\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n}\n"],"names":["HdsDropdownListItemTitleComponent","Component","text","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,gTAAgT;;ACDlV;AACA;AACA;AACA;;AAae,MAAMA,iCAAiC,SAASC,SAAS,CAAoC;AAC1G;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAE1BC,IAAAA,MAAM,CACJ,oEAAoE,EACpEF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,iCAAiC,CAAA;;;;"}

package/dist/components/hds/dropdown/list-item/types.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsDropdownListItemInteractiveColorValues = /*#__PURE__*/function (HdsDropdownListItemInteractiveColorValues) {
+  HdsDropdownListItemInteractiveColorValues["Action"] = "action";
+  HdsDropdownListItemInteractiveColorValues["Critical"] = "critical";
+  return HdsDropdownListItemInteractiveColorValues;
+}({});
+
+export { HdsDropdownListItemInteractiveColorValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/dropdown/list-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/dropdown/list-item/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsDropdownListItemInteractiveColorValues {\n  Action = 'action',\n  Critical = 'critical',\n}\nexport type HdsDropdownListItemInteractiveColors =\n  `${HdsDropdownListItemInteractiveColorValues}`;\n"],"names":["HdsDropdownListItemInteractiveColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,yCAAyC,0BAAzCA,yCAAyC,EAAA;EAAzCA,yCAAyC,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAzCA,yCAAyC,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAzCA,yCAAyC,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/dropdown/toggle/button.js

@@ -2,15 +2,16 @@ import { a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-KIi_
 import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
 import { guidFor } from '@ember/object/internals';
+import { HdsDropdownToggleButtonSizeValues, HdsDropdownToggleButtonColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  id={{this.toggleButtonId}}\n  ...attributes\n  type=\"button\"\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n>\n  {{#if @icon}}\n    <div class=\"hds-dropdown-toggle-button__icon\">\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  <div class=\"hds-dropdown-toggle-button__text\">\n    {{this.text}}\n  </div>\n  {{#if @count}}\n    <Hds::BadgeCount\n      @text={{@count}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__count\"\n    />\n  {{/if}}\n  {{#if @badge}}\n    <Hds::Badge\n      @text={{@badge}}\n      @icon={{@badgeIcon}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__badge\"\n    />\n  {{/if}}\n  <Hds::Dropdown::Toggle::Chevron />\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  id={{this.toggleButtonId}}\n  ...attributes\n  type=\"button\"\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n>\n  {{#if @icon}}\n    <div class=\"hds-dropdown-toggle-button__icon\">\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\n    </div>\n  {{/if}}\n  <div class=\"hds-dropdown-toggle-button__text\">\n    {{this.text}}\n  </div>\n  {{#if @count}}\n    <Hds::BadgeCount\n      @text={{@count}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__count\"\n    />\n  {{/if}}\n  {{#if @badge}}\n    <Hds::Badge\n      @text={{@badge}}\n      @icon={{@badgeIcon}}\n      @size=\"small\"\n      @type={{this.badgeType}}\n      class=\"hds-dropdown-toggle-button__badge\"\n    />\n  {{/if}}\n  <Hds::Dropdown::Toggle::Chevron />\n</button>");
 
-const DEFAULT_SIZE = 'medium';
-const DEFAULT_COLOR = 'primary';
-const SIZES = ['small', 'medium'];
-const COLORS = ['primary', 'secondary'];
+const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;
+const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;
+const SIZES = Object.values(HdsDropdownToggleButtonSizeValues);
+const COLORS = Object.values(HdsDropdownToggleButtonColorValues);
 const NOOP = () => {};
 class HdsDropdownToggleButtonComponent extends Component {
   constructor(...args) {
@@ -28,7 +29,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @description The text of the button. If no text value is defined an error will be thrown.
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::Toggle::Button" must have a valid value', text !== undefined);
@@ -42,7 +43,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @description The size of the button; acceptable values are `small` and `medium`
    */
   get size() {
-    let {
+    const {
       size = DEFAULT_SIZE
     } = this.args;
     assert(`@size for "Hds::Dropdown::Toggle::Button" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
@@ -56,7 +57,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @description Determines the color of button to be used; acceptable values are `primary` and  `secondary`
    */
   get color() {
-    let {
+    const {
       color = DEFAULT_COLOR
     } = this.args;
     assert(`@color for "Hds::Dropdown::Toggle::Button" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
@@ -79,7 +80,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @default () => {}
    */
   get onClick() {
-    let {
+    const {
       onClick
     } = this.args;
 
@@ -108,7 +109,7 @@ class HdsDropdownToggleButtonComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-dropdown-toggle-button'];
+    const classes = ['hds-dropdown-toggle-button'];
 
     // add a class based on the @size argument
     classes.push(`hds-dropdown-toggle-button--size-${this.size}`);

package/dist/components/hds/dropdown/toggle/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/dropdown/toggle/button.hbs","../../../../../src/components/hds/dropdown/toggle/button.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<button\\n  class={{this.classNames}}\\n  id={{this.toggleButtonId}}\\n  ...attributes\\n  type=\\\"button\\\"\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{on \\\"click\\\" this.onClick}}\\n>\\n  {{#if @icon}}\\n    <div class=\\\"hds-dropdown-toggle-button__icon\\\">\\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  <div class=\\\"hds-dropdown-toggle-button__text\\\">\\n    {{this.text}}\\n  </div>\\n  {{#if @count}}\\n    <Hds::BadgeCount\\n      @text={{@count}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__count\\\"\\n    />\\n  {{/if}}\\n  {{#if @badge}}\\n    <Hds::Badge\\n      @text={{@badge}}\\n      @icon={{@badgeIcon}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__badge\\\"\\n    />\\n  {{/if}}\\n  <Hds::Dropdown::Toggle::Chevron />\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'primary';\nexport const SIZES = ['small', 'medium'];\nexport const COLORS = ['primary', 'secondary'];\n\nconst NOOP = () => {};\n\nexport default class HdsDropdownToggleButtonComponent extends Component {\n  /**\n   * Generates a unique ID for the button\n   *\n   * @param toggleButtonId\n   */\n  toggleButtonId = 'toggle-button-' + guidFor(this);\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the button. If no text value is defined an error will be thrown.\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small` and `medium`\n   */\n  get size() {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of button to be used; acceptable values are `primary` and  `secondary`\n   */\n  get color() {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that a button should take up the full width of the parent container. The default is false.\n   */\n  get isFullWidth() {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * @param onClick\n   * @type {function}\n   * @default () => {}\n   */\n  get onClick() {\n    let { onClick } = this.args;\n\n    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param badgeType\n   * @type {string}\n   * @default 'filled'\n   * @description ensures that the correct Badge/BadgeCount type is used to meet contrast requirements\n   */\n  get badgeType() {\n    return this.color !== 'primary' ? 'inverted' : 'filled';\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-dropdown-toggle-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-button--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-toggle-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-dropdown-toggle-button--width-full');\n    }\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","COLORS","NOOP","HdsDropdownToggleButtonComponent","Component","constructor","args","_defineProperty","guidFor","text","assert","undefined","size","join","includes","color","isFullWidth","onClick","badgeType","classNames","classes","push","isOpen","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/dropdown/toggle/button.hbs","../../../../../src/components/hds/dropdown/toggle/button.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<button\\n  class={{this.classNames}}\\n  id={{this.toggleButtonId}}\\n  ...attributes\\n  type=\\\"button\\\"\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{on \\\"click\\\" this.onClick}}\\n>\\n  {{#if @icon}}\\n    <div class=\\\"hds-dropdown-toggle-button__icon\\\">\\n      <FlightIcon @name={{@icon}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  <div class=\\\"hds-dropdown-toggle-button__text\\\">\\n    {{this.text}}\\n  </div>\\n  {{#if @count}}\\n    <Hds::BadgeCount\\n      @text={{@count}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__count\\\"\\n    />\\n  {{/if}}\\n  {{#if @badge}}\\n    <Hds::Badge\\n      @text={{@badge}}\\n      @icon={{@badgeIcon}}\\n      @size=\\\"small\\\"\\n      @type={{this.badgeType}}\\n      class=\\\"hds-dropdown-toggle-button__badge\\\"\\n    />\\n  {{/if}}\\n  <Hds::Dropdown::Toggle::Chevron />\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport {\n  HdsDropdownToggleButtonSizeValues,\n  HdsDropdownToggleButtonColorValues,\n} from './types.ts';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsBadgeSignature } from '../../badge';\nimport type { HdsBadgeCountSignature } from '../../badge-count';\nimport type {\n  HdsDropdownToggleButtonSizes,\n  HdsDropdownToggleButtonColors,\n} from './types';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsDropdownToggleButtonColorValues.Primary;\nexport const SIZES: string[] = Object.values(HdsDropdownToggleButtonSizeValues);\nexport const COLORS: string[] = Object.values(\n  HdsDropdownToggleButtonColorValues\n);\n\nconst NOOP = (): void => {};\n\nexport interface HdsDropdownToggleButtonSignature {\n  Args: {\n    badge?: HdsBadgeSignature['Args']['text'];\n    badgeIcon?: HdsBadgeSignature['Args']['icon'];\n    color: HdsDropdownToggleButtonColors;\n    count?: HdsBadgeCountSignature['Args']['text'];\n    icon?: FlightIconSignature['Args']['name'];\n    isFullWidth?: boolean;\n    isOpen?: boolean;\n    onClick?: (event: MouseEvent) => void;\n    size: HdsDropdownToggleButtonSizes;\n    text: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleButtonComponent extends Component<HdsDropdownToggleButtonSignature> {\n  /**\n   * Generates a unique ID for the button\n   *\n   * @param toggleButtonId\n   */\n  toggleButtonId = 'toggle-button-' + guidFor(this);\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the button. If no text value is defined an error will be thrown.\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small` and `medium`\n   */\n  get size(): HdsDropdownToggleButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of button to be used; acceptable values are `primary` and  `secondary`\n   */\n  get color(): HdsDropdownToggleButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::Toggle::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * @param isFullWidth\n   * @type {boolean}\n   * @default false\n   * @description Indicates that a button should take up the full width of the parent container. The default is false.\n   */\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  /**\n   * @param onClick\n   * @type {function}\n   * @default () => {}\n   */\n  get onClick(): (event: MouseEvent) => void {\n    const { onClick } = this.args;\n\n    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param badgeType\n   * @type {string}\n   * @default 'filled'\n   * @description ensures that the correct Badge/BadgeCount type is used to meet contrast requirements\n   */\n  get badgeType(): HdsBadgeCountSignature['Args']['type'] {\n    return this.color !== 'primary' ? 'inverted' : 'filled';\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-button'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-button--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-toggle-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-dropdown-toggle-button--width-full');\n    }\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-button--is-open');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleButtonSizeValues","Medium","DEFAULT_COLOR","HdsDropdownToggleButtonColorValues","Primary","SIZES","Object","values","COLORS","NOOP","HdsDropdownToggleButtonComponent","Component","constructor","args","_defineProperty","guidFor","text","assert","undefined","size","join","includes","color","isFullWidth","onClick","badgeType","classNames","classes","push","isOpen","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/dropdown/toggle/chevron.js

@@ -2,9 +2,15 @@ import templateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-dropdown-toggle-chevron\">\n  <FlightIcon @name=\"chevron-down\" @isInlineBlock={{false}} />\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-dropdown-toggle-chevron\">\n  <FlightIcon @name=\"chevron-down\" @isInlineBlock={{false}} />\n</div>");
 
-var chevron = setComponentTemplate(TEMPLATE, templateOnlyComponent());
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsDropdownToggleChevronComponent = templateOnlyComponent();
+var chevron = setComponentTemplate(TEMPLATE, HdsDropdownToggleChevronComponent);
 
 export { chevron as default };
 //# sourceMappingURL=chevron.js.map

package/dist/components/hds/dropdown/toggle/chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"chevron.js","sources":["../../../../../src/components/hds/dropdown/toggle/chevron.hbs","../../../../../src/components/hds/dropdown/toggle/chevron.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div class=\\\"hds-dropdown-toggle-chevron\\\">\\n  <FlightIcon @name=\\\"chevron-down\\\" @isInlineBlock={{false}} />\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gPAAgP;;ACAlR,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,qBAAY,EAAE,CAAA;;;;"}
+{"version":3,"file":"chevron.js","sources":["../../../../../src/components/hds/dropdown/toggle/chevron.hbs","../../../../../src/components/hds/dropdown/toggle/chevron.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-dropdown-toggle-chevron\\\">\\n  <FlightIcon @name=\\\"chevron-down\\\" @isInlineBlock={{false}} />\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsDropdownToggleChevronSignature {}\n\nconst HdsDropdownToggleChevronComponent =\n  templateOnlyComponent<HdsDropdownToggleChevronSignature>();\n\nexport default HdsDropdownToggleChevronComponent;\n"],"names":["HdsDropdownToggleChevronComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qMAAqM;;ACDvO;AACA;AACA;AACA;;AAMA,MAAMA,iCAAiC,GACrCC,qBAAqB,EAAqC,CAAA;AAE5D,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,iCAAiC,CAAA;;;;"}

package/dist/components/hds/dropdown/toggle/icon.js

@@ -3,18 +3,19 @@ import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
 import { tracked } from '@glimmer/tracking';
+import { HdsDropdownToggleIconSizeValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{! @glint-nocheck: not typesafe yet }}\n{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  aria-label={{this.text}}\n  ...attributes\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n  {{did-update this.onDidUpdateImageSrc @imageSrc}}\n  type=\"button\"\n>\n  <div class=\"hds-dropdown-toggle-icon__wrapper\">\n    {{#if @imageSrc}}\n      {{#if this.hasImage}}\n        <img src={{@imageSrc}} alt=\"\" role=\"presentation\" {{on \"error\" this.onImageLoadError}} />\n      {{else}}\n        <FlightIcon @name=\"user\" @size={{this.iconSize}} />\n      {{/if}}\n    {{else if @icon}}\n      <FlightIcon @name={{@icon}} @size={{this.iconSize}} />\n    {{/if}}\n  </div>\n  {{#if this.hasChevron}}\n    <Hds::Dropdown::Toggle::Chevron />\n  {{/if}}\n</button>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<button\n  class={{this.classNames}}\n  aria-label={{this.text}}\n  ...attributes\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  {{on \"click\" this.onClick}}\n  {{did-update this.onDidUpdateImageSrc @imageSrc}}\n  type=\"button\"\n>\n  <div class=\"hds-dropdown-toggle-icon__wrapper\">\n    {{#if @imageSrc}}\n      {{#if this.hasImage}}\n        <img src={{@imageSrc}} alt=\"\" role=\"presentation\" {{on \"error\" this.onImageLoadError}} />\n      {{else}}\n        <FlightIcon @name=\"user\" @size={{this.iconSize}} />\n      {{/if}}\n    {{else if @icon}}\n      <FlightIcon @name={{@icon}} @size={{this.iconSize}} />\n    {{/if}}\n  </div>\n  {{#if this.hasChevron}}\n    <Hds::Dropdown::Toggle::Chevron />\n  {{/if}}\n</button>");
 
 var _class, _descriptor;
-const DEFAULT_SIZE = 'medium';
-const SIZES = ['small', 'medium'];
+const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;
+const SIZES = Object.values(HdsDropdownToggleIconSizeValues);
 const NOOP = () => {};
 let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconComponent extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
     _initializerDefineProperty(this, "hasImage", _descriptor, this);
     if (!(this.args.icon || this.args.imageSrc)) {
       assert('@icon or @imageSrc must be defined for "Hds::Dropdown::Toggle::Icon"');
@@ -33,7 +34,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @description The text of the `aria-label` applied to the toggle
    */
   get text() {
-    let {
+    const {
       text
     } = this.args;
     assert('@text for "Hds::Dropdown::Toggle::Icon" must have a valid value', text !== undefined);
@@ -47,7 +48,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @description The size of the button; acceptable values are `small` and `medium`
    */
   get size() {
-    let {
+    const {
       size = DEFAULT_SIZE
     } = this.args;
     assert(`@size for "Hds::Dropdown::Toggle::Icon" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
@@ -87,7 +88,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @default () => {}
    */
   get onClick() {
-    let {
+    const {
       onClick
     } = this.args;
 
@@ -106,7 +107,7 @@ let HdsDropdownToggleIconComponent = (_class = class HdsDropdownToggleIconCompon
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-dropdown-toggle-icon'];
+    const classes = ['hds-dropdown-toggle-icon'];
 
     // add a class based on the @size argument
     classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);

package/dist/components/hds/dropdown/toggle/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../src/components/hds/dropdown/toggle/icon.hbs","../../../../../src/components/hds/dropdown/toggle/icon.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{! @glint-nocheck: not typesafe yet }}\\n{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<button\\n  class={{this.classNames}}\\n  aria-label={{this.text}}\\n  ...attributes\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{on \\\"click\\\" this.onClick}}\\n  {{did-update this.onDidUpdateImageSrc @imageSrc}}\\n  type=\\\"button\\\"\\n>\\n  <div class=\\\"hds-dropdown-toggle-icon__wrapper\\\">\\n    {{#if @imageSrc}}\\n      {{#if this.hasImage}}\\n        <img src={{@imageSrc}} alt=\\\"\\\" role=\\\"presentation\\\" {{on \\\"error\\\" this.onImageLoadError}} />\\n      {{else}}\\n        <FlightIcon @name=\\\"user\\\" @size={{this.iconSize}} />\\n      {{/if}}\\n    {{else if @icon}}\\n      <FlightIcon @name={{@icon}} @size={{this.iconSize}} />\\n    {{/if}}\\n  </div>\\n  {{#if this.hasChevron}}\\n    <Hds::Dropdown::Toggle::Chevron />\\n  {{/if}}\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { tracked } from '@glimmer/tracking';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const SIZES = ['small', 'medium'];\n\nconst NOOP = () => {};\n\nexport default class HdsDropdownToggleIconComponent extends Component {\n  @tracked hasImage = true;\n\n  constructor() {\n    super(...arguments);\n    if (!(this.args.icon || this.args.imageSrc)) {\n      assert(\n        '@icon or @imageSrc must be defined for \"Hds::Dropdown::Toggle::Icon\"'\n      );\n    }\n  }\n\n  @action\n  onDidUpdateImageSrc() {\n    this.hasImage = true;\n  }\n\n  @action\n  onImageLoadError() {\n    this.hasImage = false;\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the `aria-label` applied to the toggle\n   */\n  get text() {\n    let { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Icon\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small` and `medium`\n   */\n  get size() {\n    let { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Icon\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 24\n   * @description ensures that the correct icon size is used\n   */\n  get iconSize() {\n    if (this.args.size === 'medium' && !this.hasChevron) {\n      // in this special case we use a larger SVG\n      return '24';\n    } else {\n      // this is the default size (notice: for the \"small\" variant with chevron, we set the actual size to `12px` via CSS)\n      return '16';\n    }\n  }\n\n  /**\n   * Indicates if a dropdown chevron icon should be displayed; should be displayed unless the \"more-horizontal\" icon is used.\n   *\n   * @param hasChevron\n   * @type {boolean}\n   * @default true\n   */\n  get hasChevron() {\n    return this.args.hasChevron ?? true;\n  }\n\n  /**\n   * @param onClick\n   * @type {function}\n   * @default () => {}\n   */\n  get onClick() {\n    let { onClick } = this.args;\n\n    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleIcon#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-dropdown-toggle-icon'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-icon--is-open');\n    }\n\n    // add a class based on the @hasChevron argument\n    if (this.hasChevron) {\n      classes.push('hds-dropdown-toggle-icon--has-chevron');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","SIZES","NOOP","HdsDropdownToggleIconComponent","_class","Component","constructor","arguments","_initializerDefineProperty","_descriptor","args","icon","imageSrc","assert","onDidUpdateImageSrc","hasImage","onImageLoadError","text","undefined","size","join","includes","iconSize","hasChevron","onClick","classNames","classes","push","isOpen","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/hds/dropdown/toggle/icon.hbs","../../../../../src/components/hds/dropdown/toggle/icon.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<button\\n  class={{this.classNames}}\\n  aria-label={{this.text}}\\n  ...attributes\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  {{on \\\"click\\\" this.onClick}}\\n  {{did-update this.onDidUpdateImageSrc @imageSrc}}\\n  type=\\\"button\\\"\\n>\\n  <div class=\\\"hds-dropdown-toggle-icon__wrapper\\\">\\n    {{#if @imageSrc}}\\n      {{#if this.hasImage}}\\n        <img src={{@imageSrc}} alt=\\\"\\\" role=\\\"presentation\\\" {{on \\\"error\\\" this.onImageLoadError}} />\\n      {{else}}\\n        <FlightIcon @name=\\\"user\\\" @size={{this.iconSize}} />\\n      {{/if}}\\n    {{else if @icon}}\\n      <FlightIcon @name={{@icon}} @size={{this.iconSize}} />\\n    {{/if}}\\n  </div>\\n  {{#if this.hasChevron}}\\n    <Hds::Dropdown::Toggle::Chevron />\\n  {{/if}}\\n</button>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { tracked } from '@glimmer/tracking';\nimport { HdsDropdownToggleIconSizeValues } from './types.ts';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsDropdownToggleIconSizes } from './types';\n\nexport const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;\nexport const SIZES: string[] = Object.values(HdsDropdownToggleIconSizeValues);\n\nconst NOOP = (): void => {};\n\nexport interface HdsDropdownToggleIconSignature {\n  Args: {\n    hasChevron?: boolean;\n    icon: FlightIconSignature['Args']['name'];\n    imageSrc: string;\n    isOpen?: boolean;\n    onClick?: (event: MouseEvent) => void;\n    size?: HdsDropdownToggleIconSizes;\n    text: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsDropdownToggleIconComponent extends Component<HdsDropdownToggleIconSignature> {\n  @tracked hasImage = true;\n\n  constructor(owner: unknown, args: HdsDropdownToggleIconSignature['Args']) {\n    super(owner, args);\n    if (!(this.args.icon || this.args.imageSrc)) {\n      assert(\n        '@icon or @imageSrc must be defined for \"Hds::Dropdown::Toggle::Icon\"'\n      );\n    }\n  }\n\n  @action\n  onDidUpdateImageSrc(): void {\n    this.hasImage = true;\n  }\n\n  @action\n  onImageLoadError(): void {\n    this.hasImage = false;\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text of the `aria-label` applied to the toggle\n   */\n  get text(): string {\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Dropdown::Toggle::Icon\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param size\n   * @type {string}\n   * @default medium\n   * @description The size of the button; acceptable values are `small` and `medium`\n   */\n  get size(): HdsDropdownToggleIconSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Dropdown::Toggle::Icon\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 24\n   * @description ensures that the correct icon size is used\n   */\n  get iconSize(): FlightIconSignature['Args']['size'] {\n    if (this.args.size === 'medium' && !this.hasChevron) {\n      // in this special case we use a larger SVG\n      return '24';\n    } else {\n      // this is the default size (notice: for the \"small\" variant with chevron, we set the actual size to `12px` via CSS)\n      return '16';\n    }\n  }\n\n  /**\n   * Indicates if a dropdown chevron icon should be displayed; should be displayed unless the \"more-horizontal\" icon is used.\n   *\n   * @param hasChevron\n   * @type {boolean}\n   * @default true\n   */\n  get hasChevron(): boolean {\n    return this.args.hasChevron ?? true;\n  }\n\n  /**\n   * @param onClick\n   * @type {function}\n   * @default () => {}\n   */\n  get onClick(): (event: MouseEvent) => void {\n    const { onClick } = this.args;\n\n    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)\n    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined\n    if (typeof onClick === 'function') {\n      return onClick;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ToggleIcon#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-dropdown-toggle-icon'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-dropdown-toggle-icon--is-open');\n    }\n\n    // add a class based on the @hasChevron argument\n    if (this.hasChevron) {\n      classes.push('hds-dropdown-toggle-icon--has-chevron');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","HdsDropdownToggleIconSizeValues","Medium","SIZES","Object","values","NOOP","HdsDropdownToggleIconComponent","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","icon","imageSrc","assert","onDidUpdateImageSrc","hasImage","onImageLoadError","text","undefined","size","join","includes","iconSize","hasChevron","onClick","classNames","classes","push","isOpen","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AACA,eAAe,kBAAkB,CAAC,qzBAAqzB;;;ACa10BA,MAAAA,YAAY,GAAGC,+BAA+B,CAACC,OAAM;AAC3D,MAAMC,KAAe,GAAGC,MAAM,CAACC,MAAM,CAACJ,+BAA+B,EAAC;AAE7E,MAAMK,IAAI,GAAGA,MAAY,EAAE,CAAA;AAeNC,IAAAA,8BAA8B,IAAAC,MAAA,GAApC,MAAMD,8BAA8B,SAASE,SAAS,CAAiC;AAGpGC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAA4C,EAAE;AACxE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAACC,IAAAA,0BAAA,mBAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AACnB,IAAA,IAAI,EAAE,IAAI,CAACF,IAAI,CAACG,IAAI,IAAI,IAAI,CAACH,IAAI,CAACI,QAAQ,CAAC,EAAE;MAC3CC,MAAM,CACJ,sEACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;AAGAC,EAAAA,mBAAmBA,GAAS;IAC1B,IAAI,CAACC,QAAQ,GAAG,IAAI,CAAA;AACtB,GAAA;AAGAC,EAAAA,gBAAgBA,GAAS;IACvB,IAAI,CAACD,QAAQ,GAAG,KAAK,CAAA;AACvB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,IAAIA,GAAW;IACjB,MAAM;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACT,IAAI,CAAA;AAE1BK,IAAAA,MAAM,CACJ,iEAAiE,EACjEI,IAAI,KAAKC,SACX,CAAC,CAAA;AAED,IAAA,OAAOD,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,IAAIA,GAA+B;IACrC,MAAM;AAAEA,MAAAA,IAAI,GAAGvB,YAAAA;KAAc,GAAG,IAAI,CAACY,IAAI,CAAA;AAEzCK,IAAAA,MAAM,CACJ,CAAyEd,sEAAAA,EAAAA,KAAK,CAACqB,IAAI,CACjF,IACF,CAAC,CAAA,YAAA,EAAeD,IAAI,CAAA,CAAE,EACtBpB,KAAK,CAACsB,QAAQ,CAACF,IAAI,CACrB,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,QAAQA,GAAwC;AAClD,IAAA,IAAI,IAAI,CAACd,IAAI,CAACW,IAAI,KAAK,QAAQ,IAAI,CAAC,IAAI,CAACI,UAAU,EAAE;AACnD;AACA,MAAA,OAAO,IAAI,CAAA;AACb,KAAC,MAAM;AACL;AACA,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIA,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACf,IAAI,CAACe,UAAU,IAAI,IAAI,CAAA;AACrC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,OAAOA,GAAgC;IACzC,MAAM;AAAEA,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAAChB,IAAI,CAAA;;AAE7B;AACA;AACA,IAAA,IAAI,OAAOgB,OAAO,KAAK,UAAU,EAAE;AACjC,MAAA,OAAOA,OAAO,CAAA;AAChB,KAAC,MAAM;AACL,MAAA,OAAOtB,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIuB,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,0BAA0B,CAAC,CAAA;;AAE5C;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,+BAAA,EAAkC,IAAI,CAACR,IAAI,EAAE,CAAC,CAAA;;AAE3D;AACA,IAAA,IAAI,IAAI,CAACX,IAAI,CAACoB,MAAM,EAAE;AACpBF,MAAAA,OAAO,CAACC,IAAI,CAAC,mCAAmC,CAAC,CAAA;AACnD,KAAA;;AAEA;IACA,IAAI,IAAI,CAACJ,UAAU,EAAE;AACnBG,MAAAA,OAAO,CAACC,IAAI,CAAC,uCAAuC,CAAC,CAAA;AACvD,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACN,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAC,GAAAV,WAAA,GAAAmB,yBAAA,CAAAzB,MAAA,CAAA0B,SAAA,EAAA,UAAA,EAAA,CA3HEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAY,IAAI,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,EAAAN,yBAAA,CAAAzB,MAAA,CAAA0B,SAAA,EAAA,qBAAA,EAAA,CAWvBM,MAAM,CAAApC,EAAAA,MAAA,CAAAqC,wBAAA,CAAAjC,MAAA,CAAA0B,SAAA,EAAA1B,qBAAAA,CAAAA,EAAAA,MAAA,CAAA0B,SAAA,CAAA,EAAAD,yBAAA,CAAAzB,MAAA,CAAA0B,SAAA,uBAKNM,MAAM,CAAA,EAAApC,MAAA,CAAAqC,wBAAA,CAAAjC,MAAA,CAAA0B,SAAA,EAAA,kBAAA,CAAA,EAAA1B,MAAA,CAAA0B,SAAA,IAAA1B,MAAA,EAAA;AAjB0CkC,oBAAA,CAAAC,QAAA,EAA9BpC,8BAA8B,CAAA;;;;"}

package/dist/components/hds/dropdown/toggle/types.js

@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsDropdownToggleIconSizeValues = /*#__PURE__*/function (HdsDropdownToggleIconSizeValues) {
+  HdsDropdownToggleIconSizeValues["Small"] = "small";
+  HdsDropdownToggleIconSizeValues["Medium"] = "medium";
+  return HdsDropdownToggleIconSizeValues;
+}({});
+let HdsDropdownToggleButtonSizeValues = /*#__PURE__*/function (HdsDropdownToggleButtonSizeValues) {
+  HdsDropdownToggleButtonSizeValues["Small"] = "small";
+  HdsDropdownToggleButtonSizeValues["Medium"] = "medium";
+  return HdsDropdownToggleButtonSizeValues;
+}({});
+let HdsDropdownToggleButtonColorValues = /*#__PURE__*/function (HdsDropdownToggleButtonColorValues) {
+  HdsDropdownToggleButtonColorValues["Primary"] = "primary";
+  HdsDropdownToggleButtonColorValues["Secondary"] = "secondary";
+  return HdsDropdownToggleButtonColorValues;
+}({});
+
+export { HdsDropdownToggleButtonColorValues, HdsDropdownToggleButtonSizeValues, HdsDropdownToggleIconSizeValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/dropdown/toggle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/dropdown/toggle/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsDropdownToggleIconSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n}\nexport type HdsDropdownToggleIconSizes = `${HdsDropdownToggleIconSizeValues}`;\n\nexport enum HdsDropdownToggleButtonSizeValues {\n  Small = 'small',\n  Medium = 'medium',\n}\nexport type HdsDropdownToggleButtonSizes =\n  `${HdsDropdownToggleButtonSizeValues}`;\n\nexport enum HdsDropdownToggleButtonColorValues {\n  Primary = 'primary',\n  Secondary = 'secondary',\n}\nexport type HdsDropdownToggleButtonColors =\n  `${HdsDropdownToggleButtonColorValues}`;\n"],"names":["HdsDropdownToggleIconSizeValues","HdsDropdownToggleButtonSizeValues","HdsDropdownToggleButtonColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,+BAA+B,0BAA/BA,+BAA+B,EAAA;EAA/BA,+BAA+B,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAA/BA,+BAA+B,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAA/BA,+BAA+B,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAM/BC,IAAAA,iCAAiC,0BAAjCA,iCAAiC,EAAA;EAAjCA,iCAAiC,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAjCA,iCAAiC,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAjCA,iCAAiC,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOjCC,IAAAA,kCAAkC,0BAAlCA,kCAAkC,EAAA;EAAlCA,kCAAkC,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAlCA,kCAAkC,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAlCA,kCAAkC,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/dropdown/types.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+let HdsDropdownPositionValues = /*#__PURE__*/function (HdsDropdownPositionValues) {
+  HdsDropdownPositionValues["BottomLeft"] = "bottom-left";
+  HdsDropdownPositionValues["BottomRight"] = "bottom-right";
+  HdsDropdownPositionValues["TopLeft"] = "top-left";
+  HdsDropdownPositionValues["TopRight"] = "top-right";
+  return HdsDropdownPositionValues;
+}({});
+
+export { HdsDropdownPositionValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/dropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/dropdown/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsDropdownPositionValues {\n  BottomLeft = 'bottom-left',\n  BottomRight = 'bottom-right',\n  TopLeft = 'top-left',\n  TopRight = 'top-right',\n}\nexport type HdsDropdownPositions = `${HdsDropdownPositionValues}`;\n"],"names":["HdsDropdownPositionValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,yBAAyB,0BAAzBA,yBAAyB,EAAA;EAAzBA,yBAAyB,CAAA,YAAA,CAAA,GAAA,aAAA,CAAA;EAAzBA,yBAAyB,CAAA,aAAA,CAAA,GAAA,cAAA,CAAA;EAAzBA,yBAAyB,CAAA,SAAA,CAAA,GAAA,UAAA,CAAA;EAAzBA,yBAAyB,CAAA,UAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAzBA,yBAAyB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/flyout/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/flyout/index.hbs","../../../../src/components/hds/flyout/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::DialogPrimitive::Wrapper\\n  class={{this.classNames}}\\n  ...attributes\\n  aria-labelledby={{this.id}}\\n  {{did-insert this.didInsert}}\\n  {{will-destroy this.willDestroyNode}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.isOpen focusTrapOptions=(hash onDeactivate=this.onDismiss clickOutsideDeactivates=true)}}\\n>\\n  <:header>\\n    {{yield\\n      (hash\\n        Header=(component\\n          \\\"hds/dialog-primitive/header\\\" id=this.id onDismiss=this.onDismiss contextualClassPrefix=\\\"hds-flyout\\\"\\n        )\\n        Description=(component \\\"hds/dialog-primitive/description\\\" contextualClass=\\\"hds-flyout__description\\\")\\n      )\\n    }}\\n  </:header>\\n  <:body>\\n    {{yield (hash Body=(component \\\"hds/dialog-primitive/body\\\" contextualClass=\\\"hds-flyout__body\\\"))}}\\n  </:body>\\n  <:footer>\\n    {{yield\\n      (hash\\n        Footer=(component \\\"hds/dialog-primitive/footer\\\" onDismiss=this.onDismiss contextualClass=\\\"hds-flyout__footer\\\")\\n      )\\n    }}\\n  </:footer>\\n</Hds::DialogPrimitive::Wrapper>\\n\\n{{#if this.isOpen}}\\n  <Hds::DialogPrimitive::Overlay @contextualClass=\\\"hds-flyout__overlay\\\" />\\n{{/if}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport { buildWaiter } from '@ember/test-waiters';\nimport type { WithBoundArgs } from '@glint/template';\n\nimport type { HdsFlyoutSizes } from './types.ts';\n\nimport { HdsFlyoutSizesValues } from './types.ts';\nimport HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';\nimport HdsDialogPrimitiveDescriptionComponent from '../dialog-primitive/description.ts';\nimport HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';\nimport HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';\n\nconst waiter = buildWaiter('@hashicorp/design-system-components:flyout');\n\nexport const DEFAULT_SIZE = HdsFlyoutSizesValues.Medium;\nexport const DEFAULT_HAS_OVERLAY = true;\nexport const SIZES: string[] = Object.values(HdsFlyoutSizesValues);\n\nexport interface HdsFlyoutIndexSignature {\n  Args: {\n    isDismissDisabled?: boolean;\n    size?: HdsFlyoutSizes;\n    onOpen?: () => void;\n    onClose?: (event: Event) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Header?: WithBoundArgs<\n          typeof HdsDialogPrimitiveHeaderComponent,\n          'id' | 'onDismiss' | 'contextualClassPrefix'\n        >;\n        Description?: WithBoundArgs<\n          typeof HdsDialogPrimitiveDescriptionComponent,\n          'contextualClass'\n        >;\n        Body?: WithBoundArgs<\n          typeof HdsDialogPrimitiveBodyComponent,\n          'contextualClass'\n        >;\n        Footer?: WithBoundArgs<\n          typeof HdsDialogPrimitiveFooterComponent,\n          'onDismiss' | 'contextualClass'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDialogElement;\n}\n\nexport default class HdsFlyoutIndexComponent extends Component<HdsFlyoutIndexSignature> {\n  @tracked isOpen = false;\n  element!: HTMLDialogElement;\n  body!: HTMLElement;\n  bodyInitialOverflowValue = '';\n\n  /**\n   * Sets the size of the flyout\n   * Accepted values: medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size(): HdsFlyoutSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Flyout\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Calculates the unique ID to assign to the title\n   */\n  get id() {\n    return getElementId(this);\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    const classes = ['hds-flyout'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-flyout--size-${this.size}`);\n\n    return classes.join(' ');\n  }\n\n  @action registerOnCloseCallback(event: Event) {\n    if (this.args.onClose && typeof this.args.onClose === 'function') {\n      this.args.onClose(event);\n    }\n\n    this.isOpen = false;\n  }\n\n  @action\n  didInsert(element: HTMLDialogElement) {\n    // Store references of `<dialog>` and `<body>` elements\n    this.element = element;\n    this.body = document.body;\n\n    if (this.body) {\n      // Store the initial `overflow` value of `<body>` so we can reset to it\n      this.bodyInitialOverflowValue =\n        this.body.style.getPropertyValue('overflow');\n    }\n\n    // Register \"onClose\" callback function to be called when a native 'close' event is dispatched\n    this.element.addEventListener('close', this.registerOnCloseCallback, true);\n\n    // If the flyout dialog is not already open\n    if (!this.element.open) {\n      this.open();\n    }\n  }\n\n  @action\n  willDestroyNode() {\n    if (this.element) {\n      this.element.removeEventListener(\n        'close',\n        this.registerOnCloseCallback,\n        true\n      );\n    }\n  }\n\n  @action\n  open() {\n    // Make flyout dialog visible using the native `showModal` method\n    this.element.showModal();\n    this.isOpen = true;\n\n    // Prevent page from scrolling when the dialog is open\n    if (this.body) this.body.style.setProperty('overflow', 'hidden');\n\n    // Call \"onOpen\" callback function\n    if (this.args.onOpen && typeof this.args.onOpen === 'function') {\n      this.args.onOpen();\n    }\n  }\n\n  @action\n  async onDismiss() {\n    // allow ember test helpers to be aware of when the `close` event fires\n    // when using `click` or other helpers from '@ember/test-helpers'\n    // Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)\n    if (this.element.open) {\n      const token = waiter.beginAsync();\n      const listener = () => {\n        waiter.endAsync(token);\n        this.element.removeEventListener('close', listener);\n      };\n      this.element.addEventListener('close', listener);\n    }\n\n    // Make flyout dialog invisible using the native `close` method\n    this.element.close();\n\n    // Reset page `overflow` property\n    if (this.body) {\n      this.body.style.removeProperty('overflow');\n      if (this.bodyInitialOverflowValue === '') {\n        if (this.body.style.length === 0) {\n          this.body.removeAttribute('style');\n        }\n      } else {\n        this.body.style.setProperty('overflow', this.bodyInitialOverflowValue);\n      }\n    }\n  }\n}\n"],"names":["waiter","buildWaiter","DEFAULT_SIZE","HdsFlyoutSizesValues","Medium","DEFAULT_HAS_OVERLAY","SIZES","Object","values","HdsFlyoutIndexComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","size","assert","join","includes","id","getElementId","classNames","classes","push","registerOnCloseCallback","event","onClose","isOpen","didInsert","element","body","document","bodyInitialOverflowValue","style","getPropertyValue","addEventListener","open","willDestroyNode","removeEventListener","showModal","setProperty","onOpen","onDismiss","token","beginAsync","listener","endAsync","close","removeProperty","length","removeAttribute","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/flyout/index.hbs","../../../../src/components/hds/flyout/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::DialogPrimitive::Wrapper\\n  class={{this.classNames}}\\n  ...attributes\\n  aria-labelledby={{this.id}}\\n  {{did-insert this.didInsert}}\\n  {{will-destroy this.willDestroyNode}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.isOpen focusTrapOptions=(hash onDeactivate=this.onDismiss clickOutsideDeactivates=true)}}\\n>\\n  <:header>\\n    {{yield\\n      (hash\\n        Header=(component\\n          \\\"hds/dialog-primitive/header\\\" id=this.id onDismiss=this.onDismiss contextualClassPrefix=\\\"hds-flyout\\\"\\n        )\\n        Description=(component \\\"hds/dialog-primitive/description\\\" contextualClass=\\\"hds-flyout__description\\\")\\n      )\\n    }}\\n  </:header>\\n  <:body>\\n    {{yield (hash Body=(component \\\"hds/dialog-primitive/body\\\" contextualClass=\\\"hds-flyout__body\\\"))}}\\n  </:body>\\n  <:footer>\\n    {{yield\\n      (hash\\n        Footer=(component \\\"hds/dialog-primitive/footer\\\" onDismiss=this.onDismiss contextualClass=\\\"hds-flyout__footer\\\")\\n      )\\n    }}\\n  </:footer>\\n</Hds::DialogPrimitive::Wrapper>\\n\\n{{#if this.isOpen}}\\n  <Hds::DialogPrimitive::Overlay @contextualClass=\\\"hds-flyout__overlay\\\" />\\n{{/if}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport { buildWaiter } from '@ember/test-waiters';\nimport type { WithBoundArgs } from '@glint/template';\n\nimport type { HdsFlyoutSizes } from './types.ts';\n\nimport { HdsFlyoutSizesValues } from './types.ts';\nimport HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';\nimport HdsDialogPrimitiveDescriptionComponent from '../dialog-primitive/description.ts';\nimport HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';\nimport HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';\n\nconst waiter = buildWaiter('@hashicorp/design-system-components:flyout');\n\nexport const DEFAULT_SIZE = HdsFlyoutSizesValues.Medium;\nexport const DEFAULT_HAS_OVERLAY = true;\nexport const SIZES: string[] = Object.values(HdsFlyoutSizesValues);\n\nexport interface HdsFlyoutIndexSignature {\n  Args: {\n    isDismissDisabled?: boolean;\n    size?: HdsFlyoutSizes;\n    onOpen?: () => void;\n    onClose?: (event: Event) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Header?: WithBoundArgs<\n          typeof HdsDialogPrimitiveHeaderComponent,\n          'id' | 'onDismiss' | 'contextualClassPrefix'\n        >;\n        Description?: WithBoundArgs<\n          typeof HdsDialogPrimitiveDescriptionComponent,\n          'contextualClass'\n        >;\n        Body?: WithBoundArgs<\n          typeof HdsDialogPrimitiveBodyComponent,\n          'contextualClass'\n        >;\n        Footer?: WithBoundArgs<\n          typeof HdsDialogPrimitiveFooterComponent,\n          'onDismiss' | 'contextualClass'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDialogElement;\n}\n\nexport default class HdsFlyoutIndexComponent extends Component<HdsFlyoutIndexSignature> {\n  @tracked isOpen = false;\n  element!: HTMLDialogElement;\n  body!: HTMLElement;\n  bodyInitialOverflowValue = '';\n\n  /**\n   * Sets the size of the flyout\n   * Accepted values: medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size(): HdsFlyoutSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Flyout\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Calculates the unique ID to assign to the title\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-flyout'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-flyout--size-${this.size}`);\n\n    return classes.join(' ');\n  }\n\n  @action registerOnCloseCallback(event: Event) {\n    if (this.args.onClose && typeof this.args.onClose === 'function') {\n      this.args.onClose(event);\n    }\n\n    this.isOpen = false;\n  }\n\n  @action\n  didInsert(element: HTMLDialogElement): void {\n    // Store references of `<dialog>` and `<body>` elements\n    this.element = element;\n    this.body = document.body;\n\n    if (this.body) {\n      // Store the initial `overflow` value of `<body>` so we can reset to it\n      this.bodyInitialOverflowValue =\n        this.body.style.getPropertyValue('overflow');\n    }\n\n    // Register \"onClose\" callback function to be called when a native 'close' event is dispatched\n    this.element.addEventListener('close', this.registerOnCloseCallback, true);\n\n    // If the flyout dialog is not already open\n    if (!this.element.open) {\n      this.open();\n    }\n  }\n\n  @action\n  willDestroyNode(): void {\n    if (this.element) {\n      this.element.removeEventListener(\n        'close',\n        this.registerOnCloseCallback,\n        true\n      );\n    }\n  }\n\n  @action\n  open(): void {\n    // Make flyout dialog visible using the native `showModal` method\n    this.element.showModal();\n    this.isOpen = true;\n\n    // Prevent page from scrolling when the dialog is open\n    if (this.body) this.body.style.setProperty('overflow', 'hidden');\n\n    // Call \"onOpen\" callback function\n    if (this.args.onOpen && typeof this.args.onOpen === 'function') {\n      this.args.onOpen();\n    }\n  }\n\n  @action\n  async onDismiss(): Promise<void> {\n    // allow ember test helpers to be aware of when the `close` event fires\n    // when using `click` or other helpers from '@ember/test-helpers'\n    // Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)\n    if (this.element.open) {\n      const token = waiter.beginAsync();\n      const listener = () => {\n        waiter.endAsync(token);\n        this.element.removeEventListener('close', listener);\n      };\n      this.element.addEventListener('close', listener);\n    }\n\n    // Make flyout dialog invisible using the native `close` method\n    this.element.close();\n\n    // Reset page `overflow` property\n    if (this.body) {\n      this.body.style.removeProperty('overflow');\n      if (this.bodyInitialOverflowValue === '') {\n        if (this.body.style.length === 0) {\n          this.body.removeAttribute('style');\n        }\n      } else {\n        this.body.style.setProperty('overflow', this.bodyInitialOverflowValue);\n      }\n    }\n  }\n}\n"],"names":["waiter","buildWaiter","DEFAULT_SIZE","HdsFlyoutSizesValues","Medium","DEFAULT_HAS_OVERLAY","SIZES","Object","values","HdsFlyoutIndexComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_defineProperty","size","assert","join","includes","id","getElementId","classNames","classes","push","registerOnCloseCallback","event","onClose","isOpen","didInsert","element","body","document","bodyInitialOverflowValue","style","getPropertyValue","addEventListener","open","willDestroyNode","removeEventListener","showModal","setProperty","onOpen","onDismiss","token","beginAsync","listener","endAsync","close","removeProperty","length","removeAttribute","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/flyout/types.js

@@ -1,3 +1,8 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 let HdsFlyoutSizesValues = /*#__PURE__*/function (HdsFlyoutSizesValues) {
   HdsFlyoutSizesValues["Medium"] = "medium";
   HdsFlyoutSizesValues["Large"] = "large";

package/dist/components/hds/flyout/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/flyout/types.ts"],"sourcesContent":["export enum HdsFlyoutSizesValues {\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type HdsFlyoutSizes = `${HdsFlyoutSizesValues}`;\n"],"names":["HdsFlyoutSizesValues"],"mappings":"AAAYA,IAAAA,oBAAoB,0BAApBA,oBAAoB,EAAA;EAApBA,oBAAoB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAApBA,oBAAoB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAApBA,oBAAoB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/flyout/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsFlyoutSizesValues {\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type HdsFlyoutSizes = `${HdsFlyoutSizesValues}`;\n"],"names":["HdsFlyoutSizesValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,oBAAoB,0BAApBA,oBAAoB,EAAA;EAApBA,oBAAoB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAApBA,oBAAoB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAApBA,oBAAoB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/form/checkbox/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/checkbox/base.hbs","../../../../../src/components/hds/form/checkbox/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<input type=\\\"checkbox\\\" class=\\\"hds-form-checkbox\\\" ...attributes value={{@value}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\ninterface HdsFormCheckboxBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormCheckboxBaseComponent =\n  templateOnlyComponent<HdsFormCheckboxBaseSignature>();\n\nexport default HdsFormCheckboxBaseComponent;\n"],"names":["HdsFormCheckboxBaseComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sKAAsK;;ACDxM;AACA;AACA;AACA;;AAWA,MAAMA,4BAA4B,GAChCC,qBAAqB,EAAgC,CAAA;AAEvD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,4BAA4B,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/checkbox/base.hbs","../../../../../src/components/hds/form/checkbox/base.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<input type=\\\"checkbox\\\" class=\\\"hds-form-checkbox\\\" ...attributes value={{@value}} />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormCheckboxBaseSignature {\n  Args: {\n    value?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormCheckboxBaseComponent =\n  templateOnlyComponent<HdsFormCheckboxBaseSignature>();\n\nexport default HdsFormCheckboxBaseComponent;\n"],"names":["HdsFormCheckboxBaseComponent","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sKAAsK;;ACDxM;AACA;AACA;AACA;;AAWA,MAAMA,4BAA4B,GAChCC,qBAAqB,EAAgC,CAAA;AAEvD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,4BAA4B,CAAA;;;;"}

package/dist/components/hds/icon-tile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.hbs","../../../../src/components/hds/icon-tile/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} aria-hidden=\\\"true\\\" ...attributes>\\n  {{#if @icon}}\\n    <div class=\\\"hds-icon-tile__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if @logo}}\\n    <div class=\\\"hds-icon-tile__logo\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if this.iconSecondary}}\\n    <div class=\\\"hds-icon-tile__extra\\\">\\n      <div class=\\\"hds-icon-tile__extra-icon\\\">\\n        <FlightIcon @name={{this.iconSecondary}} @size=\\\"16\\\" @stretched={{true}} />\\n      </div>\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport {\n  HdsIconTileColorNeutral,\n  HdsIconTileProductValues,\n  HdsIconTileSizeValues,\n} from './types.ts';\n\nimport type {\n  HdsIconTileColors,\n  HdsIconTileProducts,\n  HdsIconTileSizes,\n} from './types.ts';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'neutral';\nexport const SIZES: string[] = Object.values(HdsIconTileSizeValues);\nexport const COLORS: string[] = Object.values({\n  ...HdsIconTileColorNeutral,\n  ...HdsIconTileProductValues,\n});\nexport const PRODUCTS: string[] = Object.values(HdsIconTileProductValues);\n\nexport interface HdsIconTileSignature {\n  Args: {\n    size?: HdsIconTileSizes;\n    color?: HdsIconTileColors;\n    logo?: HdsIconTileProducts;\n    icon?: FlightIconSignature['Args']['name'];\n    iconSecondary?: FlightIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsIconTileComponent extends Component<HdsIconTileSignature> {\n  /**\n   * Sets the size for the component\n   * Accepted values: small, medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size(): HdsIconTileSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::IconTile\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the color scheme for the component\n   * Accepted values: see THE COLORS LIST\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color(): string {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    // if it's a \"logo\" then we overwrite any @color parameter passed\n    // and just use the product \"brand\" color\n    if (this.logo) {\n      color = this.logo;\n    }\n\n    assert(\n      `@color for \"Hds::IconTile\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * Sets the icon name (one of the FlightIcons)\n   *\n   * @param icon\n   * @type {string|null}\n   * @default null\n   */\n  get icon(): FlightIconSignature['Args']['name'] | undefined {\n    if (this.args.logo) {\n      // for the logo version we use the colored versions directly\n      return `${this.args.logo}-color`;\n    } else if (this.args.icon) {\n      return this.args.icon;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): '16' | '24' {\n    if (this.args.size === 'small') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Sets the logo name if there is one\n   *\n   * @param logo\n   * @type {string|null}\n   * @default null\n   */\n  get logo(): HdsIconTileProducts | null {\n    const { logo } = this.args;\n\n    if (logo) {\n      assert(\n        `@logo for \"Hds::IconTile\" must be one of the following: ${PRODUCTS.join(\n          ', '\n        )}; received: ${logo}`,\n        PRODUCTS.includes(logo)\n      );\n    }\n\n    return logo ?? null;\n  }\n\n  /**\n   * We need to differentiate between a logo and an icon\n   * @method IconTile#entity\n   * @return {string} The kind of entity we're dealing with (\"logo\" or \"icon\")\n   */\n  get entity(): string | undefined {\n    let entity;\n\n    assert(\n      `you can't pass both @logo and @icon properties to the \"Hds::IconTile\" component`,\n      !(this.args.logo && this.args.icon)\n    );\n\n    assert(\n      `you need to pass @logo or @icon to the \"Hds::IconTile\" component`,\n      !(this.args.logo === undefined && this.args.icon === undefined)\n    );\n\n    if (this.args.logo) {\n      entity = 'logo';\n    }\n    if (this.args.icon) {\n      entity = 'icon';\n    }\n\n    return entity;\n  }\n\n  /**\n   * Sets the \"secondary\" icon name (one of the FlightIcons)\n   *\n   * @param iconSecondary\n   * @type {string|null}\n   * @default null\n   */\n  get iconSecondary(): FlightIconSignature['Args']['name'] | null {\n    return this.args.iconSecondary ?? null;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method IconTile#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}\"\n  get classNames(): string {\n    const classes = ['hds-icon-tile'];\n\n    // add a class based on its entity argument\n    classes.push(`hds-icon-tile--${this.entity}`);\n\n    // add a class based on the @size argument\n    classes.push(`hds-icon-tile--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-icon-tile--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","Object","values","HdsIconTileSizeValues","COLORS","HdsIconTileColorNeutral","HdsIconTileProductValues","PRODUCTS","HdsIconTileComponent","Component","size","args","assert","join","includes","color","logo","icon","undefined","iconSize","entity","iconSecondary","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/icon-tile/index.hbs","../../../../src/components/hds/icon-tile/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} aria-hidden=\\\"true\\\" ...attributes>\\n  {{#if @icon}}\\n    <div class=\\\"hds-icon-tile__icon\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if @logo}}\\n    <div class=\\\"hds-icon-tile__logo\\\">\\n      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n  {{#if this.iconSecondary}}\\n    <div class=\\\"hds-icon-tile__extra\\\">\\n      <div class=\\\"hds-icon-tile__extra-icon\\\">\\n        <FlightIcon @name={{this.iconSecondary}} @size=\\\"16\\\" @stretched={{true}} />\\n      </div>\\n    </div>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport {\n  HdsIconTileColorNeutral,\n  HdsIconTileProductValues,\n  HdsIconTileSizeValues,\n} from './types.ts';\n\nimport type {\n  HdsIconTileColors,\n  HdsIconTileProducts,\n  HdsIconTileSizes,\n} from './types.ts';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_COLOR = 'neutral';\nexport const SIZES: string[] = Object.values(HdsIconTileSizeValues);\nexport const COLORS: string[] = Object.values({\n  ...HdsIconTileColorNeutral,\n  ...HdsIconTileProductValues,\n});\nexport const PRODUCTS: string[] = Object.values(HdsIconTileProductValues);\n\nexport interface HdsIconTileSignature {\n  Args: {\n    size?: HdsIconTileSizes;\n    color?: HdsIconTileColors;\n    logo?: HdsIconTileProducts;\n    icon?: FlightIconSignature['Args']['name'];\n    iconSecondary?: FlightIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsIconTileComponent extends Component<HdsIconTileSignature> {\n  /**\n   * Sets the size for the component\n   * Accepted values: small, medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size(): HdsIconTileSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::IconTile\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  /**\n   * Sets the color scheme for the component\n   * Accepted values: see THE COLORS LIST\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color(): string {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    // if it's a \"logo\" then we overwrite any @color parameter passed\n    // and just use the product \"brand\" color\n    if (this.logo) {\n      color = this.logo;\n    }\n\n    assert(\n      `@color for \"Hds::IconTile\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  /**\n   * Sets the icon name (one of the FlightIcons)\n   *\n   * @param icon\n   * @type {string|null}\n   * @default null\n   */\n  get icon(): FlightIconSignature['Args']['name'] | undefined {\n    if (this.args.logo) {\n      // for the logo version we use the colored versions directly\n      return `${this.args.logo}-color`;\n    } else if (this.args.icon) {\n      return this.args.icon;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param iconSize\n   * @type {string}\n   * @default 16\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): FlightIconSignature['Args']['size'] {\n    if (this.args.size === 'small') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Sets the logo name if there is one\n   *\n   * @param logo\n   * @type {string|null}\n   * @default null\n   */\n  get logo(): HdsIconTileProducts | null {\n    const { logo } = this.args;\n\n    if (logo) {\n      assert(\n        `@logo for \"Hds::IconTile\" must be one of the following: ${PRODUCTS.join(\n          ', '\n        )}; received: ${logo}`,\n        PRODUCTS.includes(logo)\n      );\n    }\n\n    return logo ?? null;\n  }\n\n  /**\n   * We need to differentiate between a logo and an icon\n   * @method IconTile#entity\n   * @return {string} The kind of entity we're dealing with (\"logo\" or \"icon\")\n   */\n  get entity(): string | undefined {\n    let entity;\n\n    assert(\n      `you can't pass both @logo and @icon properties to the \"Hds::IconTile\" component`,\n      !(this.args.logo && this.args.icon)\n    );\n\n    assert(\n      `you need to pass @logo or @icon to the \"Hds::IconTile\" component`,\n      !(this.args.logo === undefined && this.args.icon === undefined)\n    );\n\n    if (this.args.logo) {\n      entity = 'logo';\n    }\n    if (this.args.icon) {\n      entity = 'icon';\n    }\n\n    return entity;\n  }\n\n  /**\n   * Sets the \"secondary\" icon name (one of the FlightIcons)\n   *\n   * @param iconSecondary\n   * @type {string|null}\n   * @default null\n   */\n  get iconSecondary(): FlightIconSignature['Args']['name'] | null {\n    return this.args.iconSecondary ?? null;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method IconTile#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  // hds-icon-tile {{this.entityClass}} {{this.sizeClass}} {{this.colorClass}}\"\n  get classNames(): string {\n    const classes = ['hds-icon-tile'];\n\n    // add a class based on its entity argument\n    classes.push(`hds-icon-tile--${this.entity}`);\n\n    // add a class based on the @size argument\n    classes.push(`hds-icon-tile--size-${this.size}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-icon-tile--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","DEFAULT_COLOR","SIZES","Object","values","HdsIconTileSizeValues","COLORS","HdsIconTileColorNeutral","HdsIconTileProductValues","PRODUCTS","HdsIconTileComponent","Component","size","args","assert","join","includes","color","logo","icon","undefined","iconSize","entity","iconSecondary","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}