@hashicorp/design-system-components 4.7.0 → 4.8.0

package/dist/components/hds/app-header/home-link.js

@@ -0,0 +1,25 @@
+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\n<Hds::Interactive\n  class=\"hds-app-header__home-link\"\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  aria-label={{this.ariaLabel}}\n>\n  <FlightIcon @name={{@icon}} @color={{@color}} @stretched={{true}} />\n</Hds::Interactive>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAppHeaderHomeLinkComponent extends Component {
+  get ariaLabel() {
+    const {
+      ariaLabel
+    } = this.args;
+    assert('@ariaLabel for "Hds::AppHeader::HomeLink" ("Logo") must have a valid value', ariaLabel !== undefined);
+    return ariaLabel;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAppHeaderHomeLinkComponent);
+
+export { HdsAppHeaderHomeLinkComponent as default };
+//# sourceMappingURL=home-link.js.map

package/dist/components/hds/app-header/home-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"home-link.js","sources":["../../../../src/components/hds/app-header/home-link.hbs","../../../../src/components/hds/app-header/home-link.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\\n<Hds::Interactive\\n  class=\\\"hds-app-header__home-link\\\"\\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  aria-label={{this.ariaLabel}}\\n>\\n  <FlightIcon @name={{@icon}} @color={{@color}} @stretched={{true}} />\\n</Hds::Interactive>\")","/**\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 type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsInteractiveSignature } from '../interactive/';\n\nexport interface HdsAppHeaderHomeLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: FlightIconSignature['Args']['name'];\n    color?: string;\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsAppHeaderHomeLinkComponent extends Component<HdsAppHeaderHomeLinkSignature> {\n  get ariaLabel(): string {\n    const { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::AppHeader::HomeLink\" (\"Logo\") must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsAppHeaderHomeLinkComponent","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,wiBAAwiB;;ACD1kB;AACA;AACA;AACA;;AAiBe,MAAMA,6BAA6B,SAASC,SAAS,CAAgC;EAClG,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE/BC,IAAAA,MAAM,CACJ,4EAA4E,EAC5EF,SAAS,KAAKG,SAChB,CAAC,CAAA;AAED,IAAA,OAAOH,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAXoBP,6BAA6B,CAAA;;;;"}

package/dist/components/hds/app-header/index.js

@@ -0,0 +1,88 @@
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { guidFor } from '@ember/object/internals';
+import { tracked } from '@glimmer/tracking';
+import { registerDestructor } from '@ember/destroyable';
+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={{this.classNames}} ...attributes>\n  {{yield to=\"logo\"}}\n\n  {{#if (not this.isDesktop)}}\n    <Hds::AppHeader::MenuButton\n      @onClickToggle={{this.onClickToggle}}\n      @isOpen={{this.isOpen}}\n      @menuContentId={{this.menuContentId}}\n    />\n  {{/if}}\n  <div class=\"hds-app-header__actions\" id={{this.menuContentId}}>\n    {{#if this.showItems}}\n      <div class=\"hds-app-header__actions-content\">\n        <div class=\"hds-app-header__global-actions\">\n          {{yield to=\"globalActions\"}}\n        </div>\n\n        <div class=\"hds-app-header__utility-actions\">\n          {{yield to=\"utilityActions\"}}\n        </div>\n      </div>\n    {{/if}}\n  </div>\n</div>");
+
+var _class, _descriptor, _descriptor2;
+let HdsAppHeaderComponent = (_class = class HdsAppHeaderComponent extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    _initializerDefineProperty(this, "isOpen", _descriptor, this);
+    _initializerDefineProperty(this, "isDesktop", _descriptor2, this);
+    _defineProperty(this, "desktopMQ", void 0);
+    // Generates a unique ID for the Menu Content
+    _defineProperty(this, "menuContentId", 'hds-menu-content-' + guidFor(this));
+    _defineProperty(this, "desktopMQVal", this.args.breakpoint ?? getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint'));
+    this.desktopMQ = window.matchMedia(`(min-width: ${this.desktopMQVal})`);
+    this.addEventListeners();
+    registerDestructor(this, () => {
+      this.removeEventListeners();
+    });
+  }
+  addEventListeners() {
+    document.addEventListener('keydown', this.escapePress, true);
+    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, true);
+
+    // set initial state based on viewport using a "synthetic" event
+    const syntheticEvent = new MediaQueryListEvent('change', {
+      matches: this.desktopMQ.matches,
+      media: this.desktopMQ.media
+    });
+    this.updateDesktopVariable(syntheticEvent);
+  }
+  removeEventListeners() {
+    document.removeEventListener('keydown', this.escapePress, true);
+    this.desktopMQ.removeEventListener('change', this.updateDesktopVariable, true);
+  }
+
+  // Menu items display if is desktop, or if is mobile and the menu is open
+  get showItems() {
+    return this.isDesktop || this.isOpen;
+  }
+
+  // Get the class names to apply to the component.
+  get classNames() {
+    const classes = ['hds-app-header'];
+    if (!this.isDesktop) {
+      classes.push('hds-app-header--is-mobile');
+    } else {
+      classes.push('hds-app-header--is-desktop');
+    }
+    return classes.join(' ');
+  }
+  escapePress(event) {
+    if (event.key === 'Escape' && this.isOpen && !this.isDesktop) {
+      this.isOpen = false;
+    }
+  }
+  onClickToggle() {
+    this.isOpen = !this.isOpen;
+  }
+  updateDesktopVariable(event) {
+    this.isDesktop = event.matches;
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isOpen", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return false;
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isDesktop", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return true;
+  }
+}), _applyDecoratedDescriptor(_class.prototype, "escapePress", [action], Object.getOwnPropertyDescriptor(_class.prototype, "escapePress"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClickToggle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickToggle"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "updateDesktopVariable", [action], Object.getOwnPropertyDescriptor(_class.prototype, "updateDesktopVariable"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsAppHeaderComponent);
+
+export { HdsAppHeaderComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/app-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-header/index.hbs","../../../../src/components/hds/app-header/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\\n<div class={{this.classNames}} ...attributes>\\n  {{yield to=\\\"logo\\\"}}\\n\\n  {{#if (not this.isDesktop)}}\\n    <Hds::AppHeader::MenuButton\\n      @onClickToggle={{this.onClickToggle}}\\n      @isOpen={{this.isOpen}}\\n      @menuContentId={{this.menuContentId}}\\n    />\\n  {{/if}}\\n  <div class=\\\"hds-app-header__actions\\\" id={{this.menuContentId}}>\\n    {{#if this.showItems}}\\n      <div class=\\\"hds-app-header__actions-content\\\">\\n        <div class=\\\"hds-app-header__global-actions\\\">\\n          {{yield to=\\\"globalActions\\\"}}\\n        </div>\\n\\n        <div class=\\\"hds-app-header__utility-actions\\\">\\n          {{yield to=\\\"utilityActions\\\"}}\\n        </div>\\n      </div>\\n    {{/if}}\\n  </div>\\n</div>\")","/**\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 { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\n\nexport interface HdsAppHeaderSignature {\n  Args: {\n    breakpoint?: string;\n  };\n  Blocks: {\n    logo?: [];\n    globalActions?: [];\n    utilityActions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppHeaderComponent extends Component<HdsAppHeaderSignature> {\n  @tracked isOpen = false;\n  @tracked isDesktop = true;\n  desktopMQ: MediaQueryList;\n\n  // Generates a unique ID for the Menu Content\n  menuContentId = 'hds-menu-content-' + guidFor(this);\n\n  desktopMQVal =\n    this.args.breakpoint ??\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    );\n\n  constructor(owner: unknown, args: Record<string, never>) {\n    super(owner, args);\n    this.desktopMQ = window.matchMedia(`(min-width: ${this.desktopMQVal})`);\n    this.addEventListeners();\n    registerDestructor(this, (): void => {\n      this.removeEventListeners();\n    });\n  }\n\n  addEventListeners(): void {\n    document.addEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, true);\n\n    // set initial state based on viewport using a \"synthetic\" event\n    const syntheticEvent = new MediaQueryListEvent('change', {\n      matches: this.desktopMQ.matches,\n      media: this.desktopMQ.media,\n    });\n    this.updateDesktopVariable(syntheticEvent);\n  }\n\n  removeEventListeners(): void {\n    document.removeEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.removeEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n  }\n\n  // Menu items display if is desktop, or if is mobile and the menu is open\n  get showItems(): boolean {\n    return this.isDesktop || this.isOpen;\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-app-header'];\n\n    if (!this.isDesktop) {\n      classes.push('hds-app-header--is-mobile');\n    } else {\n      classes.push('hds-app-header--is-desktop');\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  escapePress(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && this.isOpen && !this.isDesktop) {\n      this.isOpen = false;\n    }\n  }\n\n  @action\n  onClickToggle(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  @action\n  updateDesktopVariable(event: MediaQueryListEvent): void {\n    this.isDesktop = event.matches;\n  }\n}\n"],"names":["HdsAppHeaderComponent","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","guidFor","breakpoint","getComputedStyle","document","documentElement","getPropertyValue","desktopMQ","window","matchMedia","desktopMQVal","addEventListeners","registerDestructor","removeEventListeners","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","showItems","isDesktop","isOpen","classNames","classes","push","join","event","key","onClickToggle","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AACA,eAAe,kBAAkB,CAAC,oxBAAoxB;;;ACsBjyBA,IAAAA,qBAAqB,IAAAC,MAAA,GAA3B,MAAMD,qBAAqB,SAASE,SAAS,CAAwB;AAclFC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAA2B,EAAE;AACvD,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAACC,IAAAA,0BAAA,iBAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,oBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;IAAAC,eAAA,CAAA,IAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAVrB;AAAAA,IAAAA,eAAA,wBACgB,mBAAmB,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAAD,IAAAA,eAAA,uBAGjD,IAAI,CAACJ,IAAI,CAACM,UAAU,IACpBC,gBAAgB,CAACC,QAAQ,CAACC,eAAe,CAAC,CAACC,gBAAgB,CACzD,8BACF,CAAC,CAAA,CAAA;AAID,IAAA,IAAI,CAACC,SAAS,GAAGC,MAAM,CAACC,UAAU,CAAC,CAAA,YAAA,EAAe,IAAI,CAACC,YAAY,CAAA,CAAA,CAAG,CAAC,CAAA;IACvE,IAAI,CAACC,iBAAiB,EAAE,CAAA;IACxBC,kBAAkB,CAAC,IAAI,EAAE,MAAY;MACnC,IAAI,CAACC,oBAAoB,EAAE,CAAA;AAC7B,KAAC,CAAC,CAAA;AACJ,GAAA;AAEAF,EAAAA,iBAAiBA,GAAS;IACxBP,QAAQ,CAACU,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACC,WAAW,EAAE,IAAI,CAAC,CAAA;AAC5D,IAAA,IAAI,CAACR,SAAS,CAACO,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACE,qBAAqB,EAAE,IAAI,CAAC,CAAA;;AAE3E;AACA,IAAA,MAAMC,cAAc,GAAG,IAAIC,mBAAmB,CAAC,QAAQ,EAAE;AACvDC,MAAAA,OAAO,EAAE,IAAI,CAACZ,SAAS,CAACY,OAAO;AAC/BC,MAAAA,KAAK,EAAE,IAAI,CAACb,SAAS,CAACa,KAAAA;AACxB,KAAC,CAAC,CAAA;AACF,IAAA,IAAI,CAACJ,qBAAqB,CAACC,cAAc,CAAC,CAAA;AAC5C,GAAA;AAEAJ,EAAAA,oBAAoBA,GAAS;IAC3BT,QAAQ,CAACiB,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACN,WAAW,EAAE,IAAI,CAAC,CAAA;AAC/D,IAAA,IAAI,CAACR,SAAS,CAACc,mBAAmB,CAChC,QAAQ,EACR,IAAI,CAACL,qBAAqB,EAC1B,IACF,CAAC,CAAA;AACH,GAAA;;AAEA;EACA,IAAIM,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACC,SAAS,IAAI,IAAI,CAACC,MAAM,CAAA;AACtC,GAAA;;AAEA;EACA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;AAElC,IAAA,IAAI,CAAC,IAAI,CAACH,SAAS,EAAE;AACnBG,MAAAA,OAAO,CAACC,IAAI,CAAC,2BAA2B,CAAC,CAAA;AAC3C,KAAC,MAAM;AACLD,MAAAA,OAAO,CAACC,IAAI,CAAC,4BAA4B,CAAC,CAAA;AAC5C,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;EAGAb,WAAWA,CAACc,KAAoB,EAAQ;AACtC,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAI,IAAI,CAACN,MAAM,IAAI,CAAC,IAAI,CAACD,SAAS,EAAE;MAC5D,IAAI,CAACC,MAAM,GAAG,KAAK,CAAA;AACrB,KAAA;AACF,GAAA;AAGAO,EAAAA,aAAaA,GAAS;AACpB,IAAA,IAAI,CAACP,MAAM,GAAG,CAAC,IAAI,CAACA,MAAM,CAAA;AAC5B,GAAA;EAGAR,qBAAqBA,CAACa,KAA0B,EAAQ;AACtD,IAAA,IAAI,CAACN,SAAS,GAAGM,KAAK,CAACV,OAAO,CAAA;AAChC,GAAA;AACF,CAAC,GAAArB,WAAA,GAAAkC,yBAAA,CAAAxC,MAAA,CAAAyC,SAAA,EAAA,QAAA,EAAA,CA7EEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAU,KAAK,CAAA;AAAA,GAAA;AAAA,CAAAvC,CAAAA,EAAAA,YAAA,GAAAiC,yBAAA,CAAAxC,MAAA,CAAAyC,SAAA,gBACtBC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAa,IAAI,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,EAAAN,yBAAA,CAAAxC,MAAA,CAAAyC,SAAA,EAAA,aAAA,EAAA,CA4DxBM,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAAjD,MAAA,CAAAyC,SAAA,EAAA,aAAA,CAAA,EAAAzC,MAAA,CAAAyC,SAAA,CAAA,EAAAD,yBAAA,CAAAxC,MAAA,CAAAyC,SAAA,EAAA,eAAA,EAAA,CAONM,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAAjD,MAAA,CAAAyC,SAAA,EAAA,eAAA,CAAA,EAAAzC,MAAA,CAAAyC,SAAA,CAAA,EAAAD,yBAAA,CAAAxC,MAAA,CAAAyC,SAAA,EAAA,uBAAA,EAAA,CAKNM,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAAjD,MAAA,CAAAyC,SAAA,EAAA,uBAAA,CAAA,EAAAzC,MAAA,CAAAyC,SAAA,CAAA,GAAAzC,MAAA,EAAA;AA1EiCkD,oBAAA,CAAAC,QAAA,EAArBpD,qBAAqB,CAAA;;;;"}

package/dist/components/hds/app-header/menu-button.js

@@ -0,0 +1,26 @@
+import { _ as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+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<Hds::Button\n  class=\"hds-app-header__menu-button\"\n  @text=\"Menu\"\n  @icon={{this.icon}}\n  @iconPosition=\"trailing\"\n  {{on \"click\" this.onClick}}\n  aria-controls={{@menuContentId}}\n  aria-expanded={{if @isOpen \"true\" \"false\"}}\n  ...attributes\n/>");
+
+var _class;
+let HdsAppHeaderMenuButtonComponent = (_class = class HdsAppHeaderMenuButtonComponent extends Component {
+  get icon() {
+    return this.args.isOpen ? 'x' : 'menu';
+  }
+  onClick() {
+    const {
+      onClickToggle
+    } = this.args;
+    if (typeof onClickToggle === 'function') {
+      onClickToggle();
+    }
+  }
+}, (_applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsAppHeaderMenuButtonComponent);
+
+export { HdsAppHeaderMenuButtonComponent as default };
+//# sourceMappingURL=menu-button.js.map

package/dist/components/hds/app-header/menu-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-button.js","sources":["../../../../src/components/hds/app-header/menu-button.hbs","../../../../src/components/hds/app-header/menu-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\\n<Hds::Button\\n  class=\\\"hds-app-header__menu-button\\\"\\n  @text=\\\"Menu\\\"\\n  @icon={{this.icon}}\\n  @iconPosition=\\\"trailing\\\"\\n  {{on \\\"click\\\" this.onClick}}\\n  aria-controls={{@menuContentId}}\\n  aria-expanded={{if @isOpen \\\"true\\\" \\\"false\\\"}}\\n  ...attributes\\n/>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nimport type { HdsButtonSignature } from '../button/';\n\nexport interface HdsAppHeaderMenuButtonSignature {\n  Args: {\n    isOpen?: boolean;\n    menuContentId: string;\n    onClickToggle?: () => void;\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsAppHeaderMenuButtonComponent extends Component<HdsAppHeaderMenuButtonSignature> {\n  get icon(): 'x' | 'menu' {\n    return this.args.isOpen ? 'x' : 'menu';\n  }\n\n  @action\n  onClick(): void {\n    const { onClickToggle } = this.args;\n\n    if (typeof onClickToggle === 'function') {\n      onClickToggle();\n    }\n  }\n}\n"],"names":["HdsAppHeaderMenuButtonComponent","_class","Component","icon","args","isOpen","onClick","onClickToggle","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,2VAA2V;;;ACkBxWA,IAAAA,+BAA+B,IAAAC,MAAA,GAArC,MAAMD,+BAA+B,SAASE,SAAS,CAAkC;EACtG,IAAIC,IAAIA,GAAiB;IACvB,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GAAG,GAAG,GAAG,MAAM,CAAA;AACxC,GAAA;AAGAC,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEC,MAAAA,aAAAA;KAAe,GAAG,IAAI,CAACH,IAAI,CAAA;AAEnC,IAAA,IAAI,OAAOG,aAAa,KAAK,UAAU,EAAE;AACvCA,MAAAA,aAAa,EAAE,CAAA;AACjB,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAP,MAAA,CAAAQ,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAX,MAAA,CAAAQ,SAAA,cAAAR,MAAA,CAAAQ,SAAA,CAAA,GAAAR,MAAA,EAAA;AAL2CY,oBAAA,CAAAC,QAAA,EAA/Bd,+BAA+B,CAAA;;;;"}

package/dist/components/hds/application-state/footer.js

@@ -1,42 +1,16 @@
-import Component from '@glimmer/component';
+import templateOnlyComponent 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={{this.classNames}} ...attributes>\n  {{yield (hash LinkStandalone=(component \"hds/link/standalone\"))}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-application-state__footer\" ...attributes>\n  {{yield\n    (hash\n      Button=(component \"hds/button\")\n      Dropdown=(component \"hds/dropdown\")\n      LinkStandalone=(component \"hds/link/standalone\")\n    )\n  }}\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsApplicationStateFooterComponent extends Component {
-  /**
-   * Indicate if the footer should have a top border or not.
-   *
-   * @param hasDivider
-   * @type {boolean}
-   * @default false
-   */
-  get hasDivider() {
-    return this.args.hasDivider ?? false;
-  }
+const HdsApplicationStateFooterComponent = templateOnlyComponent();
+var footer = setComponentTemplate(TEMPLATE, HdsApplicationStateFooterComponent);
 
-  /**
-   * Get the class names to apply to the component.
-   * @method classNames
-   * @return {string} The "class" attribute to apply to the component.
-   */
-  get classNames() {
-    const classes = ['hds-application-state__footer'];
-
-    // add a class based on the existence of @hasDivider argument
-    if (this.hasDivider) {
-      classes.push(`hds-application-state__footer--has-divider`);
-    }
-    return classes.join(' ');
-  }
-}
-setComponentTemplate(TEMPLATE, HdsApplicationStateFooterComponent);
-
-export { HdsApplicationStateFooterComponent as default };
+export { footer as default };
 //# sourceMappingURL=footer.js.map

package/dist/components/hds/application-state/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/application-state/footer.hbs","../../../../src/components/hds/application-state/footer.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\\n<div class={{this.classNames}} ...attributes>\\n  {{yield (hash LinkStandalone=(component \\\"hds/link/standalone\\\"))}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsLinkStandaloneSignature } from '../link/standalone';\n\nexport interface HdsApplicationStateFooterSignature {\n  Args: {\n    hasDivider?: boolean;\n  };\n  Blocks: {\n    default?: [\n      {\n        LinkStandalone?: ComponentLike<HdsLinkStandaloneSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsApplicationStateFooterComponent extends Component<HdsApplicationStateFooterSignature> {\n  /**\n   * Indicate if the footer should have a top border or not.\n   *\n   * @param hasDivider\n   * @type {boolean}\n   * @default false\n   */\n  get hasDivider(): boolean {\n    return this.args.hasDivider ?? false;\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-application-state__footer'];\n\n    // add a class based on the existence of @hasDivider argument\n    if (this.hasDivider) {\n      classes.push(`hds-application-state__footer--has-divider`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsApplicationStateFooterComponent","Component","hasDivider","args","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8MAA8M;;ACDhP;AACA;AACA;AACA;;AAoBe,MAAMA,kCAAkC,SAASC,SAAS,CAAqC;AAC5G;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,+BAA+B,CAAC,CAAA;;AAEjD;IACA,IAAI,IAAI,CAACH,UAAU,EAAE;AACnBG,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAC,CAAA;AAC5D,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA3BoBT,kCAAkC,CAAA;;;;"}
+{"version":3,"file":"footer.js","sources":["../../../../src/components/hds/application-state/footer.hbs","../../../../src/components/hds/application-state/footer.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\\n<div class=\\\"hds-application-state__footer\\\" ...attributes>\\n  {{yield\\n    (hash\\n      Button=(component \\\"hds/button\\\")\\n      Dropdown=(component \\\"hds/dropdown\\\")\\n      LinkStandalone=(component \\\"hds/link/standalone\\\")\\n    )\\n  }}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsLinkStandaloneSignature } from '../link/standalone';\nimport type { HdsButtonSignature } from '../button';\nimport type { HdsDropdownSignature } from 'src/components/hds/dropdown';\n\nexport interface HdsApplicationStateFooterSignature {\n  Args: {\n    hasDivider?: boolean;\n  };\n  Blocks: {\n    default?: [\n      {\n        Button?: ComponentLike<HdsButtonSignature>;\n        Dropdown?: ComponentLike<HdsDropdownSignature>;\n        LinkStandalone?: ComponentLike<HdsLinkStandaloneSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateFooterComponent =\n  TemplateOnlyComponent<HdsApplicationStateFooterSignature>();\n\nexport default HdsApplicationStateFooterComponent;\n"],"names":["HdsApplicationStateFooterComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wUAAwU;;ACD1W;AACA;AACA;AACA;;AAwBA,MAAMA,kCAAkC,GACtCC,qBAAqB,EAAsC,CAAA;AAE7D,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,kCAAkC,CAAA;;;;"}

package/dist/components/hds/application-state/header.js

@@ -1,16 +1,20 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import Component from '@glimmer/component';
 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-application-state__header\" ...attributes>\n  {{#if @icon}}\n    <div class=\"hds-application-state__icon\">\n      <FlightIcon @name={{@icon}} @size=\"24\" />\n    </div>\n  {{/if}}\n  <Hds::Text::Display class=\"hds-application-state__title\" @tag=\"div\" @size=\"400\" @weight=\"semibold\">\n    {{@title}}\n  </Hds::Text::Display>\n  {{#if @errorCode}}\n    <Hds::Text::Body class=\"hds-application-state__error-code\" @tag=\"div\" @size=\"100\" @weight=\"medium\">\n      Error\n      {{@errorCode}}\n    </Hds::Text::Body>\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-application-state__header\" ...attributes>\n  {{#if @errorCode}}\n    <Hds::Text::Body class=\"hds-application-state__error-code\" @tag=\"div\" @size=\"100\" @weight=\"medium\" @color=\"faint\">\n      ERROR\n      {{@errorCode}}\n    </Hds::Text::Body>\n  {{/if}}\n  {{#if @icon}}\n    <div class=\"hds-application-state__icon\">\n      <FlightIcon @color=\"var(--token-color-foreground-strong)\" @name={{@icon}} @size=\"24\" />\n    </div>\n  {{/if}}\n  <Hds::Text::Display\n    class=\"hds-application-state__title\"\n    @tag={{this.titleTag}}\n    @size=\"300\"\n    @weight=\"semibold\"\n    @color=\"strong\"\n  >\n    {{@title}}\n  </Hds::Text::Display>\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsApplicationStateHeaderComponent = templateOnlyComponent();
-var header = setComponentTemplate(TEMPLATE, HdsApplicationStateHeaderComponent);
+class HdsApplicationStateHeaderComponent extends Component {
+  get titleTag() {
+    return this.args.titleTag ?? 'div';
+  }
+}
+setComponentTemplate(TEMPLATE, HdsApplicationStateHeaderComponent);
 
-export { header as default };
+export { HdsApplicationStateHeaderComponent as default };
 //# sourceMappingURL=header.js.map

package/dist/components/hds/application-state/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/hds/application-state/header.hbs","../../../../src/components/hds/application-state/header.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-application-state__header\\\" ...attributes>\\n  {{#if @icon}}\\n    <div class=\\\"hds-application-state__icon\\\">\\n      <FlightIcon @name={{@icon}} @size=\\\"24\\\" />\\n    </div>\\n  {{/if}}\\n  <Hds::Text::Display class=\\\"hds-application-state__title\\\" @tag=\\\"div\\\" @size=\\\"400\\\" @weight=\\\"semibold\\\">\\n    {{@title}}\\n  </Hds::Text::Display>\\n  {{#if @errorCode}}\\n    <Hds::Text::Body class=\\\"hds-application-state__error-code\\\" @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"medium\\\">\\n      Error\\n      {{@errorCode}}\\n    </Hds::Text::Body>\\n  {{/if}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport interface HdsApplicationStateHeaderSignature {\n  Args: {\n    title?: string;\n    errorCode?: string;\n    icon?: FlightIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateHeaderComponent =\n  TemplateOnlyComponent<HdsApplicationStateHeaderSignature>();\n\nexport default HdsApplicationStateHeaderComponent;\n"],"names":["HdsApplicationStateHeaderComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ooBAAooB;;ACDtqB;AACA;AACA;AACA;;AAeA,MAAMA,kCAAkC,GACtCC,qBAAqB,EAAsC,CAAA;AAE7D,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,kCAAkC,CAAA;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/hds/application-state/header.hbs","../../../../src/components/hds/application-state/header.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-application-state__header\\\" ...attributes>\\n  {{#if @errorCode}}\\n    <Hds::Text::Body class=\\\"hds-application-state__error-code\\\" @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"medium\\\" @color=\\\"faint\\\">\\n      ERROR\\n      {{@errorCode}}\\n    </Hds::Text::Body>\\n  {{/if}}\\n  {{#if @icon}}\\n    <div class=\\\"hds-application-state__icon\\\">\\n      <FlightIcon @color=\\\"var(--token-color-foreground-strong)\\\" @name={{@icon}} @size=\\\"24\\\" />\\n    </div>\\n  {{/if}}\\n  <Hds::Text::Display\\n    class=\\\"hds-application-state__title\\\"\\n    @tag={{this.titleTag}}\\n    @size=\\\"300\\\"\\n    @weight=\\\"semibold\\\"\\n    @color=\\\"strong\\\"\\n  >\\n    {{@title}}\\n  </Hds::Text::Display>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\nimport type { HdsTextDisplaySignature } from '../text/display';\nexport interface HdsApplicationStateHeaderSignature {\n  Args: {\n    title?: string;\n    titleTag?: HdsTextDisplaySignature['Args']['tag'];\n    errorCode?: string;\n    icon?: FlightIconSignature['Args']['name'];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsApplicationStateHeaderComponent extends Component<HdsApplicationStateHeaderSignature> {\n  get titleTag() {\n    return this.args.titleTag ?? 'div';\n  }\n}\n"],"names":["HdsApplicationStateHeaderComponent","Component","titleTag","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8vBAA8vB;;ACDhyB;AACA;AACA;AACA;;AAgBe,MAAMA,kCAAkC,SAASC,SAAS,CAAqC;EAC5G,IAAIC,QAAQA,GAAG;AACb,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAI,KAAK,CAAA;AACpC,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAJoBL,kCAAkC,CAAA;;;;"}

package/dist/components/hds/application-state/index.js

@@ -1,16 +1,32 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { HdsApplicationStateAlignValues } from './types.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<div class=\"hds-application-state\" ...attributes>\n  {{yield\n    (hash\n      Header=(component \"hds/application-state/header\")\n      Body=(component \"hds/application-state/body\")\n      Footer=(component \"hds/application-state/footer\")\n    )\n  }}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} ...attributes>\n  {{yield\n    (hash\n      Media=(component \"hds/application-state/media\")\n      Header=(component \"hds/application-state/header\")\n      Body=(component \"hds/application-state/body\")\n      Footer=(component \"hds/application-state/footer\")\n    )\n  }}\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsApplicationStateComponent = templateOnlyComponent();
-var index = setComponentTemplate(TEMPLATE, HdsApplicationStateComponent);
+const ALIGNS = Object.values(HdsApplicationStateAlignValues);
+class HdsApplicationStateComponent extends Component {
+  get align() {
+    const validAlignValues = Object.values(HdsApplicationStateAlignValues);
+    assert(`@align for "Hds::ApplicationState" must be one of the following: ${validAlignValues.join(', ')}; received: ${this.args.align}`, this.args.align == null || validAlignValues.includes(this.args.align));
+    return this.args.align ?? HdsApplicationStateAlignValues.Left;
+  }
+  get classNames() {
+    const classes = ['hds-application-state'];
 
-export { index as default };
+    // add a class based on the @align argument
+    classes.push(`hds-application-state--align-${this.align}`);
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsApplicationStateComponent);
+
+export { ALIGNS, HdsApplicationStateComponent as default };
 //# sourceMappingURL=index.js.map

package/dist/components/hds/application-state/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/application-state/index.hbs","../../../../src/components/hds/application-state/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=\\\"hds-application-state\\\" ...attributes>\\n  {{yield\\n    (hash\\n      Header=(component \\\"hds/application-state/header\\\")\\n      Body=(component \\\"hds/application-state/body\\\")\\n      Footer=(component \\\"hds/application-state/footer\\\")\\n    )\\n  }}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsApplicationStateHeaderSignature } from './header';\nimport type { HdsApplicationStateBodySignature } from './body';\nimport type { HdsApplicationStateFooterSignature } from './footer';\n\nexport interface HdsApplicationStateSignature {\n  Blocks: {\n    default: [\n      {\n        Header?: ComponentLike<HdsApplicationStateHeaderSignature>;\n        Body?: ComponentLike<HdsApplicationStateBodySignature>;\n        Footer?: ComponentLike<HdsApplicationStateFooterSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateComponent =\n  TemplateOnlyComponent<HdsApplicationStateSignature>();\n\nexport default HdsApplicationStateComponent;\n"],"names":["HdsApplicationStateComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,2VAA2V;;ACD7X;AACA;AACA;AACA;;AAqBA,MAAMA,4BAA4B,GAChCC,qBAAqB,EAAgC,CAAA;AAEvD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,4BAA4B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/application-state/index.hbs","../../../../src/components/hds/application-state/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}} ...attributes>\\n  {{yield\\n    (hash\\n      Media=(component \\\"hds/application-state/media\\\")\\n      Header=(component \\\"hds/application-state/header\\\")\\n      Body=(component \\\"hds/application-state/body\\\")\\n      Footer=(component \\\"hds/application-state/footer\\\")\\n    )\\n  }}\\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';\nimport { HdsApplicationStateAlignValues } from './types.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsApplicationStateAligns } from './types';\nimport type { HdsApplicationStateMediaSignature } from './media';\nimport type { HdsApplicationStateHeaderSignature } from './header';\nimport type { HdsApplicationStateBodySignature } from './body';\nimport type { HdsApplicationStateFooterSignature } from './footer';\n\nexport const ALIGNS: string[] = Object.values(HdsApplicationStateAlignValues);\nexport interface HdsApplicationStateSignature {\n  Args: {\n    align?: HdsApplicationStateAligns;\n  };\n  Blocks: {\n    default: [\n      {\n        Media?: ComponentLike<HdsApplicationStateMediaSignature>;\n        Header?: ComponentLike<HdsApplicationStateHeaderSignature>;\n        Body?: ComponentLike<HdsApplicationStateBodySignature>;\n        Footer?: ComponentLike<HdsApplicationStateFooterSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsApplicationStateComponent extends Component<HdsApplicationStateSignature> {\n  get align(): HdsApplicationStateAligns {\n    const validAlignValues: HdsApplicationStateAligns[] = Object.values(\n      HdsApplicationStateAlignValues\n    );\n\n    assert(\n      `@align for \"Hds::ApplicationState\" must be one of the following: ${validAlignValues.join(\n        ', '\n      )}; received: ${this.args.align}`,\n      this.args.align == null || validAlignValues.includes(this.args.align)\n    );\n\n    return this.args.align ?? HdsApplicationStateAlignValues.Left;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-application-state'];\n\n    // add a class based on the @align argument\n    classes.push(`hds-application-state--align-${this.align}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["ALIGNS","Object","values","HdsApplicationStateAlignValues","HdsApplicationStateComponent","Component","align","validAlignValues","assert","join","args","includes","Left","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,8YAA8Y;;ACDhb;AACA;AACA;AACA;;AAaO,MAAMA,MAAgB,GAAGC,MAAM,CAACC,MAAM,CAACC,8BAA8B,EAAC;AAkB9D,MAAMC,4BAA4B,SAASC,SAAS,CAA+B;EAChG,IAAIC,KAAKA,GAA8B;AACrC,IAAA,MAAMC,gBAA6C,GAAGN,MAAM,CAACC,MAAM,CACjEC,8BACF,CAAC,CAAA;AAEDK,IAAAA,MAAM,CACJ,CAAA,iEAAA,EAAoED,gBAAgB,CAACE,IAAI,CACvF,IACF,CAAC,CAAA,YAAA,EAAe,IAAI,CAACC,IAAI,CAACJ,KAAK,EAAE,EACjC,IAAI,CAACI,IAAI,CAACJ,KAAK,IAAI,IAAI,IAAIC,gBAAgB,CAACI,QAAQ,CAAC,IAAI,CAACD,IAAI,CAACJ,KAAK,CACtE,CAAC,CAAA;IAED,OAAO,IAAI,CAACI,IAAI,CAACJ,KAAK,IAAIH,8BAA8B,CAACS,IAAI,CAAA;AAC/D,GAAA;EAEA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,uBAAuB,CAAC,CAAA;;AAEzC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACT,KAAK,EAAE,CAAC,CAAA;AAE1D,IAAA,OAAOQ,OAAO,CAACL,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACO,oBAAA,CAAAC,QAAA,EAxBoBb,4BAA4B,CAAA;;;;"}

package/dist/components/hds/application-state/media.js

@@ -0,0 +1,16 @@
+import templateOnlyComponent 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-application-state__media\" ...attributes>\n  {{yield}}\n</div>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const HdsApplicationStateMediaComponent = templateOnlyComponent();
+var media = setComponentTemplate(TEMPLATE, HdsApplicationStateMediaComponent);
+
+export { media as default };
+//# sourceMappingURL=media.js.map

package/dist/components/hds/application-state/media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.js","sources":["../../../../src/components/hds/application-state/media.hbs","../../../../src/components/hds/application-state/media.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\\n<div class=\\\"hds-application-state__media\\\" ...attributes>\\n  {{yield}}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsApplicationStateMediaSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsApplicationStateMediaComponent =\n  TemplateOnlyComponent<HdsApplicationStateMediaSignature>();\n\nexport default HdsApplicationStateMediaComponent;\n"],"names":["HdsApplicationStateMediaComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iKAAiK;;ACDnM;AACA;AACA;AACA;;AAWA,MAAMA,iCAAiC,GACrCC,qBAAqB,EAAqC,CAAA;AAE5D,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,iCAAiC,CAAA;;;;"}

package/dist/components/hds/application-state/types.js

@@ -0,0 +1,8 @@
+let HdsApplicationStateAlignValues = /*#__PURE__*/function (HdsApplicationStateAlignValues) {
+  HdsApplicationStateAlignValues["Left"] = "left";
+  HdsApplicationStateAlignValues["Center"] = "center";
+  return HdsApplicationStateAlignValues;
+}({});
+
+export { HdsApplicationStateAlignValues };
+//# sourceMappingURL=types.js.map

package/dist/components/hds/application-state/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/application-state/types.ts"],"sourcesContent":["export enum HdsApplicationStateAlignValues {\n  Left = 'left',\n  Center = 'center',\n}\nexport type HdsApplicationStateAligns = `${HdsApplicationStateAlignValues}`;\n"],"names":["HdsApplicationStateAlignValues"],"mappings":"AAAYA,IAAAA,8BAA8B,0BAA9BA,8BAA8B,EAAA;EAA9BA,8BAA8B,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAA9BA,8BAA8B,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAA9BA,8BAA8B,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/components/hds/badge-count/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge-count/index.hbs","../../../../src/components/hds/badge-count/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}} ...attributes>\\n  {{@text}}\\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  HdsBadgeCountColorValues,\n  HdsBadgeCountSizeValues,\n  HdsBadgeCountTypeValues,\n} from './types.ts';\nimport type {\n  HdsBadgeCountColors,\n  HdsBadgeCountSizes,\n  HdsBadgeCountTypes,\n} from './types.ts';\n\nexport const SIZES: string[] = Object.values(HdsBadgeCountSizeValues);\nexport const TYPES: string[] = Object.values(HdsBadgeCountTypeValues);\nexport const COLORS: string[] = Object.values(HdsBadgeCountColorValues);\nexport const DEFAULT_SIZE = HdsBadgeCountSizeValues.Medium;\nexport const DEFAULT_TYPE = HdsBadgeCountTypeValues.Filled;\nexport const DEFAULT_COLOR = HdsBadgeCountColorValues.Neutral;\n\ninterface HdsBadgeCountSignature {\n  Args: {\n    size?: HdsBadgeCountSizes;\n    type?: HdsBadgeCountTypes;\n    color?: HdsBadgeCountColors;\n    text: string;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsBadgeCountComponent extends Component<HdsBadgeCountSignature> {\n  /**\n   * Sets the size for the component\n   * Accepted sizes: small, medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size(): HdsBadgeCountSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::BadgeCount\" 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 type of the component\n   * Accepted values: filled, inverted, outlined\n   *\n   * @param type\n   * @type {string}\n   * @default 'filled'\n   */\n  get type(): HdsBadgeCountTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::BadgeCount\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  /**\n   * Sets the color scheme for the component\n   * Accepted colors: neutral, neutral-dark-mode\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color(): HdsBadgeCountColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::BadgeCount\" 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 BadgeCount#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-badge-count'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge-count--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge-count--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge-count--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["SIZES","Object","values","HdsBadgeCountSizeValues","TYPES","HdsBadgeCountTypeValues","COLORS","HdsBadgeCountColorValues","DEFAULT_SIZE","Medium","DEFAULT_TYPE","Filled","DEFAULT_COLOR","Neutral","HdsBadgeCountComponent","Component","size","args","assert","join","includes","type","color","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,kJAAkJ;;ACDpL;AACA;AACA;AACA;;AAgBO,MAAMA,KAAe,GAAGC,MAAM,CAACC,MAAM,CAACC,uBAAuB,EAAC;AAC9D,MAAMC,KAAe,GAAGH,MAAM,CAACC,MAAM,CAACG,uBAAuB,EAAC;AAC9D,MAAMC,MAAgB,GAAGL,MAAM,CAACC,MAAM,CAACK,wBAAwB,EAAC;AAC1DC,MAAAA,YAAY,GAAGL,uBAAuB,CAACM,OAAM;AAC7CC,MAAAA,YAAY,GAAGL,uBAAuB,CAACM,OAAM;AAC7CC,MAAAA,aAAa,GAAGL,wBAAwB,CAACM,QAAO;AAY9C,MAAMC,sBAAsB,SAASC,SAAS,CAAyB;AACpF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAuB;IAC7B,MAAM;AAAEA,MAAAA,IAAI,GAAGR,YAAAA;KAAc,GAAG,IAAI,CAACS,IAAI,CAAA;AAEzCC,IAAAA,MAAM,CACJ,CAA6DlB,0DAAAA,EAAAA,KAAK,CAACmB,IAAI,CACrE,IACF,CAAC,CAAA,YAAA,EAAeH,IAAI,CAAA,CAAE,EACtBhB,KAAK,CAACoB,QAAQ,CAACJ,IAAI,CACrB,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIK,IAAIA,GAAuB;IAC7B,MAAM;AAAEA,MAAAA,IAAI,GAAGX,YAAAA;KAAc,GAAG,IAAI,CAACO,IAAI,CAAA;AAEzCC,IAAAA,MAAM,CACJ,CAA6Dd,0DAAAA,EAAAA,KAAK,CAACe,IAAI,CACrE,IACF,CAAC,CAAA,YAAA,EAAeE,IAAI,CAAA,CAAE,EACtBjB,KAAK,CAACgB,QAAQ,CAACC,IAAI,CACrB,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAwB;IAC/B,MAAM;AAAEA,MAAAA,KAAK,GAAGV,aAAAA;KAAe,GAAG,IAAI,CAACK,IAAI,CAAA;AAE3CC,IAAAA,MAAM,CACJ,CAA8DZ,2DAAAA,EAAAA,MAAM,CAACa,IAAI,CACvE,IACF,CAAC,CAAA,YAAA,EAAeG,KAAK,CAAA,CAAE,EACvBhB,MAAM,CAACc,QAAQ,CAACE,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACT,IAAI,EAAE,CAAC,CAAA;;AAElD;IACAQ,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACJ,IAAI,EAAE,CAAC,CAAA;;AAElD;IACAG,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACH,KAAK,EAAE,CAAC,CAAA;AAEpD,IAAA,OAAOE,OAAO,CAACL,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACO,oBAAA,CAAAC,QAAA,EAnFoBb,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/badge-count/index.hbs","../../../../src/components/hds/badge-count/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}} ...attributes>\\n  {{@text}}\\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  HdsBadgeCountColorValues,\n  HdsBadgeCountSizeValues,\n  HdsBadgeCountTypeValues,\n} from './types.ts';\nimport type {\n  HdsBadgeCountColors,\n  HdsBadgeCountSizes,\n  HdsBadgeCountTypes,\n} from './types.ts';\n\nexport const SIZES: string[] = Object.values(HdsBadgeCountSizeValues);\nexport const TYPES: string[] = Object.values(HdsBadgeCountTypeValues);\nexport const COLORS: string[] = Object.values(HdsBadgeCountColorValues);\nexport const DEFAULT_SIZE = HdsBadgeCountSizeValues.Medium;\nexport const DEFAULT_TYPE = HdsBadgeCountTypeValues.Filled;\nexport const DEFAULT_COLOR = HdsBadgeCountColorValues.Neutral;\n\nexport interface HdsBadgeCountSignature {\n  Args: {\n    size?: HdsBadgeCountSizes;\n    type?: HdsBadgeCountTypes;\n    color?: HdsBadgeCountColors;\n    text: string;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsBadgeCountComponent extends Component<HdsBadgeCountSignature> {\n  /**\n   * Sets the size for the component\n   * Accepted sizes: small, medium, large\n   *\n   * @param size\n   * @type {string}\n   * @default 'medium'\n   */\n  get size(): HdsBadgeCountSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::BadgeCount\" 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 type of the component\n   * Accepted values: filled, inverted, outlined\n   *\n   * @param type\n   * @type {string}\n   * @default 'filled'\n   */\n  get type(): HdsBadgeCountTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::BadgeCount\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  /**\n   * Sets the color scheme for the component\n   * Accepted colors: neutral, neutral-dark-mode\n   *\n   * @param color\n   * @type {string}\n   * @default 'neutral'\n   */\n  get color(): HdsBadgeCountColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::BadgeCount\" 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 BadgeCount#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-badge-count'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-badge-count--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-badge-count--type-${this.type}`);\n\n    // add a class based on the @color argument\n    classes.push(`hds-badge-count--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["SIZES","Object","values","HdsBadgeCountSizeValues","TYPES","HdsBadgeCountTypeValues","COLORS","HdsBadgeCountColorValues","DEFAULT_SIZE","Medium","DEFAULT_TYPE","Filled","DEFAULT_COLOR","Neutral","HdsBadgeCountComponent","Component","size","args","assert","join","includes","type","color","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,kJAAkJ;;ACDpL;AACA;AACA;AACA;;AAgBO,MAAMA,KAAe,GAAGC,MAAM,CAACC,MAAM,CAACC,uBAAuB,EAAC;AAC9D,MAAMC,KAAe,GAAGH,MAAM,CAACC,MAAM,CAACG,uBAAuB,EAAC;AAC9D,MAAMC,MAAgB,GAAGL,MAAM,CAACC,MAAM,CAACK,wBAAwB,EAAC;AAC1DC,MAAAA,YAAY,GAAGL,uBAAuB,CAACM,OAAM;AAC7CC,MAAAA,YAAY,GAAGL,uBAAuB,CAACM,OAAM;AAC7CC,MAAAA,aAAa,GAAGL,wBAAwB,CAACM,QAAO;AAY9C,MAAMC,sBAAsB,SAASC,SAAS,CAAyB;AACpF;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAuB;IAC7B,MAAM;AAAEA,MAAAA,IAAI,GAAGR,YAAAA;KAAc,GAAG,IAAI,CAACS,IAAI,CAAA;AAEzCC,IAAAA,MAAM,CACJ,CAA6DlB,0DAAAA,EAAAA,KAAK,CAACmB,IAAI,CACrE,IACF,CAAC,CAAA,YAAA,EAAeH,IAAI,CAAA,CAAE,EACtBhB,KAAK,CAACoB,QAAQ,CAACJ,IAAI,CACrB,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIK,IAAIA,GAAuB;IAC7B,MAAM;AAAEA,MAAAA,IAAI,GAAGX,YAAAA;KAAc,GAAG,IAAI,CAACO,IAAI,CAAA;AAEzCC,IAAAA,MAAM,CACJ,CAA6Dd,0DAAAA,EAAAA,KAAK,CAACe,IAAI,CACrE,IACF,CAAC,CAAA,YAAA,EAAeE,IAAI,CAAA,CAAE,EACtBjB,KAAK,CAACgB,QAAQ,CAACC,IAAI,CACrB,CAAC,CAAA;AAED,IAAA,OAAOA,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAwB;IAC/B,MAAM;AAAEA,MAAAA,KAAK,GAAGV,aAAAA;KAAe,GAAG,IAAI,CAACK,IAAI,CAAA;AAE3CC,IAAAA,MAAM,CACJ,CAA8DZ,2DAAAA,EAAAA,MAAM,CAACa,IAAI,CACvE,IACF,CAAC,CAAA,YAAA,EAAeG,KAAK,CAAA,CAAE,EACvBhB,MAAM,CAACc,QAAQ,CAACE,KAAK,CACvB,CAAC,CAAA;AAED,IAAA,OAAOA,KAAK,CAAA;AACd,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC,CAAA;;AAEnC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACT,IAAI,EAAE,CAAC,CAAA;;AAElD;IACAQ,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACJ,IAAI,EAAE,CAAC,CAAA;;AAElD;IACAG,OAAO,CAACC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACH,KAAK,EAAE,CAAC,CAAA;AAEpD,IAAA,OAAOE,OAAO,CAACL,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACO,oBAAA,CAAAC,QAAA,EAnFoBb,sBAAsB,CAAA;;;;"}

package/dist/components/hds/breadcrumb/index.js

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 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<nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\n  <ol class=\"hds-breadcrumb__list\" {{did-insert this.didInsert}}>\n    {{yield}}\n  </ol>\n</nav>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\n  <ol class=\"hds-breadcrumb__list\" {{did-insert this.didInsert}}>\n    {{yield}}\n  </ol>\n</nav>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -17,7 +17,7 @@ class HdsBreadcrumbComponent extends Component {
    * @default () => {}
    */
   get didInsert() {
-    let {
+    const {
       didInsert
     } = this.args;
     if (typeof didInsert === 'function') {
@@ -51,7 +51,7 @@ class HdsBreadcrumbComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-breadcrumb'];
+    const classes = ['hds-breadcrumb'];
 
     // add a class based on the @itemsCanWrap argument
     if (this.itemsCanWrap) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/breadcrumb/index.hbs","../../../../src/components/hds/breadcrumb/index.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<nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\\n  <ol class=\\\"hds-breadcrumb__list\\\" {{did-insert this.didInsert}}>\\n    {{yield}}\\n  </ol>\\n</nav>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nconst NOOP = () => {};\n\nexport default class HdsBreadcrumbComponent extends Component {\n  /**\n   * @param onDidInsert\n   * @type {function}\n   * @default () => {}\n   */\n  get didInsert() {\n    let { didInsert } = this.args;\n\n    if (typeof didInsert === 'function') {\n      return didInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param itemsCanWrap\n   * @type {boolean}\n   * @default true\n   */\n  get itemsCanWrap() {\n    return this.args.itemsCanWrap ?? true;\n  }\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'breadcrumbs'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'breadcrumbs';\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Breadcrumb#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-breadcrumb'];\n\n    // add a class based on the @itemsCanWrap argument\n    if (this.itemsCanWrap) {\n      classes.push('hds-breadcrumb--items-can-wrap');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["NOOP","HdsBreadcrumbComponent","Component","didInsert","args","itemsCanWrap","ariaLabel","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,ySAAyS;;ACD3U;AACA;AACA;AACA;;AAIA,MAAMA,IAAI,GAAGA,MAAM,EAAE,CAAA;AAEN,MAAMC,sBAAsB,SAASC,SAAS,CAAC;AAC5D;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE7B,IAAA,IAAI,OAAOD,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS,CAAA;AAClB,KAAC,MAAM;AACL,MAAA,OAAOH,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,YAAYA,GAAG;AACjB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,YAAY,IAAI,IAAI,CAAA;AACvC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,aAAa,CAAA;AAC7C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAEhC;IACA,IAAI,IAAI,CAACH,YAAY,EAAE;AACrBG,MAAAA,OAAO,CAACC,IAAI,CAAC,gCAAgC,CAAC,CAAA;AAChD,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjDoBX,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/breadcrumb/index.hbs","../../../../src/components/hds/breadcrumb/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<nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\\n  <ol class=\\\"hds-breadcrumb__list\\\" {{did-insert this.didInsert}}>\\n    {{yield}}\\n  </ol>\\n</nav>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsBreadcrumbSignature {\n  Args: {\n    ariaLabel?: string;\n    itemsCanWrap?: boolean;\n    didInsert?: () => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst NOOP = () => {};\n\nexport default class HdsBreadcrumbComponent extends Component<HdsBreadcrumbSignature> {\n  /**\n   * @param onDidInsert\n   * @type {function}\n   * @default () => {}\n   */\n  get didInsert(): () => void {\n    const { didInsert } = this.args;\n\n    if (typeof didInsert === 'function') {\n      return didInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  /**\n   * @param itemsCanWrap\n   * @type {boolean}\n   * @default true\n   */\n  get itemsCanWrap(): boolean {\n    return this.args.itemsCanWrap ?? true;\n  }\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'breadcrumbs'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'breadcrumbs';\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Breadcrumb#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-breadcrumb'];\n\n    // add a class based on the @itemsCanWrap argument\n    if (this.itemsCanWrap) {\n      classes.push('hds-breadcrumb--items-can-wrap');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["NOOP","HdsBreadcrumbComponent","Component","didInsert","args","itemsCanWrap","ariaLabel","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,gQAAgQ;;ACDlS;AACA;AACA;AACA;;AAgBA,MAAMA,IAAI,GAAGA,MAAM,EAAE,CAAA;AAEN,MAAMC,sBAAsB,SAASC,SAAS,CAAyB;AACpF;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAe;IAC1B,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE/B,IAAA,IAAI,OAAOD,SAAS,KAAK,UAAU,EAAE;AACnC,MAAA,OAAOA,SAAS,CAAA;AAClB,KAAC,MAAM;AACL,MAAA,OAAOH,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,YAAYA,GAAY;AAC1B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,YAAY,IAAI,IAAI,CAAA;AACvC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,aAAa,CAAA;AAC7C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;IACA,IAAI,IAAI,CAACH,YAAY,EAAE;AACrBG,MAAAA,OAAO,CAACC,IAAI,CAAC,gCAAgC,CAAC,CAAA;AAChD,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjDoBX,sBAAsB,CAAA;;;;"}

package/dist/components/hds/breadcrumb/item.js

@@ -4,7 +4,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<li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n  {{#if @current}}\n    <div class=\"hds-breadcrumb__current\">\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </div>\n  {{else}}\n    {{#if @isRouteExternal}}\n      <LinkToExternal\n        class=\"hds-breadcrumb__link\"\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      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkToExternal>\n    {{else}}\n      <LinkTo\n        class=\"hds-breadcrumb__link\"\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      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkTo>\n    {{/if}}\n  {{/if}}\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n  {{#if @current}}\n    <div class=\"hds-breadcrumb__current\">\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </div>\n  {{else}}\n    {{#if @isRouteExternal}}\n      <LinkToExternal\n        class=\"hds-breadcrumb__link\"\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      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkToExternal>\n    {{else}}\n      <LinkTo\n        class=\"hds-breadcrumb__link\"\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      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <FlightIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkTo>\n    {{/if}}\n  {{/if}}\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
@@ -19,7 +19,7 @@ class HdsBreadcrumbItemComponent extends Component {
    * @description A parameter that can be applied to an "item" to limit its max-width
    */
   get maxWidth() {
-    let {
+    const {
       maxWidth
     } = this.args;
     if (maxWidth) {
@@ -49,7 +49,7 @@ class HdsBreadcrumbItemComponent extends Component {
    * @return {string} The "class" attribute to apply to the component.
    */
   get classNames() {
-    let classes = ['hds-breadcrumb__item'];
+    const classes = ['hds-breadcrumb__item'];
     return classes.join(' ');
   }
 }

package/dist/components/hds/breadcrumb/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.hbs","../../../../src/components/hds/breadcrumb/item.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 class=\\\"hds-breadcrumb__item\\\" style={{this.itemStyle}} ...attributes>\\n  {{#if @current}}\\n    <div class=\\\"hds-breadcrumb__current\\\">\\n      {{#if @icon}}\\n        <div class=\\\"hds-breadcrumb__icon\\\">\\n          <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n        </div>\\n      {{/if}}\\n      <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n    </div>\\n  {{else}}\\n    {{#if @isRouteExternal}}\\n      <LinkToExternal\\n        class=\\\"hds-breadcrumb__link\\\"\\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      >\\n        {{#if @icon}}\\n          <div class=\\\"hds-breadcrumb__icon\\\">\\n            <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n          </div>\\n        {{/if}}\\n        <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n      </LinkToExternal>\\n    {{else}}\\n      <LinkTo\\n        class=\\\"hds-breadcrumb__link\\\"\\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      >\\n        {{#if @icon}}\\n          <div class=\\\"hds-breadcrumb__icon\\\">\\n            <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n          </div>\\n        {{/if}}\\n        <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n      </LinkTo>\\n    {{/if}}\\n  {{/if}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\n\nexport default class HdsBreadcrumbItemComponent extends Component {\n  /**\n   * @param maxWidth\n   * @type {string}\n   * @default undefined\n   * @description A parameter that can be applied to an \"item\" to limit its max-width\n   */\n  get maxWidth() {\n    let { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method BreadcrumbItem#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle() {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method BreadcrumbItem#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames() {\n    let classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsBreadcrumbItemComponent","Component","maxWidth","args","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,6nDAA6nD;;ACD/pD;AACA;AACA;AACA;;AAMe,MAAMA,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAG;IACb,IAAI;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACC,IAAI,CAAA;AAE5B,IAAA,IAAID,QAAQ,EAAE;MACZE,MAAM,CACJ,CAAwHF,qHAAAA,EAAAA,QAAQ,CAAE,CAAA,EAClIA,QAAQ,CAACG,KAAK,CAAC,cAAc,CAC/B,CAAC,CAAA;AAED,MAAA,OAAOH,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS,CAAA;AAClB,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;IACd,IAAI,IAAI,CAACL,QAAQ,EAAE;AACjB,MAAA,OAAOM,QAAQ,CAAC,CAAA,WAAA,EAAc,IAAI,CAACN,QAAQ,EAAE,CAAC,CAAA;AAChD,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS,CAAA;AAClB,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,sBAAsB,CAAC,CAAA;AAEtC,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA7CoBb,0BAA0B,CAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.hbs","../../../../src/components/hds/breadcrumb/item.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 class=\\\"hds-breadcrumb__item\\\" style={{this.itemStyle}} ...attributes>\\n  {{#if @current}}\\n    <div class=\\\"hds-breadcrumb__current\\\">\\n      {{#if @icon}}\\n        <div class=\\\"hds-breadcrumb__icon\\\">\\n          <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n        </div>\\n      {{/if}}\\n      <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n    </div>\\n  {{else}}\\n    {{#if @isRouteExternal}}\\n      <LinkToExternal\\n        class=\\\"hds-breadcrumb__link\\\"\\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      >\\n        {{#if @icon}}\\n          <div class=\\\"hds-breadcrumb__icon\\\">\\n            <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n          </div>\\n        {{/if}}\\n        <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n      </LinkToExternal>\\n    {{else}}\\n      <LinkTo\\n        class=\\\"hds-breadcrumb__link\\\"\\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      >\\n        {{#if @icon}}\\n          <div class=\\\"hds-breadcrumb__icon\\\">\\n            <FlightIcon @name={{@icon}} @size=\\\"16\\\" @stretched={{true}} />\\n          </div>\\n        {{/if}}\\n        <span class=\\\"hds-breadcrumb__text\\\">{{@text}}</span>\\n      </LinkTo>\\n    {{/if}}\\n  {{/if}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\nimport type { SafeString } from '@ember/template/-private/handlebars';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: FlightIconSignature['Args']['name'];\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItemComponent extends Component<HdsBreadcrumbItemSignature> {\n  /**\n   * @param maxWidth\n   * @type {string}\n   * @default undefined\n   * @description A parameter that can be applied to an \"item\" to limit its max-width\n   */\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method BreadcrumbItem#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method BreadcrumbItem#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsBreadcrumbItemComponent","Component","maxWidth","args","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,olDAAolD;;ACDtnD;AACA;AACA;AACA;;AAyBe,MAAMA,0BAA0B,SAASC,SAAS,CAA6B;AAC5F;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,QAAQA,GAAuB;IACjC,MAAM;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACC,IAAI,CAAA;AAE9B,IAAA,IAAID,QAAQ,EAAE;MACZE,MAAM,CACJ,CAAwHF,qHAAAA,EAAAA,QAAQ,CAAE,CAAA,EAClIA,QAAQ,CAACG,KAAK,CAAC,cAAc,CAC/B,CAAC,CAAA;AAED,MAAA,OAAOH,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS,CAAA;AAClB,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAA2B;IACtC,IAAI,IAAI,CAACL,QAAQ,EAAE;AACjB,MAAA,OAAOM,QAAQ,CAAC,CAAA,WAAA,EAAc,IAAI,CAACN,QAAQ,EAAE,CAAC,CAAA;AAChD,KAAC,MAAM;AACL,MAAA,OAAOI,SAAS,CAAA;AAClB,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,CAAC,CAAA;AAExC,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA7CoBb,0BAA0B,CAAA;;;;"}

package/dist/components/hds/breadcrumb/truncation.js

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 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 class=\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\" ...attributes>\n  <Hds::MenuPrimitive>\n    <:toggle as |t|>\n      <button\n        type=\"button\"\n        class=\"hds-breadcrumb__truncation-toggle\"\n        aria-label={{this.ariaLabel}}\n        aria-expanded={{if t.isOpen \"true\" \"false\"}}\n        {{on \"click\" t.onClickToggle}}\n      >\n        <FlightIcon @name=\"more-horizontal\" @size=\"16\" @isInlineBlock={{false}} />\n      </button>\n    </:toggle>\n    <:content>\n      <div class=\"hds-breadcrumb__truncation-content\">\n        <ol class=\"hds-breadcrumb__sublist\">\n          {{yield}}\n        </ol>\n      </div>\n    </:content>\n  </Hds::MenuPrimitive>\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\" ...attributes>\n  <Hds::MenuPrimitive>\n    <:toggle as |t|>\n      <button\n        type=\"button\"\n        class=\"hds-breadcrumb__truncation-toggle\"\n        aria-label={{this.ariaLabel}}\n        aria-expanded={{if t.isOpen \"true\" \"false\"}}\n        {{on \"click\" t.onClickToggle}}\n      >\n        <FlightIcon @name=\"more-horizontal\" @size=\"16\" @isInlineBlock={{false}} />\n      </button>\n    </:toggle>\n    <:content>\n      <div class=\"hds-breadcrumb__truncation-content\">\n        <ol class=\"hds-breadcrumb__sublist\">\n          {{yield}}\n        </ol>\n      </div>\n    </:content>\n  </Hds::MenuPrimitive>\n</li>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

package/dist/components/hds/breadcrumb/truncation.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.hbs","../../../../src/components/hds/breadcrumb/truncation.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 class=\\\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\\\" ...attributes>\\n  <Hds::MenuPrimitive>\\n    <:toggle as |t|>\\n      <button\\n        type=\\\"button\\\"\\n        class=\\\"hds-breadcrumb__truncation-toggle\\\"\\n        aria-label={{this.ariaLabel}}\\n        aria-expanded={{if t.isOpen \\\"true\\\" \\\"false\\\"}}\\n        {{on \\\"click\\\" t.onClickToggle}}\\n      >\\n        <FlightIcon @name=\\\"more-horizontal\\\" @size=\\\"16\\\" @isInlineBlock={{false}} />\\n      </button>\\n    </:toggle>\\n    <:content>\\n      <div class=\\\"hds-breadcrumb__truncation-content\\\">\\n        <ol class=\\\"hds-breadcrumb__sublist\\\">\\n          {{yield}}\\n        </ol>\\n      </div>\\n    </:content>\\n  </Hds::MenuPrimitive>\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport default class HdsBreadcrumbTruncationComponent extends Component {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'show more'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'show more';\n  }\n}\n"],"names":["HdsBreadcrumbTruncationComponent","Component","ariaLabel","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,m0BAAm0B;;ACDr2B;AACA;AACA;AACA;;AAIe,MAAMA,gCAAgC,SAASC,SAAS,CAAC;AACtE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAW,CAAA;AAC3C,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAToBL,gCAAgC,CAAA;;;;"}
+{"version":3,"file":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.hbs","../../../../src/components/hds/breadcrumb/truncation.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 class=\\\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\\\" ...attributes>\\n  <Hds::MenuPrimitive>\\n    <:toggle as |t|>\\n      <button\\n        type=\\\"button\\\"\\n        class=\\\"hds-breadcrumb__truncation-toggle\\\"\\n        aria-label={{this.ariaLabel}}\\n        aria-expanded={{if t.isOpen \\\"true\\\" \\\"false\\\"}}\\n        {{on \\\"click\\\" t.onClickToggle}}\\n      >\\n        <FlightIcon @name=\\\"more-horizontal\\\" @size=\\\"16\\\" @isInlineBlock={{false}} />\\n      </button>\\n    </:toggle>\\n    <:content>\\n      <div class=\\\"hds-breadcrumb__truncation-content\\\">\\n        <ol class=\\\"hds-breadcrumb__sublist\\\">\\n          {{yield}}\\n        </ol>\\n      </div>\\n    </:content>\\n  </Hds::MenuPrimitive>\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsBreadcrumbTruncationSignature {\n  Args: {\n    ariaLabel?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbTruncationComponent extends Component<HdsBreadcrumbTruncationSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'show more'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'show more';\n  }\n}\n"],"names":["HdsBreadcrumbTruncationComponent","Component","ariaLabel","args","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,0xBAA0xB;;ACD5zB;AACA;AACA;AACA;;AAce,MAAMA,gCAAgC,SAASC,SAAS,CAAmC;AACxG;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAW,CAAA;AAC3C,GAAA;AACF,CAAA;AAACE,oBAAA,CAAAC,QAAA,EAToBL,gCAAgC,CAAA;;;;"}