@hashicorp/design-system-components 3.5.0 → 4.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"copy-item.js","sources":["../../../../../src/components/hds/dropdown/list-item/copy-item.hbs","../../../../../src/components/hds/dropdown/list-item/copy-item.js"],"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 class={{this.classNames}} ...attributes>\\n  {{#if @copyItemTitle}}\\n    <Hds::Text::Body\\n      class=\\\"hds-dropdown-list-item__copy-item-title\\\"\\n      @tag=\\\"div\\\"\\n      @size=\\\"100\\\"\\n      @weight=\\\"semibold\\\"\\n      @color=\\\"faint\\\"\\n    >{{@copyItemTitle}}</Hds::Text::Body>\\n  {{/if}}\\n  <Hds::Copy::Snippet @color=\\\"secondary\\\" @textToCopy={{this.text}} @isTruncated={{this.isTruncated}} />\\n</li>\")","/**\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 HdsDropdownListItemCopyItemComponent 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::CopyItem\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param isTruncated\n   * @type {boolean}\n   * @default true\n   * @description Indicates that the text should be truncated instead of wrapping and using multiple lines.\n   */\n  get isTruncated() {\n    let { isTruncated = true } = this.args;\n\n    return isTruncated;\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    let classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-copy-item',\n    ];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsDropdownListItemCopyItemComponent","Component","text","args","assert","undefined","isTruncated","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,0eAA0e;;ACD5gB;AACA;AACA;AACA;;AAKe,MAAMA,oCAAoC,SAASC,SAAS,CAAC;AAC1E;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,uEAAuE,EACvEF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,WAAWA,GAAG;IAChB,IAAI;AAAEA,MAAAA,WAAW,GAAG,IAAA;KAAM,GAAG,IAAI,CAACH,IAAI,CAAA;AAEtC,IAAA,OAAOG,WAAW,CAAA;AACpB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CACZ,wBAAwB,EACxB,2CAA2C,CAC5C,CAAA;AAED,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA1CoBX,oCAAoC,CAAA;;;;"}

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

@@ -0,0 +1,30 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+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-description\"\n  @tag=\"li\"\n  @size=\"100\"\n  @weight=\"regular\"\n  @color=\"faint\"\n  ...attributes\n>\n  {{this.text}}\n</Hds::Text::Body>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsDropdownListItemDescriptionComponent extends Component {
+  /**
+   * @param text
+   * @type {string}
+   * @description The text of the item. If no text value is defined an error will be thrown
+   */
+  get text() {
+    let {
+      text
+    } = this.args;
+    assert('@text for "Hds::Dropdown::ListItem::Description" must have a valid value', text !== undefined);
+    return text;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsDropdownListItemDescriptionComponent);
+
+export { HdsDropdownListItemDescriptionComponent as default };
+//# sourceMappingURL=description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/dropdown/list-item/description.hbs","../../../../../src/components/hds/dropdown/list-item/description.js"],"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-description\\\"\\n  @tag=\\\"li\\\"\\n  @size=\\\"100\\\"\\n  @weight=\\\"regular\\\"\\n  @color=\\\"faint\\\"\\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 HdsDropdownListItemDescriptionComponent 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::Description\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n}\n"],"names":["HdsDropdownListItemDescriptionComponent","Component","text","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,oTAAoT;;ACDtV;AACA;AACA;AACA;;AAKe,MAAMA,uCAAuC,SAASC,SAAS,CAAC;AAC7E;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,0EAA0E,EAC1EF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,uCAAuC,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\" ...attributes>\n  {{yield}}\n</li>");
+
+var generic = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { generic as default };
+//# sourceMappingURL=generic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generic.js","sources":["../../../../../src/components/hds/dropdown/list-item/generic.hbs","../../../../../src/components/hds/dropdown/list-item/generic.js"],"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 class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-generic\\\" ...attributes>\\n  {{yield}}\\n</li>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+LAA+L;;ACAjO,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,59 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class={{this.classNames}}>\n  {{#if @isLoading}}\n    <div class=\"hds-dropdown-list-item__interactive-loading-wrapper\" ...attributes>\n      <div class=\"hds-dropdown-list-item__interactive-icon\">\n        <FlightIcon @name=\"loading\" @isInlineBlock={{false}} />\n      </div>\n      <Hds::Text::Body @tag=\"div\" @size=\"100\" @weight=\"regular\" class=\"hds-dropdown-list-item__interactive-text\">\n        {{this.text}}\n      </Hds::Text::Body>\n    </div>\n  {{else}}\n    <Hds::Interactive\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n      ...attributes\n    >\n      {{#if @icon}}\n        <span class=\"hds-dropdown-list-item__interactive-icon\">\n          <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\n        </span>\n      {{/if}}\n      <Hds::Text::Body class=\"hds-dropdown-list-item__interactive-text\" @tag=\"span\" @size=\"200\" @weight=\"medium\">\n        {{this.text}}\n      </Hds::Text::Body>\n    </Hds::Interactive>\n  {{/if}}\n</li>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const DEFAULT_COLOR = 'action';
+const COLORS = ['action', 'critical'];
+class HdsDropdownListItemInteractiveComponent extends Component {
+  /**
+   * @param text
+   * @type {string}
+   * @description The text of the item. If no text value is defined an error will be thrown
+   */
+  get text() {
+    let {
+      text
+    } = this.args;
+    assert('@text for "Hds::Dropdown::ListItem::Interactive" must have a valid value', text !== undefined);
+    return text;
+  }
+
+  /**
+   * @param color
+   * @type {string}
+   * @default primary
+   * @description Determines the color of the item (when item is set to interactive)
+   */
+  get color() {
+    let {
+      color = DEFAULT_COLOR
+    } = this.args;
+    assert(`@color for "Hds::Dropdown::ListItem::Interactive" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
+    return color;
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-dropdown-list-item', 'hds-dropdown-list-item--variant-interactive'];
+
+    // add a class based on the @color argument
+    classes.push(`hds-dropdown-list-item--color-${this.color}`);
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsDropdownListItemInteractiveComponent);
+
+export { COLORS, DEFAULT_COLOR, HdsDropdownListItemInteractiveComponent as default };
+//# sourceMappingURL=interactive.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interactive.js","sources":["../../../../../src/components/hds/dropdown/list-item/interactive.hbs","../../../../../src/components/hds/dropdown/list-item/interactive.js"],"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 class={{this.classNames}}>\\n  {{#if @isLoading}}\\n    <div class=\\\"hds-dropdown-list-item__interactive-loading-wrapper\\\" ...attributes>\\n      <div class=\\\"hds-dropdown-list-item__interactive-icon\\\">\\n        <FlightIcon @name=\\\"loading\\\" @isInlineBlock={{false}} />\\n      </div>\\n      <Hds::Text::Body @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"regular\\\" class=\\\"hds-dropdown-list-item__interactive-text\\\">\\n        {{this.text}}\\n      </Hds::Text::Body>\\n    </div>\\n  {{else}}\\n    <Hds::Interactive\\n      @current-when={{@current-when}}\\n      @models={{hds-link-to-models @model @models}}\\n      @query={{hds-link-to-query @query}}\\n      @replace={{@replace}}\\n      @route={{@route}}\\n      @isRouteExternal={{@isRouteExternal}}\\n      @href={{@href}}\\n      @isHrefExternal={{@isHrefExternal}}\\n      ...attributes\\n    >\\n      {{#if @icon}}\\n        <span class=\\\"hds-dropdown-list-item__interactive-icon\\\">\\n          <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n        </span>\\n      {{/if}}\\n      <Hds::Text::Body class=\\\"hds-dropdown-list-item__interactive-text\\\" @tag=\\\"span\\\" @size=\\\"200\\\" @weight=\\\"medium\\\">\\n        {{this.text}}\\n      </Hds::Text::Body>\\n    </Hds::Interactive>\\n  {{/if}}\\n</li>\")","/**\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 const DEFAULT_COLOR = 'action';\nexport const COLORS = ['action', 'critical'];\n\nexport default class HdsDropdownListItemInteractiveComponent 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::Interactive\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  /**\n   * @param color\n   * @type {string}\n   * @default primary\n   * @description Determines the color of the item (when item is set to interactive)\n   */\n  get color() {\n    let { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Dropdown::ListItem::Interactive\" 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   * 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    let classes = [\n      'hds-dropdown-list-item',\n      'hds-dropdown-list-item--variant-interactive',\n    ];\n\n    // add a class based on the @color argument\n    classes.push(`hds-dropdown-list-item--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_COLOR","COLORS","HdsDropdownListItemInteractiveComponent","Component","text","args","assert","undefined","color","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,iyCAAiyC;;ACDn0C;AACA;AACA;AACA;;AAKO,MAAMA,aAAa,GAAG,SAAQ;MACxBC,MAAM,GAAG,CAAC,QAAQ,EAAE,UAAU,EAAC;AAE7B,MAAMC,uCAAuC,SAASC,SAAS,CAAC;AAC7E;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACC,IAAI,CAAA;AAExBC,IAAAA,MAAM,CACJ,0EAA0E,EAC1EF,IAAI,KAAKG,SACX,CAAC,CAAA;AAED,IAAA,OAAOH,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,KAAKA,GAAG;IACV,IAAI;AAAEA,MAAAA,KAAK,GAAGR,aAAAA;KAAe,GAAG,IAAI,CAACK,IAAI,CAAA;AAEzCC,IAAAA,MAAM,CACH,CAAkFL,gFAAAA,EAAAA,MAAM,CAACQ,IAAI,CAC5F,IACF,CAAE,CAAA,YAAA,EAAcD,KAAM,CAAA,CAAC,EACvBP,MAAM,CAACS,QAAQ,CAACF,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CACZ,wBAAwB,EACxB,6CAA6C,CAC9C,CAAA;;AAED;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,8BAAA,EAAgC,IAAI,CAACL,KAAM,EAAC,CAAC,CAAA;AAE3D,IAAA,OAAOI,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EApDoBb,uCAAuC,CAAA;;;;"}

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

@@ -0,0 +1,24 @@
+import Component from '@glimmer/component';
+import { getElementId } from '../../../../utils/hds-get-element-id.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<li class=\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\">\n  <label class=\"hds-dropdown-list-item__label hds-typography-body-200\" for={{this.id}}>\n    <Hds::Form::Radio::Base class=\"hds-dropdown-list-item__control\" id={{this.id}} @value={{@value}} ...attributes />\n    {{#if @icon}}\n      <div class=\"hds-dropdown-list-item__icon\">\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\n      </div>\n    {{/if}}\n    <span class=\"hds-dropdown-list-item__text-content\">{{yield}}</span>\n\n    {{#if @count}}\n      <Hds::Text::Body\n        class=\"hds-dropdown-list-item__count\"\n        @tag=\"span\"\n        @size=\"100\"\n        @weight=\"medium\"\n      >{{@count}}</Hds::Text::Body>\n    {{/if}}\n  </label>\n</li>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsDropdownListItemRadioComponent extends Component {
+  /**
+   * Determines the unique ID to assign to the radio control
+   */
+  get id() {
+    return getElementId(this);
+  }
+}
+setComponentTemplate(TEMPLATE, HdsDropdownListItemRadioComponent);
+
+export { HdsDropdownListItemRadioComponent as default };
+//# sourceMappingURL=radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sources":["../../../../../src/components/hds/dropdown/list-item/radio.hbs","../../../../../src/components/hds/dropdown/list-item/radio.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<li class=\\\"hds-dropdown-list-item hds-dropdown-list-item--variant-radio\\\">\\n  <label class=\\\"hds-dropdown-list-item__label hds-typography-body-200\\\" for={{this.id}}>\\n    <Hds::Form::Radio::Base class=\\\"hds-dropdown-list-item__control\\\" id={{this.id}} @value={{@value}} ...attributes />\\n    {{#if @icon}}\\n      <div class=\\\"hds-dropdown-list-item__icon\\\">\\n        <FlightIcon @name={{@icon}} @isInlineBlock={{false}} />\\n      </div>\\n    {{/if}}\\n    <span class=\\\"hds-dropdown-list-item__text-content\\\">{{yield}}</span>\\n\\n    {{#if @count}}\\n      <Hds::Text::Body\\n        class=\\\"hds-dropdown-list-item__count\\\"\\n        @tag=\\\"span\\\"\\n        @size=\\\"100\\\"\\n        @weight=\\\"medium\\\"\\n      >{{@count}}</Hds::Text::Body>\\n    {{/if}}\\n  </label>\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../../utils/hds-get-element-id';\n\nexport default class HdsDropdownListItemRadioComponent extends Component {\n  /**\n   * Determines the unique ID to assign to the radio control\n   */\n  get id() {\n    return getElementId(this);\n  }\n}\n"],"names":["HdsDropdownListItemRadioComponent","Component","id","getElementId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,60BAA60B;;ACD/2B;AACA;AACA;AACA;;AAKe,MAAMA,iCAAiC,SAASC,SAAS,CAAC;AACvE;AACF;AACA;EACE,IAAIC,EAAEA,GAAG;IACP,OAAOC,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,iCAAiC,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+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, templateOnly());
+
+export { separator as default };
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +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(\"{{!\\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,wOAAwO;;ACA1Q,gBAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,30 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+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.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsDropdownListItemTitleComponent extends Component {
+  /**
+   * @param text
+   * @type {string}
+   * @description The text of the item. If no text value is defined an error will be thrown
+   */
+  get text() {
+    let {
+      text
+    } = this.args;
+    assert('@text for "Hds::Dropdown::ListItem::Title" must have a valid value', text !== undefined);
+    return text;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsDropdownListItemTitleComponent);
+
+export { HdsDropdownListItemTitleComponent as default };
+//# sourceMappingURL=title.js.map

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

@@ -0,0 +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(\"{{!\\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,gTAAgT;;ACDlV;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;;;;"}

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

@@ -0,0 +1,134 @@
+import { _ as _defineProperty } from '../../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { guidFor } from '@ember/object/internals';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+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 NOOP = () => {};
+class HdsDropdownToggleButtonComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    /**
+     * Generates a unique ID for the button
+     *
+     * @param toggleButtonId
+     */
+    _defineProperty(this, "toggleButtonId", 'toggle-button-' + guidFor(this));
+  }
+  /**
+   * @param text
+   * @type {string}
+   * @description The text of the button. If no text value is defined an error will be thrown.
+   */
+  get text() {
+    let {
+      text
+    } = this.args;
+    assert('@text for "Hds::Dropdown::Toggle::Button" must have a valid value', text !== undefined);
+    return text;
+  }
+
+  /**
+   * @param size
+   * @type {string}
+   * @default medium
+   * @description The size of the button; acceptable values are `small` and `medium`
+   */
+  get size() {
+    let {
+      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));
+    return size;
+  }
+
+  /**
+   * @param color
+   * @type {string}
+   * @default primary
+   * @description Determines the color of button to be used; acceptable values are `primary` and  `secondary`
+   */
+  get color() {
+    let {
+      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));
+    return color;
+  }
+
+  /**
+   * @param isFullWidth
+   * @type {boolean}
+   * @default false
+   * @description Indicates that a button should take up the full width of the parent container. The default is false.
+   */
+  get isFullWidth() {
+    return this.args.isFullWidth ?? false;
+  }
+
+  /**
+   * @param onClick
+   * @type {function}
+   * @default () => {}
+   */
+  get onClick() {
+    let {
+      onClick
+    } = this.args;
+
+    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)
+    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined
+    if (typeof onClick === 'function') {
+      return onClick;
+    } else {
+      return NOOP;
+    }
+  }
+
+  /**
+   * @param badgeType
+   * @type {string}
+   * @default 'filled'
+   * @description ensures that the correct Badge/BadgeCount type is used to meet contrast requirements
+   */
+  get badgeType() {
+    return this.color !== 'primary' ? 'inverted' : 'filled';
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method ToggleButton#classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-dropdown-toggle-button'];
+
+    // add a class based on the @size argument
+    classes.push(`hds-dropdown-toggle-button--size-${this.size}`);
+
+    // add a class based on the @color argument
+    classes.push(`hds-dropdown-toggle-button--color-${this.color}`);
+
+    // add a class based on the @isFullWidth argument
+    if (this.isFullWidth) {
+      classes.push('hds-dropdown-toggle-button--width-full');
+    }
+
+    // add a class based on the @isOpen argument
+    if (this.args.isOpen) {
+      classes.push('hds-dropdown-toggle-button--is-open');
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsDropdownToggleButtonComponent);
+
+export { COLORS, DEFAULT_COLOR, DEFAULT_SIZE, SIZES, HdsDropdownToggleButtonComponent as default };
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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(\"{{!\\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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"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\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 chevron = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { chevron as default };
+//# sourceMappingURL=chevron.js.map

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

@@ -0,0 +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(\"{{!\\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,uMAAuM;;ACAzO,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,116 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+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  type=\"button\"\n>\n  <div class=\"hds-dropdown-toggle-icon__wrapper\">\n    {{#if @imageSrc}}\n      <img src={{@imageSrc}} alt=\"\" role=\"presentation\" height=\"32\" width=\"32\" />\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>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const DEFAULT_SIZE = 'medium';
+const SIZES = ['small', 'medium'];
+const NOOP = () => {};
+class HdsDropdownToggleIconComponent extends Component {
+  constructor() {
+    super(...arguments);
+    if (!(this.args.icon || this.args.imageSrc)) {
+      assert('@icon or @imageSrc must be defined for "Hds::Dropdown::Toggle::Icon"');
+    }
+  }
+
+  /**
+   * @param text
+   * @type {string}
+   * @description The text of the `aria-label` applied to the toggle
+   */
+  get text() {
+    let {
+      text
+    } = this.args;
+    assert('@text for "Hds::Dropdown::Toggle::Icon" must have a valid value', text !== undefined);
+    return text;
+  }
+
+  /**
+   * @param size
+   * @type {string}
+   * @default medium
+   * @description The size of the button; acceptable values are `small` and `medium`
+   */
+  get size() {
+    let {
+      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));
+    return size;
+  }
+
+  /**
+   * @param iconSize
+   * @type {string}
+   * @default 24
+   * @description ensures that the correct icon size is used
+   */
+  get iconSize() {
+    if (this.args.size === 'small') {
+      return '16';
+    } else {
+      return '24';
+    }
+  }
+
+  /**
+   * Indicates if a dropdown chevron icon should be displayed; should be displayed unless the "more-horizontal" icon is used.
+   *
+   * @param hasChevron
+   * @type {boolean}
+   * @default true
+   */
+  get hasChevron() {
+    return this.args.hasChevron ?? true;
+  }
+
+  /**
+   * @param onClick
+   * @type {function}
+   * @default () => {}
+   */
+  get onClick() {
+    let {
+      onClick
+    } = this.args;
+
+    // notice: this is a guard used in case the toggle is used as standalone element (eg. in the showcase)
+    // in reality it's always used inside the Dropdown main component as yielded component, so the onClick handler is always defined
+    if (typeof onClick === 'function') {
+      return onClick;
+    } else {
+      return NOOP;
+    }
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method ToggleIcon#classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-dropdown-toggle-icon'];
+
+    // add a class based on the @size argument
+    classes.push(`hds-dropdown-toggle-icon--size-${this.size}`);
+
+    // add a class based on the @isOpen argument
+    if (this.args.isOpen) {
+      classes.push('hds-dropdown-toggle-icon--is-open');
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsDropdownToggleIconComponent);
+
+export { DEFAULT_SIZE, SIZES, HdsDropdownToggleIconComponent as default };
+//# sourceMappingURL=icon.js.map

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

@@ -0,0 +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(\"{{!\\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  type=\\\"button\\\"\\n>\\n  <div class=\\\"hds-dropdown-toggle-icon__wrapper\\\">\\n    {{#if @imageSrc}}\\n      <img src={{@imageSrc}} alt=\\\"\\\" role=\\\"presentation\\\" height=\\\"32\\\" width=\\\"32\\\" />\\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 { assert } from '@ember/debug';\n\nexport const DEFAULT_SIZE = 'medium';\nexport const SIZES = ['small', 'medium'];\n\nconst NOOP = () => {};\n\nexport default class HdsDropdownToggleIconComponent extends Component {\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  /**\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 === 'small') {\n      return '16';\n    } else {\n      return '24';\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    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SIZE","SIZES","NOOP","HdsDropdownToggleIconComponent","Component","constructor","arguments","args","icon","imageSrc","assert","text","undefined","size","join","includes","iconSize","hasChevron","onClick","classNames","classes","push","isOpen","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,unBAAunB;;ACDzpB;AACA;AACA;AACA;;AAKO,MAAMA,YAAY,GAAG,SAAQ;MACvBC,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAC;AAExC,MAAMC,IAAI,GAAGA,MAAM,EAAE,CAAA;AAEN,MAAMC,8BAA8B,SAASC,SAAS,CAAC;AACpEC,EAAAA,WAAWA,GAAG;IACZ,KAAK,CAAC,GAAGC,SAAS,CAAC,CAAA;AACnB,IAAA,IAAI,EAAE,IAAI,CAACC,IAAI,CAACC,IAAI,IAAI,IAAI,CAACD,IAAI,CAACE,QAAQ,CAAC,EAAE;MAC3CC,MAAM,CACJ,sEACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAAA;KAAM,GAAG,IAAI,CAACJ,IAAI,CAAA;AAExBG,IAAAA,MAAM,CACJ,iEAAiE,EACjEC,IAAI,KAAKC,SACX,CAAC,CAAA;AAED,IAAA,OAAOD,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,IAAIA,GAAG;IACT,IAAI;AAAEA,MAAAA,IAAI,GAAGb,YAAAA;KAAc,GAAG,IAAI,CAACO,IAAI,CAAA;AAEvCG,IAAAA,MAAM,CACH,CAAwET,sEAAAA,EAAAA,KAAK,CAACa,IAAI,CACjF,IACF,CAAE,CAAA,YAAA,EAAcD,IAAK,CAAA,CAAC,EACtBZ,KAAK,CAACc,QAAQ,CAACF,IAAI,CACrB,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIG,QAAQA,GAAG;AACb,IAAA,IAAI,IAAI,CAACT,IAAI,CAACM,IAAI,KAAK,OAAO,EAAE;AAC9B,MAAA,OAAO,IAAI,CAAA;AACb,KAAC,MAAM;AACL,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAII,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACV,IAAI,CAACU,UAAU,IAAI,IAAI,CAAA;AACrC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,OAAOA,GAAG;IACZ,IAAI;AAAEA,MAAAA,OAAAA;KAAS,GAAG,IAAI,CAACX,IAAI,CAAA;;AAE3B;AACA;AACA,IAAA,IAAI,OAAOW,OAAO,KAAK,UAAU,EAAE;AACjC,MAAA,OAAOA,OAAO,CAAA;AAChB,KAAC,MAAM;AACL,MAAA,OAAOhB,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIiB,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,0BAA0B,CAAC,CAAA;;AAE1C;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,+BAAA,EAAiC,IAAI,CAACR,IAAK,EAAC,CAAC,CAAA;;AAE3D;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACe,MAAM,EAAE;AACpBF,MAAAA,OAAO,CAACC,IAAI,CAAC,mCAAmC,CAAC,CAAA;AACnD,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACN,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACS,oBAAA,CAAAC,QAAA,EAzGoBrB,8BAA8B,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-flyout__body\" ...attributes>\n  {{yield}}\n</div>");
+
+var body = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { body as default };
+//# sourceMappingURL=body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sources":["../../../../src/components/hds/flyout/body.hbs","../../../../src/components/hds/flyout/body.js"],"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-flyout__body\\\" ...attributes>\\n  {{yield}}\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mJAAmJ;;ACArL,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body class=\"hds-flyout__description\" @tag=\"div\" @size=\"200\" @color=\"primary\" ...attributes>\n  {{yield}}\n</Hds::Text::Body>");
+
+var description = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { description as default };
+//# sourceMappingURL=description.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/flyout/description.hbs","../../../../src/components/hds/flyout/description.js"],"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 class=\\\"hds-flyout__description\\\" @tag=\\\"div\\\" @size=\\\"200\\\" @color=\\\"primary\\\" ...attributes>\\n  {{yield}}\\n</Hds::Text::Body>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gOAAgO;;ACAlQ,kBAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-flyout__footer\" ...attributes>\n  {{yield (hash close=@onDismiss)}}\n</div>");
+
+var footer = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { footer as default };
+//# sourceMappingURL=footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/flyout/footer.hbs","../../../../src/components/hds/flyout/footer.js"],"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-flyout__footer\\\" ...attributes>\\n  {{yield (hash close=@onDismiss)}}\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6KAA6K;;ACA/M,aAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-flyout__header\" ...attributes>\n  {{#if @icon}}\n    <FlightIcon class=\"hds-flyout__icon\" @name={{@icon}} @size=\"24\" @isInlineBlock={{false}} />\n  {{/if}}\n  <Hds::Text::Display class=\"hds-flyout__title\" @tag=\"div\" @size=\"300\" @weight=\"semibold\" id={{@id}}>\n    {{#if @tagline}}\n      <Hds::Text::Body class=\"hds-flyout__tagline\" @tag=\"div\" @size=\"100\" @weight=\"regular\" @color=\"faint\">\n        {{@tagline}}\n      </Hds::Text::Body>\n    {{/if}}\n    {{yield}}\n  </Hds::Text::Display>\n  <Hds::DismissButton class=\"hds-flyout__dismiss\" {{on \"click\" @onDismiss}} />\n</div>");
+
+var header = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { header as default };
+//# sourceMappingURL=header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../../../../src/components/hds/flyout/header.hbs","../../../../src/components/hds/flyout/header.js"],"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-flyout__header\\\" ...attributes>\\n  {{#if @icon}}\\n    <FlightIcon class=\\\"hds-flyout__icon\\\" @name={{@icon}} @size=\\\"24\\\" @isInlineBlock={{false}} />\\n  {{/if}}\\n  <Hds::Text::Display class=\\\"hds-flyout__title\\\" @tag=\\\"div\\\" @size=\\\"300\\\" @weight=\\\"semibold\\\" id={{@id}}>\\n    {{#if @tagline}}\\n      <Hds::Text::Body class=\\\"hds-flyout__tagline\\\" @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"regular\\\" @color=\\\"faint\\\">\\n        {{@tagline}}\\n      </Hds::Text::Body>\\n    {{/if}}\\n    {{yield}}\\n  </Hds::Text::Display>\\n  <Hds::DismissButton class=\\\"hds-flyout__dismiss\\\" {{on \\\"click\\\" @onDismiss}} />\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8rBAA8rB;;ACAhuB,aAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}