@hashicorp/design-system-components 4.15.0 → 4.17.0

package/dist/components/hds/advanced-table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/advanced-table/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base.ts';\n\nexport enum HdsAdvancedTableDensityValues {\n  Default = 'default',\n  Medium = 'medium',\n  Short = 'short',\n  Tall = 'tall',\n}\nexport type HdsAdvancedTableDensities = `${HdsAdvancedTableDensityValues}`;\n\nexport enum HdsAdvancedTableHorizontalAlignmentValues {\n  Center = 'center',\n  Left = 'left',\n  Right = 'right',\n}\nexport type HdsAdvancedTableHorizontalAlignment =\n  `${HdsAdvancedTableHorizontalAlignmentValues}`;\n\nexport enum HdsAdvancedTableScopeValues {\n  Col = 'col',\n  Row = 'row',\n}\nexport type HdsAdvancedTableScope = `${HdsAdvancedTableScopeValues}`;\n\nexport enum HdsAdvancedTableThExpandIconValues {\n  ChevronRight = 'chevron-right',\n  ChevronDown = 'chevron-down',\n}\nexport type HdsAdvancedTableThSortExpandIcons =\n  `${HdsAdvancedTableThExpandIconValues}`;\n\nexport enum HdsAdvancedTableThSortOrderIconValues {\n  ArrowDown = 'arrow-down',\n  ArrowUp = 'arrow-up',\n  SwapVertical = 'swap-vertical',\n}\nexport type HdsAdvancedTableThSortOrderIcons =\n  `${HdsAdvancedTableThSortOrderIconValues}`;\n\nexport enum HdsAdvancedTableThSortOrderLabelValues {\n  Asc = 'ascending',\n  Desc = 'descending',\n  None = 'none',\n}\nexport type HdsAdvancedTableThSortOrderLabels =\n  `${HdsAdvancedTableThSortOrderLabelValues}`;\n\nexport enum HdsAdvancedTableThSortOrderValues {\n  Asc = 'asc',\n  Desc = 'desc',\n}\nexport type HdsAdvancedTableThSortOrder =\n  `${HdsAdvancedTableThSortOrderValues}`;\n\nexport enum HdsAdvancedTableVerticalAlignmentValues {\n  Baseline = 'baseline',\n  Middle = 'middle',\n  Top = 'top',\n}\nexport type HdsAdvancedTableVerticalAlignment =\n  `${HdsAdvancedTableVerticalAlignmentValues}`;\n\nexport type HdsAdvancedTableSelectableRow = {\n  checkbox: HdsFormCheckboxBaseSignature['Element'];\n  selectionKey: string;\n};\n\ninterface BaseHdsAdvancedTableColumn {\n  align?: HdsAdvancedTableHorizontalAlignment;\n  isVisuallyHidden?: boolean;\n  label: string;\n  sortingFunction?: HdsAdvancedTableSortingFunction<unknown>;\n  tooltip?: string;\n  width?: string;\n}\n\ninterface SortableHdsAdvancedTableColumn extends BaseHdsAdvancedTableColumn {\n  isSortable: true;\n  key: string;\n}\n\ninterface NonSortableHdsAdvancedTableColumn extends BaseHdsAdvancedTableColumn {\n  isSortable?: false;\n  key?: string;\n}\n\nexport type HdsAdvancedTableColumn =\n  | SortableHdsAdvancedTableColumn\n  | NonSortableHdsAdvancedTableColumn;\n\nexport type HdsAdvancedTableSortingFunction<T> = (a: T, b: T) => number;\n\nexport interface HdsAdvancedTableOnSelectionChangeSignature {\n  selectionKey?: string;\n  selectionCheckboxElement?: HdsFormCheckboxBaseSignature['Element'];\n  selectedRowsKeys: string[];\n  selectableRowsStates: {\n    selectionKey: string;\n    isSelected?: boolean;\n  }[];\n}\n\nexport type HdsAdvancedTableModel = Array<Record<string, unknown>>;\n"],"names":["HdsAdvancedTableDensityValues","HdsAdvancedTableHorizontalAlignmentValues","HdsAdvancedTableScopeValues","HdsAdvancedTableThExpandIconValues","HdsAdvancedTableThSortOrderIconValues","HdsAdvancedTableThSortOrderLabelValues","HdsAdvancedTableThSortOrderValues","HdsAdvancedTableVerticalAlignmentValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAIYA,IAAAA,6BAA6B,0BAA7BA,6BAA6B,EAAA;EAA7BA,6BAA6B,CAAA,SAAA,CAAA,GAAA,SAAA;EAA7BA,6BAA6B,CAAA,QAAA,CAAA,GAAA,QAAA;EAA7BA,6BAA6B,CAAA,OAAA,CAAA,GAAA,OAAA;EAA7BA,6BAA6B,CAAA,MAAA,CAAA,GAAA,MAAA;AAAA,EAAA,OAA7BA,6BAA6B;AAAA,CAAA,CAAA,EAAA;AAQ7BC,IAAAA,yCAAyC,0BAAzCA,yCAAyC,EAAA;EAAzCA,yCAAyC,CAAA,QAAA,CAAA,GAAA,QAAA;EAAzCA,yCAAyC,CAAA,MAAA,CAAA,GAAA,MAAA;EAAzCA,yCAAyC,CAAA,OAAA,CAAA,GAAA,OAAA;AAAA,EAAA,OAAzCA,yCAAyC;AAAA,CAAA,CAAA,EAAA;AAQzCC,IAAAA,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,KAAA,CAAA,GAAA,KAAA;EAA3BA,2BAA2B,CAAA,KAAA,CAAA,GAAA,KAAA;AAAA,EAAA,OAA3BA,2BAA2B;AAAA,CAAA,CAAA,EAAA;AAM3BC,IAAAA,kCAAkC,0BAAlCA,kCAAkC,EAAA;EAAlCA,kCAAkC,CAAA,cAAA,CAAA,GAAA,eAAA;EAAlCA,kCAAkC,CAAA,aAAA,CAAA,GAAA,cAAA;AAAA,EAAA,OAAlCA,kCAAkC;AAAA,CAAA,CAAA,EAAA;AAOlCC,IAAAA,qCAAqC,0BAArCA,qCAAqC,EAAA;EAArCA,qCAAqC,CAAA,WAAA,CAAA,GAAA,YAAA;EAArCA,qCAAqC,CAAA,SAAA,CAAA,GAAA,UAAA;EAArCA,qCAAqC,CAAA,cAAA,CAAA,GAAA,eAAA;AAAA,EAAA,OAArCA,qCAAqC;AAAA,CAAA,CAAA,EAAA;AAQrCC,IAAAA,sCAAsC,0BAAtCA,sCAAsC,EAAA;EAAtCA,sCAAsC,CAAA,KAAA,CAAA,GAAA,WAAA;EAAtCA,sCAAsC,CAAA,MAAA,CAAA,GAAA,YAAA;EAAtCA,sCAAsC,CAAA,MAAA,CAAA,GAAA,MAAA;AAAA,EAAA,OAAtCA,sCAAsC;AAAA,CAAA,CAAA,EAAA;AAQtCC,IAAAA,iCAAiC,0BAAjCA,iCAAiC,EAAA;EAAjCA,iCAAiC,CAAA,KAAA,CAAA,GAAA,KAAA;EAAjCA,iCAAiC,CAAA,MAAA,CAAA,GAAA,MAAA;AAAA,EAAA,OAAjCA,iCAAiC;AAAA,CAAA,CAAA,EAAA;AAOjCC,IAAAA,uCAAuC,0BAAvCA,uCAAuC,EAAA;EAAvCA,uCAAuC,CAAA,UAAA,CAAA,GAAA,UAAA;EAAvCA,uCAAuC,CAAA,QAAA,CAAA,GAAA,QAAA;EAAvCA,uCAAuC,CAAA,KAAA,CAAA,GAAA,KAAA;AAAA,EAAA,OAAvCA,uCAAuC;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../src/components/hds/alert/description.hbs","../../../../src/components/hds/alert/description.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-alert__description hds-font-weight-regular hds-foreground-primary\\\" ...attributes>{{yield}}</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 HdsAlertDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsAlertDescription =\n  TemplateOnlyComponent<HdsAlertDescriptionSignature>();\n\nexport default HdsAlertDescription;\n"],"names":["HdsAlertDescription","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kMAAkM;;ACDpO;AACA;AACA;AACA;;AAWA,MAAMA,mBAAmB,GACvBC,qBAAqB,EAAgC;AAEvD,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,mBAAmB,CAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/alert/description.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAlertDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsAlertDescription =\n  TemplateOnlyComponent<HdsAlertDescriptionSignature>();\n\nexport default HdsAlertDescription;\n"],"names":["HdsAlertDescription","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,mBAAmB,GACvBC,qBAAqB,EAAgC;AAEvD,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,mBAAmB,CAAA;;;;"}

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

@@ -1,4 +1,3 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { assert } from '@ember/debug';
@@ -6,11 +5,16 @@ import { guidFor } from '@ember/object/internals';
 import { tracked } from '@glimmer/tracking';
 import { HdsAlertTypeValues, HdsAlertColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
+import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div\n  class={{this.classNames}}\n  role={{this._role}}\n  aria-live={{if this._role \"polite\"}}\n  aria-labelledby={{this._ariaLabelledBy}}\n  {{did-insert this.didInsert}}\n  ...attributes\n>\n  {{#if this.icon}}\n    <div class=\"hds-alert__icon\">\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\n    </div>\n  {{/if}}\n\n  <div class=\"hds-alert__content\">\n    <div class=\"hds-alert__text {{if (eq @type \'compact\') \'hds-typography-body-100\' \'hds-typography-body-200\'}}\">\n      {{yield (hash Title=(component \"hds/alert/title\"))}}\n      {{yield (hash Description=(component \"hds/alert/description\"))}}\n    </div>\n\n    <div class=\"hds-alert__actions\">\n      {{yield\n        (hash\n          Button=(component \"hds/button\" size=\"small\") LinkStandalone=(component \"hds/link/standalone\" size=\"small\")\n        )\n      }}\n    </div>\n    {{yield (hash Generic=(component \"hds/yield\"))}}\n  </div>\n\n  {{#if this.onDismiss}}\n    <Hds::DismissButton class=\"hds-alert__dismiss\" {{on \"click\" this.onDismiss}} />\n  {{/if}}\n</div>");
 
-var _class, _descriptor, _descriptor2;
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
 const TYPES = Object.values(HdsAlertTypeValues);
 const DEFAULT_COLOR = HdsAlertColorValues.Neutral;
 const COLORS = Object.values(HdsAlertColorValues);
@@ -24,11 +28,17 @@ const MAPPING_COLORS_TO_ICONS = {
 const CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';
 const TITLE_ELEMENT_SELECTOR = '.hds-alert__title';
 const DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';
-let HdsAlert = (_class = class HdsAlert extends Component {
+class HdsAlert extends Component {
+  static {
+    g(this.prototype, "_role", [tracked]);
+  }
+  #_role = (i(this, "_role"), undefined);
+  static {
+    g(this.prototype, "_ariaLabelledBy", [tracked]);
+  }
+  #_ariaLabelledBy = (i(this, "_ariaLabelledBy"), undefined);
   constructor(owner, args) {
     super(owner, args);
-    _initializerDefineProperty(this, "_role", _descriptor, this);
-    _initializerDefineProperty(this, "_ariaLabelledBy", _descriptor2, this);
     assert(`@type for "Hds::Alert" must be one of the following: ${TYPES.join(', ')}; received: ${this.args.type}`, TYPES.includes(this.args.type));
   }
 
@@ -116,17 +126,10 @@ let HdsAlert = (_class = class HdsAlert extends Component {
       this._ariaLabelledBy = labelId;
     }
   }
-}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_role", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_ariaLabelledBy", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype), _class);
+  static {
+    n(this.prototype, "didInsert", [action]);
+  }
+}
 setComponentTemplate(TEMPLATE, HdsAlert);
 
 export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlert as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/alert/index.hbs","../../../../src/components/hds/alert/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\\n  class={{this.classNames}}\\n  role={{this._role}}\\n  aria-live={{if this._role \\\"polite\\\"}}\\n  aria-labelledby={{this._ariaLabelledBy}}\\n  {{did-insert this.didInsert}}\\n  ...attributes\\n>\\n  {{#if this.icon}}\\n    <div class=\\\"hds-alert__icon\\\">\\n      <Hds::Icon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} />\\n    </div>\\n  {{/if}}\\n\\n  <div class=\\\"hds-alert__content\\\">\\n    <div class=\\\"hds-alert__text {{if (eq @type \\'compact\\') \\'hds-typography-body-100\\' \\'hds-typography-body-200\\'}}\\\">\\n      {{yield (hash Title=(component \\\"hds/alert/title\\\"))}}\\n      {{yield (hash Description=(component \\\"hds/alert/description\\\"))}}\\n    </div>\\n\\n    <div class=\\\"hds-alert__actions\\\">\\n      {{yield\\n        (hash\\n          Button=(component \\\"hds/button\\\" size=\\\"small\\\") LinkStandalone=(component \\\"hds/link/standalone\\\" size=\\\"small\\\")\\n        )\\n      }}\\n    </div>\\n    {{yield (hash Generic=(component \\\"hds/yield\\\"))}}\\n  </div>\\n\\n  {{#if this.onDismiss}}\\n    <Hds::DismissButton class=\\\"hds-alert__dismiss\\\" {{on \\\"click\\\" this.onDismiss}} />\\n  {{/if}}\\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 { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\n\nimport { HdsAlertColorValues, HdsAlertTypeValues } from './types.ts';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type HdsButtonComponent from '../button';\nimport type HdsLinkStandaloneComponent from '../link/standalone';\nimport type { HdsYieldSignature } from '../yield';\nimport type { HdsAlertColors, HdsAlertTypes } from './types.ts';\nimport type { HdsAlertTitleSignature } from './title.ts';\nimport type { HdsAlertDescriptionSignature } from './description.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport const TYPES: string[] = Object.values(HdsAlertTypeValues);\nexport const DEFAULT_COLOR = HdsAlertColorValues.Neutral;\nexport const COLORS: string[] = Object.values(HdsAlertColorValues);\n\nexport const MAPPING_COLORS_TO_ICONS = {\n  [HdsAlertColorValues.Neutral]: 'info',\n  [HdsAlertColorValues.Highlight]: 'info',\n  [HdsAlertColorValues.Success]: 'check-circle',\n  [HdsAlertColorValues.Warning]: 'alert-triangle',\n  [HdsAlertColorValues.Critical]: 'alert-diamond',\n} as const;\n\nconst CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';\nconst TITLE_ELEMENT_SELECTOR = '.hds-alert__title';\nconst DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';\n\nexport interface HdsAlertSignature {\n  Args: {\n    type: HdsAlertTypes;\n    color?: HdsAlertColors;\n    icon?: HdsIconSignature['Args']['name'] | false;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onDismiss?: (event: MouseEvent, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: ComponentLike<HdsAlertTitleSignature>;\n        Description?: ComponentLike<HdsAlertDescriptionSignature>;\n        Generic?: ComponentLike<HdsYieldSignature>;\n        LinkStandalone?: WithBoundArgs<\n          typeof HdsLinkStandaloneComponent,\n          'size'\n        >;\n        Button?: WithBoundArgs<typeof HdsButtonComponent, 'size'>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAlert extends Component<HdsAlertSignature> {\n  @tracked private _role?: string;\n  @tracked private _ariaLabelledBy?: string;\n\n  constructor(owner: unknown, args: HdsAlertSignature['Args']) {\n    super(owner, args);\n\n    assert(\n      `@type for \"Hds::Alert\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${this.args.type}`,\n      TYPES.includes(this.args.type)\n    );\n  }\n\n  // Determines the color scheme for the alert.\n  get color(): HdsAlertColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Alert\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  // The name of the icon to be used.\n  get icon(): HdsIconSignature['Args']['name'] | false {\n    const { icon } = this.args;\n\n    // If `icon` isn't passed, use the pre-defined one from `color`\n    if (icon === undefined) {\n      if (this.args.type === 'compact') {\n        // for the \"compact\" type by default we use filled icons\n        return `${MAPPING_COLORS_TO_ICONS[this.color]}-fill`;\n      } else {\n        // for all the other types by default we use outlined icons\n        return MAPPING_COLORS_TO_ICONS[this.color];\n      }\n      // If `icon` is set explicitly to false, user doesn't want any icon in the alert\n    } else if (icon === false) {\n      assert(\n        `@icon for \"Hds::Alert\" with @type \"compact\" is required`,\n        this.args.type !== 'compact'\n      );\n\n      return false;\n    } else {\n      // If a name for `icon` is passed, set HdsIcon to that name\n      return icon;\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): ((event: MouseEvent, ...args: any[]) => void) | false {\n    const { onDismiss } = this.args;\n\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return false;\n    }\n  }\n\n  // Ensures that the correct icon size is used. Automatically calculated.\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.type === 'compact') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-alert'];\n\n    // Add a class based on the @type argument\n    classes.push(`hds-alert--type-${this.args.type}`);\n\n    // Add a class based on the @color argument\n    classes.push(`hds-alert--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  didInsert(element: HTMLDivElement): void {\n    const actions = element.querySelectorAll(\n      `${CONTENT_ELEMENT_SELECTOR} button, ${CONTENT_ELEMENT_SELECTOR} a`\n    );\n\n    // an Alert which actually alerts users (has role=\"alert\" & aria-live=\"polite\") as opposed to an informational or promo \"alert\"\n    const isSemanticAlert: boolean =\n      this.color === 'warning' ||\n      this.color === 'critical' ||\n      this.color === 'success';\n\n    if (isSemanticAlert && actions.length) {\n      this._role = 'alertdialog';\n    } else if (isSemanticAlert) {\n      this._role = 'alert';\n    }\n\n    // `alertdialog` must have an accessible name so we use either the\n    // title or the description as label for the alert\n    const label =\n      element.querySelector(TITLE_ELEMENT_SELECTOR) ||\n      element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);\n    if (label) {\n      const labelId = label.getAttribute('id') || guidFor(element);\n      label.setAttribute('id', labelId);\n      this._ariaLabelledBy = labelId;\n    }\n  }\n}\n"],"names":["TYPES","Object","values","HdsAlertTypeValues","DEFAULT_COLOR","HdsAlertColorValues","Neutral","COLORS","MAPPING_COLORS_TO_ICONS","Highlight","Success","Warning","Critical","CONTENT_ELEMENT_SELECTOR","TITLE_ELEMENT_SELECTOR","DESCRIPTION_ELEMENT_SELECTOR","HdsAlert","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","assert","join","type","includes","color","icon","undefined","onDismiss","iconSize","classNames","classes","push","didInsert","element","actions","querySelectorAll","isSemanticAlert","length","_role","label","querySelector","labelId","getAttribute","guidFor","setAttribute","_ariaLabelledBy","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/alert/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\n\nimport { HdsAlertColorValues, HdsAlertTypeValues } from './types.ts';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type HdsButtonComponent from '../button';\nimport type HdsLinkStandaloneComponent from '../link/standalone';\nimport type { HdsYieldSignature } from '../yield';\nimport type { HdsAlertColors, HdsAlertTypes } from './types.ts';\nimport type { HdsAlertTitleSignature } from './title.ts';\nimport type { HdsAlertDescriptionSignature } from './description.ts';\nimport type { HdsIconSignature } from '../icon';\nimport type Owner from '@ember/owner';\n\nexport const TYPES: string[] = Object.values(HdsAlertTypeValues);\nexport const DEFAULT_COLOR = HdsAlertColorValues.Neutral;\nexport const COLORS: string[] = Object.values(HdsAlertColorValues);\n\nexport const MAPPING_COLORS_TO_ICONS = {\n  [HdsAlertColorValues.Neutral]: 'info',\n  [HdsAlertColorValues.Highlight]: 'info',\n  [HdsAlertColorValues.Success]: 'check-circle',\n  [HdsAlertColorValues.Warning]: 'alert-triangle',\n  [HdsAlertColorValues.Critical]: 'alert-diamond',\n} as const;\n\nconst CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';\nconst TITLE_ELEMENT_SELECTOR = '.hds-alert__title';\nconst DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';\n\nexport interface HdsAlertSignature {\n  Args: {\n    type: HdsAlertTypes;\n    color?: HdsAlertColors;\n    icon?: HdsIconSignature['Args']['name'] | false;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onDismiss?: (event: MouseEvent, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: ComponentLike<HdsAlertTitleSignature>;\n        Description?: ComponentLike<HdsAlertDescriptionSignature>;\n        Generic?: ComponentLike<HdsYieldSignature>;\n        LinkStandalone?: WithBoundArgs<\n          typeof HdsLinkStandaloneComponent,\n          'size'\n        >;\n        Button?: WithBoundArgs<typeof HdsButtonComponent, 'size'>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAlert extends Component<HdsAlertSignature> {\n  @tracked private _role?: string;\n  @tracked private _ariaLabelledBy?: string;\n\n  constructor(owner: Owner, args: HdsAlertSignature['Args']) {\n    super(owner, args);\n\n    assert(\n      `@type for \"Hds::Alert\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${this.args.type}`,\n      TYPES.includes(this.args.type)\n    );\n  }\n\n  // Determines the color scheme for the alert.\n  get color(): HdsAlertColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Alert\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  // The name of the icon to be used.\n  get icon(): HdsIconSignature['Args']['name'] | false {\n    const { icon } = this.args;\n\n    // If `icon` isn't passed, use the pre-defined one from `color`\n    if (icon === undefined) {\n      if (this.args.type === 'compact') {\n        // for the \"compact\" type by default we use filled icons\n        return `${MAPPING_COLORS_TO_ICONS[this.color]}-fill`;\n      } else {\n        // for all the other types by default we use outlined icons\n        return MAPPING_COLORS_TO_ICONS[this.color];\n      }\n      // If `icon` is set explicitly to false, user doesn't want any icon in the alert\n    } else if (icon === false) {\n      assert(\n        `@icon for \"Hds::Alert\" with @type \"compact\" is required`,\n        this.args.type !== 'compact'\n      );\n\n      return false;\n    } else {\n      // If a name for `icon` is passed, set HdsIcon to that name\n      return icon;\n    }\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onDismiss(): ((event: MouseEvent, ...args: any[]) => void) | false {\n    const { onDismiss } = this.args;\n\n    if (typeof onDismiss === 'function') {\n      return onDismiss;\n    } else {\n      return false;\n    }\n  }\n\n  // Ensures that the correct icon size is used. Automatically calculated.\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.type === 'compact') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-alert'];\n\n    // Add a class based on the @type argument\n    classes.push(`hds-alert--type-${this.args.type}`);\n\n    // Add a class based on the @color argument\n    classes.push(`hds-alert--color-${this.color}`);\n\n    return classes.join(' ');\n  }\n\n  @action\n  didInsert(element: HTMLDivElement): void {\n    const actions = element.querySelectorAll(\n      `${CONTENT_ELEMENT_SELECTOR} button, ${CONTENT_ELEMENT_SELECTOR} a`\n    );\n\n    // an Alert which actually alerts users (has role=\"alert\" & aria-live=\"polite\") as opposed to an informational or promo \"alert\"\n    const isSemanticAlert: boolean =\n      this.color === 'warning' ||\n      this.color === 'critical' ||\n      this.color === 'success';\n\n    if (isSemanticAlert && actions.length) {\n      this._role = 'alertdialog';\n    } else if (isSemanticAlert) {\n      this._role = 'alert';\n    }\n\n    // `alertdialog` must have an accessible name so we use either the\n    // title or the description as label for the alert\n    const label =\n      element.querySelector(TITLE_ELEMENT_SELECTOR) ||\n      element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);\n    if (label) {\n      const labelId = label.getAttribute('id') || guidFor(element);\n      label.setAttribute('id', labelId);\n      this._ariaLabelledBy = labelId;\n    }\n  }\n}\n"],"names":["TYPES","Object","values","HdsAlertTypeValues","DEFAULT_COLOR","HdsAlertColorValues","Neutral","COLORS","MAPPING_COLORS_TO_ICONS","Highlight","Success","Warning","Critical","CONTENT_ELEMENT_SELECTOR","TITLE_ELEMENT_SELECTOR","DESCRIPTION_ELEMENT_SELECTOR","HdsAlert","Component","g","prototype","tracked","i","void 0","constructor","owner","args","assert","join","type","includes","color","icon","undefined","onDismiss","iconSize","classNames","classes","push","didInsert","element","actions","querySelectorAll","isSemanticAlert","length","_role","label","querySelector","labelId","getAttribute","guidFor","setAttribute","_ariaLabelledBy","n","action","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/alert/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../src/components/hds/alert/title.hbs","../../../../src/components/hds/alert/title.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we removed any extra newlines before/after the `let` to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/1652) }}\\n{{#let (element this.componentTag) as |Tag|}}<Tag\\n    class=\\\"hds-alert__title hds-typography-body-200 hds-font-weight-semibold\\\"\\n    ...attributes\\n  >{{yield}}</Tag>{{/let}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { HdsAlertTitleTagValues } from './types.ts';\nimport type { HdsAlertTitleTags } from './types';\nexport interface HdsAlertTitleSignature {\n  Args: {\n    tag?: HdsAlertTitleTags;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAlertTitle extends Component<HdsAlertTitleSignature> {\n  get componentTag(): HdsAlertTitleTags {\n    return this.args.tag ?? HdsAlertTitleTagValues.Div;\n  }\n}\n"],"names":["HdsAlertTitle","Component","componentTag","args","tag","HdsAlertTitleTagValues","Div","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,qbAAqb;;ACDvd;AACA;AACA;AACA;;AAee,MAAMA,aAAa,SAASC,SAAS,CAAyB;EAC3E,IAAIC,YAAYA,GAAsB;IACpC,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAIC,sBAAsB,CAACC,GAAG;AACpD;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBR,aAAa,CAAA;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../src/components/hds/alert/title.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { HdsAlertTitleTagValues } from './types.ts';\nimport type { HdsAlertTitleTags } from './types';\nexport interface HdsAlertTitleSignature {\n  Args: {\n    tag?: HdsAlertTitleTags;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAlertTitle extends Component<HdsAlertTitleSignature> {\n  get componentTag(): HdsAlertTitleTags {\n    return this.args.tag ?? HdsAlertTitleTagValues.Div;\n  }\n}\n"],"names":["HdsAlertTitle","Component","componentTag","args","tag","HdsAlertTitleTagValues","Div","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAee,MAAMA,aAAa,SAASC,SAAS,CAAyB;EAC3E,IAAIC,YAAYA,GAAsB;IACpC,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAIC,sBAAsB,CAACC,GAAG;AACpD;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBR,aAAa,CAAA;;;;"}

package/dist/components/hds/app-footer/copyright.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyright.js","sources":["../../../../src/components/hds/app-footer/copyright.hbs","../../../../src/components/hds/app-footer/copyright.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-app-footer__copyright\\\" ...attributes>\\n  <Hds::Icon @name=\\\"hashicorp\\\" />\\n  <Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\">© {{this.year}} HashiCorp</Hds::Text::Body>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterCopyrightSignature {\n  Args: {\n    year?: string;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFooterCopyright extends Component<HdsAppFooterCopyrightSignature> {\n  /**\n   * @param year\n   * @type {string}\n   * @description The copyright year\n   * @default The current year (calculated via `Date()`)\n   */\n  get year(): string | number {\n    return this.args.year ?? new Date().getFullYear();\n  }\n}\n"],"names":["HdsAppFooterCopyright","Component","year","args","Date","getFullYear","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kRAAkR;;ACDpT;AACA;AACA;AACA;;AAWe,MAAMA,qBAAqB,SAASC,SAAS,CAAiC;AAC3F;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAoB;AAC1B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAIE,IAAI,EAAE,CAACC,WAAW,EAAE;AACnD;AACF;AAACC,oBAAA,CAAAC,QAAA,EAVoBP,qBAAqB,CAAA;;;;"}
+{"version":3,"file":"copyright.js","sources":["../../../../src/components/hds/app-footer/copyright.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterCopyrightSignature {\n  Args: {\n    year?: string;\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFooterCopyright extends Component<HdsAppFooterCopyrightSignature> {\n  /**\n   * @param year\n   * @type {string}\n   * @description The copyright year\n   * @default The current year (calculated via `Date()`)\n   */\n  get year(): string | number {\n    return this.args.year ?? new Date().getFullYear();\n  }\n}\n"],"names":["HdsAppFooterCopyright","Component","year","args","Date","getFullYear","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWe,MAAMA,qBAAqB,SAASC,SAAS,CAAiC;AAC3F;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAoB;AAC1B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAIE,IAAI,EAAE,CAACC,WAAW,EAAE;AACnD;AACF;AAACC,oBAAA,CAAAC,QAAA,EAVoBP,qBAAqB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-footer/index.hbs","../../../../src/components/hds/app-footer/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 (hash ExtraBefore=(component \\\"hds/yield\\\"))}}\\n  <ul class=\\\"hds-app-footer__list\\\" aria-label={{this.ariaLabel}}>\\n    {{yield (hash StatusLink=(component \\\"hds/app-footer/status-link\\\"))}}\\n    {{yield\\n      (hash\\n        Link=(component \\\"hds/app-footer/link\\\")\\n        LegalLinks=(component \\\"hds/app-footer/legal-links\\\")\\n        Item=(component \\\"hds/app-footer/item\\\")\\n      )\\n    }}\\n  </ul>\\n  {{yield (hash ExtraAfter=(component \\\"hds/yield\\\"))}}\\n  <Hds::AppFooter::Copyright @year={{@copyrightYear}} />\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../yield';\nimport type { HdsAppFooterItemSignature } from './item.ts';\nimport type { HdsAppFooterLegalLinksSignature } from './legal-links';\nimport type { HdsAppFooterLinkSignature } from './link';\nimport type { HdsAppFooterStatusLinkSignature } from './status-link';\nimport type { HdsAppFooterThemeTypes } from './types.ts';\n\nexport interface HdsAppFooterSignature {\n  Args: {\n    ariaLabel?: string;\n    copyrightYear?: string;\n    theme?: HdsAppFooterThemeTypes;\n  };\n  Blocks: {\n    default: [\n      {\n        ExtraBefore?: ComponentLike<HdsYieldSignature>;\n        StatusLink?: ComponentLike<HdsAppFooterStatusLinkSignature>;\n        LegalLinks?: ComponentLike<HdsAppFooterLegalLinksSignature>;\n        Link?: ComponentLike<HdsAppFooterLinkSignature>;\n        Item?: ComponentLike<HdsAppFooterItemSignature>;\n        ExtraAfter?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFooter extends Component<HdsAppFooterSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Footer items'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Footer items';\n  }\n\n  /**\n   * @param theme\n   * @type {HdsAppFooterThemeTypes}\n   * @description The component theme\n   * @default 'light'\n   */\n  get theme(): HdsAppFooterThemeTypes {\n    return this.args.theme ?? 'light';\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-app-footer'];\n\n    // add a class based on the @theme argument\n    classes.push(`hds-app-footer--theme-${this.theme}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAppFooter","Component","ariaLabel","args","theme","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4pBAA4pB;;ACD9rB;AACA;AACA;AACA;;AAiCe,MAAMA,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc;AAC9C;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAA2B;AAClC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO;AACnC;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,KAAK,EAAE,CAAC;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,YAAY,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-footer/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../yield';\nimport type { HdsAppFooterItemSignature } from './item.ts';\nimport type { HdsAppFooterLegalLinksSignature } from './legal-links';\nimport type { HdsAppFooterLinkSignature } from './link';\nimport type { HdsAppFooterStatusLinkSignature } from './status-link';\nimport type { HdsAppFooterThemeTypes } from './types.ts';\n\nexport interface HdsAppFooterSignature {\n  Args: {\n    ariaLabel?: string;\n    copyrightYear?: string;\n    theme?: HdsAppFooterThemeTypes;\n  };\n  Blocks: {\n    default: [\n      {\n        ExtraBefore?: ComponentLike<HdsYieldSignature>;\n        StatusLink?: ComponentLike<HdsAppFooterStatusLinkSignature>;\n        LegalLinks?: ComponentLike<HdsAppFooterLegalLinksSignature>;\n        Link?: ComponentLike<HdsAppFooterLinkSignature>;\n        Item?: ComponentLike<HdsAppFooterItemSignature>;\n        ExtraAfter?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFooter extends Component<HdsAppFooterSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Footer items'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Footer items';\n  }\n\n  /**\n   * @param theme\n   * @type {HdsAppFooterThemeTypes}\n   * @description The component theme\n   * @default 'light'\n   */\n  get theme(): HdsAppFooterThemeTypes {\n    return this.args.theme ?? 'light';\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-app-footer'];\n\n    // add a class based on the @theme argument\n    classes.push(`hds-app-footer--theme-${this.theme}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAppFooter","Component","ariaLabel","args","theme","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAiCe,MAAMA,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc;AAC9C;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAA2B;AAClC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO;AACnC;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,KAAK,EAAE,CAAC;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,YAAY,CAAA;;;;"}

package/dist/components/hds/app-footer/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/hds/app-footer/item.hbs","../../../../src/components/hds/app-footer/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\\n<li class=\\\"hds-app-footer__list-item\\\" ...attributes>\\n  {{yield}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFooterItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsAppFooterItem = TemplateOnlyComponent<HdsAppFooterItemSignature>();\n\nexport default HdsAppFooterItem;\n"],"names":["HdsAppFooterItem","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4JAA4J;;ACD9L;AACA;AACA;AACA;;AAWA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B;AAE3E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/app-footer/item.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFooterItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsAppFooterItem = TemplateOnlyComponent<HdsAppFooterItemSignature>();\n\nexport default HdsAppFooterItem;\n"],"names":["HdsAppFooterItem","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B;AAE3E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}

package/dist/components/hds/app-footer/legal-links.js.map

@@ -1 +1 @@
-{"version":3,"file":"legal-links.js","sources":["../../../../src/components/hds/app-footer/legal-links.hbs","../../../../src/components/hds/app-footer/legal-links.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::AppFooter::Item>\\n  <ul class=\\\"hds-app-footer__legal-links\\\" aria-label={{this.ariaLabel}} ...attributes>\\n    <Hds::AppFooter::Link @href={{this.hrefForSupport}}>Support</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForTerms}}>Terms</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForPrivacy}}>Privacy</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForSecurity}}>Security</Hds::AppFooter::Link>\\n    <Hds::AppFooter::Link @href={{this.hrefForAccessibility}}>Accessibility</Hds::AppFooter::Link>\\n  </ul>\\n</Hds::AppFooter::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterLegalLinksSignature {\n  Args: {\n    ariaLabel?: string;\n    hrefForTerms?: string;\n    hrefForPrivacy?: string;\n    hrefForSecurity?: string;\n    hrefForSupport?: string;\n    hrefForAccessibility?: string;\n  };\n  Element: HTMLUListElement;\n}\n\nexport default class HdsAppFooterLegalLinks extends Component<HdsAppFooterLegalLinksSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Legal links'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Legal links';\n  }\n\n  /**\n   * @param hrefForSupport\n   * @type {string}\n   * @description The href value of the \"Support\" link\n   */\n  get hrefForSupport(): string {\n    return this.args.hrefForSupport ?? 'https://www.hashicorp.com/support';\n  }\n\n  /**\n   * @param hrefForTerms\n   * @type {string}\n   * @description The href value of the \"Terms\" link\n   */\n  get hrefForTerms(): string {\n    return (\n      this.args.hrefForTerms ?? 'https://www.hashicorp.com/terms-of-service'\n    );\n  }\n\n  /**\n   * @param hrefForPrivacy\n   * @type {string}\n   * @description The href value of the \"Privacy\" link\n   */\n  get hrefForPrivacy(): string {\n    return this.args.hrefForPrivacy ?? 'https://www.hashicorp.com/privacy';\n  }\n\n  /**\n   * @param hrefForSecurity\n   * @type {string}\n   * @description The href value of the \"Security\" link\n   */\n  get hrefForSecurity(): string {\n    return this.args.hrefForSecurity ?? 'https://www.hashicorp.com/security';\n  }\n\n  /**\n   * @param hrefForAccessibility\n   * @type {string}\n   * @description The href value of the \"Accessibility\" link\n   */\n  get hrefForAccessibility(): string {\n    return (\n      this.args.hrefForAccessibility ??\n      'https://www.hashicorp.com/accessibility'\n    );\n  }\n}\n"],"names":["HdsAppFooterLegalLinks","Component","ariaLabel","args","hrefForSupport","hrefForTerms","hrefForPrivacy","hrefForSecurity","hrefForAccessibility","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sqBAAsqB;;ACDxsB;AACA;AACA;AACA;;AAgBe,MAAMA,sBAAsB,SAASC,SAAS,CAAkC;AAC7F;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,aAAa;AAC7C;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,cAAc,IAAI,mCAAmC;AACxE;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAW;AACzB,IAAA,OACE,IAAI,CAACF,IAAI,CAACE,YAAY,IAAI,4CAA4C;AAE1E;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,cAAc,IAAI,mCAAmC;AACxE;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAW;AAC5B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,eAAe,IAAI,oCAAoC;AAC1E;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,oBAAoBA,GAAW;AACjC,IAAA,OACE,IAAI,CAACL,IAAI,CAACK,oBAAoB,IAC9B,yCAAyC;AAE7C;AACF;AAACC,oBAAA,CAAAC,QAAA,EA3DoBV,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"legal-links.js","sources":["../../../../src/components/hds/app-footer/legal-links.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsAppFooterLegalLinksSignature {\n  Args: {\n    ariaLabel?: string;\n    hrefForTerms?: string;\n    hrefForPrivacy?: string;\n    hrefForSecurity?: string;\n    hrefForSupport?: string;\n    hrefForAccessibility?: string;\n  };\n  Element: HTMLUListElement;\n}\n\nexport default class HdsAppFooterLegalLinks extends Component<HdsAppFooterLegalLinksSignature> {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Legal links'\n   */\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'Legal links';\n  }\n\n  /**\n   * @param hrefForSupport\n   * @type {string}\n   * @description The href value of the \"Support\" link\n   */\n  get hrefForSupport(): string {\n    return this.args.hrefForSupport ?? 'https://www.hashicorp.com/support';\n  }\n\n  /**\n   * @param hrefForTerms\n   * @type {string}\n   * @description The href value of the \"Terms\" link\n   */\n  get hrefForTerms(): string {\n    return (\n      this.args.hrefForTerms ?? 'https://www.hashicorp.com/terms-of-service'\n    );\n  }\n\n  /**\n   * @param hrefForPrivacy\n   * @type {string}\n   * @description The href value of the \"Privacy\" link\n   */\n  get hrefForPrivacy(): string {\n    return this.args.hrefForPrivacy ?? 'https://www.hashicorp.com/privacy';\n  }\n\n  /**\n   * @param hrefForSecurity\n   * @type {string}\n   * @description The href value of the \"Security\" link\n   */\n  get hrefForSecurity(): string {\n    return this.args.hrefForSecurity ?? 'https://www.hashicorp.com/security';\n  }\n\n  /**\n   * @param hrefForAccessibility\n   * @type {string}\n   * @description The href value of the \"Accessibility\" link\n   */\n  get hrefForAccessibility(): string {\n    return (\n      this.args.hrefForAccessibility ??\n      'https://www.hashicorp.com/accessibility'\n    );\n  }\n}\n"],"names":["HdsAppFooterLegalLinks","Component","ariaLabel","args","hrefForSupport","hrefForTerms","hrefForPrivacy","hrefForSecurity","hrefForAccessibility","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,sBAAsB,SAASC,SAAS,CAAkC;AAC7F;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,aAAa;AAC7C;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,cAAc,IAAI,mCAAmC;AACxE;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAW;AACzB,IAAA,OACE,IAAI,CAACF,IAAI,CAACE,YAAY,IAAI,4CAA4C;AAE1E;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,cAAc,IAAI,mCAAmC;AACxE;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAW;AAC5B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,eAAe,IAAI,oCAAoC;AAC1E;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,oBAAoBA,GAAW;AACjC,IAAA,OACE,IAAI,CAACL,IAAI,CAACK,oBAAoB,IAC9B,yCAAyC;AAE7C;AACF;AAACC,oBAAA,CAAAC,QAAA,EA3DoBV,sBAAsB,CAAA;;;;"}

package/dist/components/hds/app-footer/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../../src/components/hds/app-footer/link.hbs","../../../../src/components/hds/app-footer/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::AppFooter::Item>\\n  <Hds::Link::Inline\\n    class=\\\"hds-app-footer__link\\\"\\n    @color=\\\"secondary\\\"\\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    @icon={{@icon}}\\n    @iconPosition={{@iconPosition}}\\n    ...attributes\\n  ><Hds::Text::Body @tag=\\\"span\\\" @size=\\\"100\\\">{{yield}}</Hds::Text::Body></Hds::Link::Inline>\\n</Hds::AppFooter::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from '../link/types.ts';\nimport type { HdsLinkInlineSignature } from '../link/inline.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport interface HdsAppFooterLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsLinkInlineSignature['Element'];\n}\n\nconst HdsAppFooterLink = TemplateOnlyComponent<HdsAppFooterLinkSignature>();\n\nexport default HdsAppFooterLink;\n"],"names":["HdsAppFooterLink","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+pBAA+pB;;ACDjsB;AACA;AACA;AACA;;AAqBA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B;AAE3E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}
+{"version":3,"file":"link.js","sources":["../../../../src/components/hds/app-footer/link.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from '../link/types.ts';\nimport type { HdsLinkInlineSignature } from '../link/inline.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport interface HdsAppFooterLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsLinkInlineSignature['Element'];\n}\n\nconst HdsAppFooterLink = TemplateOnlyComponent<HdsAppFooterLinkSignature>();\n\nexport default HdsAppFooterLink;\n"],"names":["HdsAppFooterLink","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAqBA,MAAMA,gBAAgB,GAAGC,qBAAqB,EAA6B;AAE3E,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,gBAAgB,CAAA;;;;"}

package/dist/components/hds/app-footer/status-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-link.js","sources":["../../../../src/components/hds/app-footer/status-link.hbs","../../../../src/components/hds/app-footer/status-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::AppFooter::Link\\n  class={{this.classNames}}\\n  style={{this.itemStyle}}\\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={{this.href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  @icon={{this.statusIcon}}\\n  @iconPosition=\\\"leading\\\"\\n  ...attributes\\n>{{this.text}}</Hds::AppFooter::Link>\")","/**\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 type { SafeString } from '@ember/template/-private/handlebars';\nimport { assert } from '@ember/debug';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport { HdsAppFooterStatusLinkStatusValues } from './types.ts';\nimport type { HdsAppFooterStatusTypes } from './types.ts';\nimport type { HdsAppFooterLinkSignature } from './link.ts';\nimport type { HdsIconSignature } from '../icon';\n\nexport const STATUSES = HdsAppFooterStatusLinkStatusValues;\n\nexport interface HdsAppFooterStatusLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    itemStyle?: SafeString;\n    status?: HdsAppFooterStatusTypes;\n    statusIcon?: HdsIconSignature['Args']['name'];\n    statusIconColor?: string;\n    text?: string;\n  };\n  Element: HdsAppFooterLinkSignature['Element'];\n}\n\nexport default class HdsAppFooterStatusLink extends Component<HdsAppFooterStatusLinkSignature> {\n  constructor(owner: unknown, args: HdsInteractiveSignature['Args']) {\n    super(owner, args);\n\n    assert(\n      'Either @status or @text for \"Hds::AppFooter::StatusLink\" must have a valid value',\n      this.args.text !== undefined || this.args.status\n    );\n  }\n\n  /**\n   * @param status\n   * @type {HdsAppFooterStatusTypes}\n   * @description The name of the status which the StatusLink is being set to\n   */\n  get status(): HdsAppFooterStatusTypes | undefined {\n    let status;\n    if (this.args.status) {\n      status = this.args.status.toLowerCase();\n      assert(\n        `@status for \"Hds::AppFooter\" must be one of the following: ${Object.keys(\n          STATUSES\n        ).join(', ')} received: ${this.args.status}`,\n\n        status in STATUSES\n      );\n      return status as HdsAppFooterStatusTypes;\n    }\n    return status;\n  }\n\n  get statusIcon(): HdsIconSignature['Args']['name'] | undefined {\n    return (\n      this.args.statusIcon ??\n      (this.status !== undefined ? STATUSES[this.status]?.iconName : undefined)\n    );\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method StatusLink#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.args.statusIconColor) {\n      return htmlSafe(\n        `--hds-app-footer-status-icon-color: ${this.args.statusIconColor}`\n      );\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text content of the StatusLink\n   */\n  get text(): string | undefined {\n    if (!this.args.text && this.status) {\n      return STATUSES[this.status]?.text;\n    }\n    return this.args.text;\n  }\n\n  /**\n   * @param href\n   * @type {string}\n   * @description The href value of the StatusLink\n   */\n  get href(): string {\n    return this.args.href ?? 'https://status.hashicorp.com';\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-app-footer__status-link'];\n\n    // add a class based on status if no statusIconColor is explicitly specified\n    if (this.status && !this.args.statusIconColor) {\n      classes.push(`hds-app-footer__status-link--${this.status}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["STATUSES","HdsAppFooterStatusLinkStatusValues","HdsAppFooterStatusLink","Component","constructor","owner","args","assert","text","undefined","status","toLowerCase","Object","keys","join","statusIcon","iconName","itemStyle","statusIconColor","htmlSafe","href","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,kiBAAkiB;;ACDpkB;AACA;AACA;AACA;;AAaO,MAAMA,QAAQ,GAAGC;AAaT,MAAMC,sBAAsB,SAASC,SAAS,CAAkC;AAC7FC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAAqC,EAAE;AACjE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,MAAM,CACJ,kFAAkF,EAClF,IAAI,CAACD,IAAI,CAACE,IAAI,KAAKC,SAAS,IAAI,IAAI,CAACH,IAAI,CAACI,MAC5C,CAAC;AACH;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIA,MAAMA,GAAwC;AAChD,IAAA,IAAIA,MAAM;AACV,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,MAAM,EAAE;MACpBA,MAAM,GAAG,IAAI,CAACJ,IAAI,CAACI,MAAM,CAACC,WAAW,EAAE;MACvCJ,MAAM,CACJ,CAA8DK,2DAAAA,EAAAA,MAAM,CAACC,IAAI,CACvEb,QACF,CAAC,CAACc,IAAI,CAAC,IAAI,CAAC,CAAc,WAAA,EAAA,IAAI,CAACR,IAAI,CAACI,MAAM,EAAE,EAE5CA,MAAM,IAAIV,QACZ,CAAC;AACD,MAAA,OAAOU,MAAM;AACf;AACA,IAAA,OAAOA,MAAM;AACf;EAEA,IAAIK,UAAUA,GAAiD;IAC7D,OACE,IAAI,CAACT,IAAI,CAACS,UAAU,KACnB,IAAI,CAACL,MAAM,KAAKD,SAAS,GAAGT,QAAQ,CAAC,IAAI,CAACU,MAAM,CAAC,EAAEM,QAAQ,GAAGP,SAAS,CAAC;AAE7E;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIQ,SAASA,GAA2B;AACtC,IAAA,IAAI,IAAI,CAACX,IAAI,CAACY,eAAe,EAAE;MAC7B,OAAOC,QAAQ,CACb,CAAuC,oCAAA,EAAA,IAAI,CAACb,IAAI,CAACY,eAAe,CAAA,CAClE,CAAC;AACH,KAAC,MAAM;AACL,MAAA,OAAOT,SAAS;AAClB;AACF;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAID,IAAIA,GAAuB;IAC7B,IAAI,CAAC,IAAI,CAACF,IAAI,CAACE,IAAI,IAAI,IAAI,CAACE,MAAM,EAAE;AAClC,MAAA,OAAOV,QAAQ,CAAC,IAAI,CAACU,MAAM,CAAC,EAAEF,IAAI;AACpC;AACA,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,IAAI;AACvB;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIY,IAAIA,GAAW;AACjB,IAAA,OAAO,IAAI,CAACd,IAAI,CAACc,IAAI,IAAI,8BAA8B;AACzD;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,6BAA6B,CAAC;;AAE/C;IACA,IAAI,IAAI,CAACZ,MAAM,IAAI,CAAC,IAAI,CAACJ,IAAI,CAACY,eAAe,EAAE;MAC7CI,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACb,MAAM,EAAE,CAAC;AAC7D;AAEA,IAAA,OAAOY,OAAO,CAACR,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACU,oBAAA,CAAAC,QAAA,EAzFoBvB,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"status-link.js","sources":["../../../../src/components/hds/app-footer/status-link.ts"],"sourcesContent":["/**\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\nimport type { SafeString } from '@ember/template';\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport { HdsAppFooterStatusLinkStatusValues } from './types.ts';\nimport type { HdsAppFooterStatusTypes } from './types.ts';\nimport type { HdsAppFooterLinkSignature } from './link.ts';\nimport type { HdsIconSignature } from '../icon';\nimport type Owner from '@ember/owner';\n\nexport const STATUSES = HdsAppFooterStatusLinkStatusValues;\n\nexport interface HdsAppFooterStatusLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    itemStyle?: SafeString;\n    status?: HdsAppFooterStatusTypes;\n    statusIcon?: HdsIconSignature['Args']['name'];\n    statusIconColor?: string;\n    text?: string;\n  };\n  Element: HdsAppFooterLinkSignature['Element'];\n}\n\nexport default class HdsAppFooterStatusLink extends Component<HdsAppFooterStatusLinkSignature> {\n  constructor(owner: Owner, args: HdsInteractiveSignature['Args']) {\n    super(owner, args);\n\n    assert(\n      'Either @status or @text for \"Hds::AppFooter::StatusLink\" must have a valid value',\n      this.args.text !== undefined || this.args.status\n    );\n  }\n\n  /**\n   * @param status\n   * @type {HdsAppFooterStatusTypes}\n   * @description The name of the status which the StatusLink is being set to\n   */\n  get status(): HdsAppFooterStatusTypes | undefined {\n    let status;\n    if (this.args.status) {\n      status = this.args.status.toLowerCase();\n      assert(\n        `@status for \"Hds::AppFooter\" must be one of the following: ${Object.keys(\n          STATUSES\n        ).join(', ')} received: ${this.args.status}`,\n\n        status in STATUSES\n      );\n      return status as HdsAppFooterStatusTypes;\n    }\n    return status;\n  }\n\n  get statusIcon(): HdsIconSignature['Args']['name'] | undefined {\n    return (\n      this.args.statusIcon ??\n      (this.status !== undefined ? STATUSES[this.status]?.iconName : undefined)\n    );\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method StatusLink#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.args.statusIconColor) {\n      return htmlSafe(\n        `--hds-app-footer-status-icon-color: ${this.args.statusIconColor}`\n      );\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * @param text\n   * @type {string}\n   * @description The text content of the StatusLink\n   */\n  get text(): string | undefined {\n    if (!this.args.text && this.status) {\n      return STATUSES[this.status]?.text;\n    }\n    return this.args.text;\n  }\n\n  /**\n   * @param href\n   * @type {string}\n   * @description The href value of the StatusLink\n   */\n  get href(): string {\n    return this.args.href ?? 'https://status.hashicorp.com';\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-app-footer__status-link'];\n\n    // add a class based on status if no statusIconColor is explicitly specified\n    if (this.status && !this.args.statusIconColor) {\n      classes.push(`hds-app-footer__status-link--${this.status}`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["STATUSES","HdsAppFooterStatusLinkStatusValues","HdsAppFooterStatusLink","Component","constructor","owner","args","assert","text","undefined","status","toLowerCase","Object","keys","join","statusIcon","iconName","itemStyle","statusIconColor","htmlSafe","href","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;;AAcO,MAAMA,QAAQ,GAAGC;AAaT,MAAMC,sBAAsB,SAASC,SAAS,CAAkC;AAC7FC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAqC,EAAE;AAC/D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,MAAM,CACJ,kFAAkF,EAClF,IAAI,CAACD,IAAI,CAACE,IAAI,KAAKC,SAAS,IAAI,IAAI,CAACH,IAAI,CAACI,MAC5C,CAAC;AACH;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIA,MAAMA,GAAwC;AAChD,IAAA,IAAIA,MAAM;AACV,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,MAAM,EAAE;MACpBA,MAAM,GAAG,IAAI,CAACJ,IAAI,CAACI,MAAM,CAACC,WAAW,EAAE;MACvCJ,MAAM,CACJ,CAA8DK,2DAAAA,EAAAA,MAAM,CAACC,IAAI,CACvEb,QACF,CAAC,CAACc,IAAI,CAAC,IAAI,CAAC,CAAc,WAAA,EAAA,IAAI,CAACR,IAAI,CAACI,MAAM,EAAE,EAE5CA,MAAM,IAAIV,QACZ,CAAC;AACD,MAAA,OAAOU,MAAM;AACf;AACA,IAAA,OAAOA,MAAM;AACf;EAEA,IAAIK,UAAUA,GAAiD;IAC7D,OACE,IAAI,CAACT,IAAI,CAACS,UAAU,KACnB,IAAI,CAACL,MAAM,KAAKD,SAAS,GAAGT,QAAQ,CAAC,IAAI,CAACU,MAAM,CAAC,EAAEM,QAAQ,GAAGP,SAAS,CAAC;AAE7E;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIQ,SAASA,GAA2B;AACtC,IAAA,IAAI,IAAI,CAACX,IAAI,CAACY,eAAe,EAAE;MAC7B,OAAOC,QAAQ,CACb,CAAuC,oCAAA,EAAA,IAAI,CAACb,IAAI,CAACY,eAAe,CAAA,CAClE,CAAC;AACH,KAAC,MAAM;AACL,MAAA,OAAOT,SAAS;AAClB;AACF;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAID,IAAIA,GAAuB;IAC7B,IAAI,CAAC,IAAI,CAACF,IAAI,CAACE,IAAI,IAAI,IAAI,CAACE,MAAM,EAAE;AAClC,MAAA,OAAOV,QAAQ,CAAC,IAAI,CAACU,MAAM,CAAC,EAAEF,IAAI;AACpC;AACA,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,IAAI;AACvB;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIY,IAAIA,GAAW;AACjB,IAAA,OAAO,IAAI,CAACd,IAAI,CAACc,IAAI,IAAI,8BAA8B;AACzD;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,6BAA6B,CAAC;;AAE/C;IACA,IAAI,IAAI,CAACZ,MAAM,IAAI,CAAC,IAAI,CAACJ,IAAI,CAACY,eAAe,EAAE;MAC7CI,OAAO,CAACC,IAAI,CAAC,CAAA,6BAAA,EAAgC,IAAI,CAACb,MAAM,EAAE,CAAC;AAC7D;AAEA,IAAA,OAAOY,OAAO,CAACR,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACU,oBAAA,CAAAC,QAAA,EAzFoBvB,sBAAsB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-frame/index.hbs","../../../../src/components/hds/app-frame/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  {{#if this.hasHeader}}\\n    {{yield (hash Header=(component \\\"hds/app-frame/parts/header\\\"))}}\\n  {{/if}}\\n  {{#if this.hasSidebar}}\\n    {{yield (hash Sidebar=(component \\\"hds/app-frame/parts/sidebar\\\"))}}\\n  {{/if}}\\n  {{!\\n    IMPORTANT: since the modals may be injected via portal or `in-element` with code that lives in the \\\"main\\\" container,\\n    the \\\"modal\\\" container needs to be present in the DOM _before_ the \\\"main\\\" block, otherwise it may cause errors\\n    where the target DOM element is not found (for example in tests where the modal may be immediately opened on first render).\\n  }}\\n  {{#if this.hasModals}}\\n    {{yield (hash Modals=(component \\\"hds/app-frame/parts/modals\\\"))}}\\n  {{/if}}\\n  {{yield (hash Main=(component \\\"hds/app-frame/parts/main\\\"))}}\\n  {{#if this.hasFooter}}\\n    {{yield (hash Footer=(component \\\"hds/app-frame/parts/footer\\\"))}}\\n  {{/if}}\\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 { HdsAppFrameFooterSignature } from './parts/footer.ts';\nimport type { HdsAppFrameHeaderSignature } from './parts/header.ts';\nimport type { HdsAppFrameMainSignature } from './parts/main.ts';\nimport type { HdsAppFrameModalsSignature } from './parts/modals.ts';\nimport type { HdsAppFrameSidebarSignature } from './parts/sidebar.ts';\nexport interface HdsAppFrameSignature {\n  Args: {\n    hasFooter?: boolean;\n    hasHeader?: boolean;\n    hasMain?: boolean;\n    hasModals?: boolean;\n    hasSidebar?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Footer?: ComponentLike<HdsAppFrameFooterSignature>;\n        Header?: ComponentLike<HdsAppFrameHeaderSignature>;\n        Main?: ComponentLike<HdsAppFrameMainSignature>;\n        Modals?: ComponentLike<HdsAppFrameModalsSignature>;\n        Sidebar?: ComponentLike<HdsAppFrameSidebarSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFrame extends Component<HdsAppFrameSignature> {\n  // Indicates if the \"header\" container should be displayed\n  get hasHeader(): boolean {\n    return this.args.hasHeader ?? true;\n  }\n\n  // Indicates if the \"sidebar\" container should be displayed\n  get hasSidebar(): boolean {\n    return this.args.hasSidebar ?? true;\n  }\n\n  // Indicates if the \"footer\" container should be displayed\n  get hasFooter(): boolean {\n    return this.args.hasFooter ?? true;\n  }\n\n  // Indicates if the \"modals\" container should be displayed\n  get hasModals(): boolean {\n    return this.args.hasModals ?? true;\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-app-frame'];\n\n    if (this.hasHeader && this.hasSidebar) {\n      classes.push('hds-app-frame--has-header-with-sidebar');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAppFrame","Component","hasHeader","args","hasSidebar","hasFooter","hasModals","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+/BAA+/B;;ACDjiC;AACA;AACA;AACA;;AA+Be,MAAMA,WAAW,SAASC,SAAS,CAAuB;AACvE;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,IAAI;AACpC;;AAEA;EACA,IAAIE,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,UAAU,IAAI,IAAI;AACrC;;AAEA;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,IAAI;AACpC;;AAEA;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,IAAI;AACpC;;AAEA;EACA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC;AAEjC,IAAA,IAAI,IAAI,CAACN,SAAS,IAAI,IAAI,CAACE,UAAU,EAAE;AACrCI,MAAAA,OAAO,CAACC,IAAI,CAAC,wCAAwC,CAAC;AACxD;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EA/BoBZ,WAAW,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-frame/index.ts"],"sourcesContent":["/**\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 { HdsAppFrameFooterSignature } from './parts/footer.ts';\nimport type { HdsAppFrameHeaderSignature } from './parts/header.ts';\nimport type { HdsAppFrameMainSignature } from './parts/main.ts';\nimport type { HdsAppFrameModalsSignature } from './parts/modals.ts';\nimport type { HdsAppFrameSidebarSignature } from './parts/sidebar.ts';\nexport interface HdsAppFrameSignature {\n  Args: {\n    hasFooter?: boolean;\n    hasHeader?: boolean;\n    hasMain?: boolean;\n    hasModals?: boolean;\n    hasSidebar?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Footer?: ComponentLike<HdsAppFrameFooterSignature>;\n        Header?: ComponentLike<HdsAppFrameHeaderSignature>;\n        Main?: ComponentLike<HdsAppFrameMainSignature>;\n        Modals?: ComponentLike<HdsAppFrameModalsSignature>;\n        Sidebar?: ComponentLike<HdsAppFrameSidebarSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppFrame extends Component<HdsAppFrameSignature> {\n  // Indicates if the \"header\" container should be displayed\n  get hasHeader(): boolean {\n    return this.args.hasHeader ?? true;\n  }\n\n  // Indicates if the \"sidebar\" container should be displayed\n  get hasSidebar(): boolean {\n    return this.args.hasSidebar ?? true;\n  }\n\n  // Indicates if the \"footer\" container should be displayed\n  get hasFooter(): boolean {\n    return this.args.hasFooter ?? true;\n  }\n\n  // Indicates if the \"modals\" container should be displayed\n  get hasModals(): boolean {\n    return this.args.hasModals ?? true;\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-app-frame'];\n\n    if (this.hasHeader && this.hasSidebar) {\n      classes.push('hds-app-frame--has-header-with-sidebar');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAppFrame","Component","hasHeader","args","hasSidebar","hasFooter","hasModals","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AA+Be,MAAMA,WAAW,SAASC,SAAS,CAAuB;AACvE;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,IAAI;AACpC;;AAEA;EACA,IAAIE,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,UAAU,IAAI,IAAI;AACrC;;AAEA;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,IAAI;AACpC;;AAEA;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,IAAI;AACpC;;AAEA;EACA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC;AAEjC,IAAA,IAAI,IAAI,CAACN,SAAS,IAAI,IAAI,CAACE,UAAU,EAAE;AACrCI,MAAAA,OAAO,CAACC,IAAI,CAAC,wCAAwC,CAAC;AACxD;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EA/BoBZ,WAAW,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sources":["../../../../../src/components/hds/app-frame/parts/footer.hbs","../../../../../src/components/hds/app-frame/parts/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<footer class=\\\"hds-app-frame__footer\\\" ...attributes>\\n  {{yield}}\\n</footer>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameFooterSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameFooter = TemplateOnlyComponent<HdsAppFrameFooterSignature>();\n\nexport default HdsAppFrameFooter;\n"],"names":["HdsAppFrameFooter","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"footer.js","sources":["../../../../../src/components/hds/app-frame/parts/footer.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameFooterSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameFooter = TemplateOnlyComponent<HdsAppFrameFooterSignature>();\n\nexport default HdsAppFrameFooter;\n"],"names":["HdsAppFrameFooter","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../../src/components/hds/app-frame/parts/header.hbs","../../../../../src/components/hds/app-frame/parts/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<header class=\\\"hds-app-frame__header\\\" ...attributes>\\n  {{yield}}\\n</header>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameHeaderSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameHeader = TemplateOnlyComponent<HdsAppFrameHeaderSignature>();\n\nexport default HdsAppFrameHeader;\n"],"names":["HdsAppFrameHeader","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../../src/components/hds/app-frame/parts/header.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameHeaderSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameHeader = TemplateOnlyComponent<HdsAppFrameHeaderSignature>();\n\nexport default HdsAppFrameHeader;\n"],"names":["HdsAppFrameHeader","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","sources":["../../../../../src/components/hds/app-frame/parts/main.hbs","../../../../../src/components/hds/app-frame/parts/main.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<main class=\\\"hds-app-frame__main\\\" id=\\\"hds-main\\\" ...attributes>\\n  {{yield}}\\n</main>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameMainSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameMain = TemplateOnlyComponent<HdsAppFrameMainSignature>();\n\nexport default HdsAppFrameMain;\n"],"names":["HdsAppFrameMain","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wKAAwK;;ACD1M;AACA;AACA;AACA;;AAWA,MAAMA,eAAe,GAAGC,qBAAqB,EAA4B;AAEzE,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,eAAe,CAAA;;;;"}
+{"version":3,"file":"main.js","sources":["../../../../../src/components/hds/app-frame/parts/main.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameMainSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameMain = TemplateOnlyComponent<HdsAppFrameMainSignature>();\n\nexport default HdsAppFrameMain;\n"],"names":["HdsAppFrameMain","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,eAAe,GAAGC,qBAAqB,EAA4B;AAEzE,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,eAAe,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/modals.js.map

@@ -1 +1 @@
-{"version":3,"file":"modals.js","sources":["../../../../../src/components/hds/app-frame/parts/modals.hbs","../../../../../src/components/hds/app-frame/parts/modals.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{{! we use `:empty` in CSS so we have to avoid whitespaces }}\\n<div class=\\\"hds-app-frame__modals\\\" ...attributes>{{~yield~}}</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 HdsAppFrameModalsSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameModals = TemplateOnlyComponent<HdsAppFrameModalsSignature>();\n\nexport default HdsAppFrameModals;\n"],"names":["HdsAppFrameModals","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mNAAmN;;ACDrP;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"modals.js","sources":["../../../../../src/components/hds/app-frame/parts/modals.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameModalsSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameModals = TemplateOnlyComponent<HdsAppFrameModalsSignature>();\n\nexport default HdsAppFrameModals;\n"],"names":["HdsAppFrameModals","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,iBAAiB,GAAGC,qBAAqB,EAA8B;AAE7E,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,iBAAiB,CAAA;;;;"}

package/dist/components/hds/app-frame/parts/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sources":["../../../../../src/components/hds/app-frame/parts/sidebar.hbs","../../../../../src/components/hds/app-frame/parts/sidebar.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<aside class=\\\"hds-app-frame__sidebar\\\" ...attributes>\\n  {{yield}}\\n</aside>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameSidebarSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameSidebar = TemplateOnlyComponent<HdsAppFrameSidebarSignature>();\n\nexport default HdsAppFrameSidebar;\n"],"names":["HdsAppFrameSidebar","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6JAA6J;;ACD/L;AACA;AACA;AACA;;AAWA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}
+{"version":3,"file":"sidebar.js","sources":["../../../../../src/components/hds/app-frame/parts/sidebar.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppFrameSidebarSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst HdsAppFrameSidebar = TemplateOnlyComponent<HdsAppFrameSidebarSignature>();\n\nexport default HdsAppFrameSidebar;\n"],"names":["HdsAppFrameSidebar","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,cAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

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

@@ -1 +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  <Hds::Icon @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 { HdsIconSignature } from '../icon';\nimport type { HdsInteractiveSignature } from '../interactive/';\n\nexport interface HdsAppHeaderHomeLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: HdsIconSignature['Args']['name'];\n    color?: string;\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsAppHeaderHomeLink 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":["HdsAppHeaderHomeLink","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,uiBAAuiB;;ACDzkB;AACA;AACA;AACA;;AAiBe,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;EACzF,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/BC,IAAAA,MAAM,CACJ,4EAA4E,EAC5EF,SAAS,KAAKG,SAChB,CAAC;AAED,IAAA,OAAOH,SAAS;AAClB;AACF;AAACI,oBAAA,CAAAC,QAAA,EAXoBP,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"home-link.js","sources":["../../../../src/components/hds/app-header/home-link.ts"],"sourcesContent":["/**\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 { HdsIconSignature } from '../icon';\nimport type { HdsInteractiveSignature } from '../interactive/';\n\nexport interface HdsAppHeaderHomeLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: HdsIconSignature['Args']['name'];\n    color?: string;\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsAppHeaderHomeLink 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":["HdsAppHeaderHomeLink","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAiBe,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;EACzF,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/BC,IAAAA,MAAM,CACJ,4EAA4E,EAC5EF,SAAS,KAAKG,SAChB,CAAC;AAED,IAAA,OAAOH,SAAS;AAClB;AACF;AAACI,oBAAA,CAAAC,QAAA,EAXoBP,oBAAoB,CAAA;;;;"}

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

@@ -1,28 +1,48 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-81503waH.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 { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div\n  class={{this.classNames}}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap isActive=this.shouldTrapFocus}}\n  ...attributes\n>\n  {{#if (and this.hasA11yRefocus (not this._isOpen))}}\n    {{! @glint-expect-error - `ember-a11y-refocus` doesn\'t expose types yet }}\n    <NavigationNarrator\n      @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\n      @skipTo={{this.a11yRefocusSkipTo}}\n      @skipText={{@a11yRefocusSkipText}}\n      @navigationText={{@a11yRefocusNavigationText}}\n      @excludeAllQueryParams={{@a11yRefocusExcludeAllQueryParams}}\n    />\n  {{/if}}\n\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\n  <div class=\"hds-app-header__actions\" id={{this._menuContentId}}>\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</div>");
 
-var _class, _descriptor, _descriptor2, _descriptor3;
-let HdsAppHeader = (_class = class HdsAppHeader extends Component {
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAppHeader extends Component {
+  static {
+    g(this.prototype, "_isOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #_isOpen = (i(this, "_isOpen"), undefined);
+  static {
+    g(this.prototype, "_isDesktop", [tracked], function () {
+      return true;
+    });
+  }
+  #_isDesktop = (i(this, "_isDesktop"), undefined);
+  static {
+    g(this.prototype, "_hasOverflowContent", [tracked], function () {
+      return false;
+    });
+  }
+  #_hasOverflowContent = (i(this, "_hasOverflowContent"), undefined);
+  _desktopMQ;
+  hasA11yRefocus = this.args.hasA11yRefocus ?? true;
+  a11yRefocusSkipTo = '#' + (this.args.a11yRefocusSkipTo ?? 'hds-main');
+
+  // Generates a unique ID for the Menu Content
+  _menuContentId = 'hds-menu-content-' + guidFor(this);
+  _breakpoint = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint'));
+  _desktopMQVal = this.args.breakpoint ?? getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint');
   constructor(owner, args) {
     super(owner, args);
-    _initializerDefineProperty(this, "_isOpen", _descriptor, this);
-    _initializerDefineProperty(this, "_isDesktop", _descriptor2, this);
-    _initializerDefineProperty(this, "_hasOverflowContent", _descriptor3, this);
-    _defineProperty(this, "_desktopMQ", void 0);
-    _defineProperty(this, "hasA11yRefocus", this.args.hasA11yRefocus ?? true);
-    _defineProperty(this, "a11yRefocusSkipTo", '#' + (this.args.a11yRefocusSkipTo ?? 'hds-main'));
-    // Generates a unique ID for the Menu Content
-    _defineProperty(this, "_menuContentId", 'hds-menu-content-' + guidFor(this));
-    _defineProperty(this, "_breakpoint", parseInt(getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint')));
-    _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, () => {
@@ -72,9 +92,15 @@ let HdsAppHeader = (_class = class HdsAppHeader extends Component {
       this._isOpen = false;
     }
   }
+  static {
+    n(this.prototype, "escapePress", [action]);
+  }
   onClickToggle() {
     this._isOpen = !this._isOpen;
   }
+  static {
+    n(this.prototype, "onClickToggle", [action]);
+  }
   updateDesktopVariable(event) {
     this._isDesktop = event.matches;
 
@@ -84,28 +110,10 @@ let HdsAppHeader = (_class = class HdsAppHeader extends Component {
       this._isOpen = false;
     }
   }
-}, _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;
-  }
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "_hasOverflowContent", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: function () {
-    return false;
+  static {
+    n(this.prototype, "updateDesktopVariable", [action]);
   }
-}), _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, HdsAppHeader);
 
 export { HdsAppHeader as default };

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

@@ -1 +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\\n  class={{this.classNames}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.shouldTrapFocus}}\\n  ...attributes\\n>\\n  {{#if (and this.hasA11yRefocus (not this._isOpen))}}\\n    {{! @glint-expect-error - `ember-a11y-refocus` doesn\\'t expose types yet }}\\n    <NavigationNarrator\\n      @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\\n      @skipTo={{this.a11yRefocusSkipTo}}\\n      @skipText={{@a11yRefocusSkipText}}\\n      @navigationText={{@a11yRefocusNavigationText}}\\n      @excludeAllQueryParams={{@a11yRefocusExcludeAllQueryParams}}\\n    />\\n  {{/if}}\\n\\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\\n  <div class=\\\"hds-app-header__actions\\\" id={{this._menuContentId}}>\\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</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    hasA11yRefocus?: boolean;\n    a11yRefocusSkipTo?: string;\n    a11yRefocusSkipText?: string;\n    a11yRefocusNavigationText?: string;\n    a11yRefocusRouteChangeValidator?: string;\n    a11yRefocusExcludeAllQueryParams?: boolean;\n  };\n  Blocks: {\n    logo?: [];\n    globalActions?: [];\n    utilityActions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppHeader extends Component<HdsAppHeaderSignature> {\n  @tracked private _isOpen = false;\n  @tracked private _isDesktop = true;\n  @tracked private _hasOverflowContent = false;\n  private _desktopMQ: MediaQueryList;\n  hasA11yRefocus = this.args.hasA11yRefocus ?? true;\n  a11yRefocusSkipTo = '#' + (this.args.a11yRefocusSkipTo ?? 'hds-main');\n\n  // Generates a unique ID for the Menu Content\n  private _menuContentId = 'hds-menu-content-' + guidFor(this);\n\n  private _breakpoint = parseInt(\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    )\n  );\n\n  private _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(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\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  // In mobile view when the menu is open, trap focus within the AppHeader\n  get shouldTrapFocus(): 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-desktop');\n    } else {\n      classes.push('hds-app-header--is-mobile');\n\n      // open and closed menu states are only relevant on mobile\n      if (this._isOpen) {\n        classes.push('hds-app-header--menu-is-open');\n      } else {\n        classes.push('hds-app-header--menu-is-closed');\n      }\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    // Close the menu when switching to desktop view\n    // (prevents menu from being open when resizing which causes Skip button to not render)\n    if (this._isDesktop) {\n      this._isOpen = false;\n    }\n  }\n}\n"],"names":["HdsAppHeader","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","hasA11yRefocus","a11yRefocusSkipTo","guidFor","parseInt","getComputedStyle","document","documentElement","getPropertyValue","breakpoint","_desktopMQ","window","matchMedia","_desktopMQVal","addEventListeners","registerDestructor","removeEventListeners","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","shouldTrapFocus","_isDesktop","_isOpen","classNames","classes","push","join","event","key","onClickToggle","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-header/index.ts"],"sourcesContent":["/**\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';\nimport type Owner from '@ember/owner';\n\nexport interface HdsAppHeaderSignature {\n  Args: {\n    breakpoint?: string;\n    hasA11yRefocus?: boolean;\n    a11yRefocusSkipTo?: string;\n    a11yRefocusSkipText?: string;\n    a11yRefocusNavigationText?: string;\n    a11yRefocusRouteChangeValidator?: string;\n    a11yRefocusExcludeAllQueryParams?: boolean;\n  };\n  Blocks: {\n    logo?: [];\n    globalActions?: [];\n    utilityActions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppHeader extends Component<HdsAppHeaderSignature> {\n  @tracked private _isOpen = false;\n  @tracked private _isDesktop = true;\n  @tracked private _hasOverflowContent = false;\n  private _desktopMQ: MediaQueryList;\n  hasA11yRefocus = this.args.hasA11yRefocus ?? true;\n  a11yRefocusSkipTo = '#' + (this.args.a11yRefocusSkipTo ?? 'hds-main');\n\n  // Generates a unique ID for the Menu Content\n  private _menuContentId = 'hds-menu-content-' + guidFor(this);\n\n  private _breakpoint = parseInt(\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    )\n  );\n\n  private _desktopMQVal =\n    this.args.breakpoint ??\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    );\n\n  constructor(owner: Owner, 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(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\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  // In mobile view when the menu is open, trap focus within the AppHeader\n  get shouldTrapFocus(): 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-desktop');\n    } else {\n      classes.push('hds-app-header--is-mobile');\n\n      // open and closed menu states are only relevant on mobile\n      if (this._isOpen) {\n        classes.push('hds-app-header--menu-is-open');\n      } else {\n        classes.push('hds-app-header--menu-is-closed');\n      }\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    // Close the menu when switching to desktop view\n    // (prevents menu from being open when resizing which causes Skip button to not render)\n    if (this._isDesktop) {\n      this._isOpen = false;\n    }\n  }\n}\n"],"names":["HdsAppHeader","Component","g","prototype","tracked","i","void 0","_desktopMQ","hasA11yRefocus","args","a11yRefocusSkipTo","_menuContentId","guidFor","_breakpoint","parseInt","getComputedStyle","document","documentElement","getPropertyValue","_desktopMQVal","breakpoint","constructor","owner","window","matchMedia","addEventListeners","registerDestructor","removeEventListeners","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","shouldTrapFocus","_isDesktop","_isOpen","classNames","classes","push","join","event","key","n","action","onClickToggle","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,13 +1,17 @@
-import { _ as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { precompileTemplate } from '@ember/template-compilation';
+import { n } from 'decorator-transforms/runtime';
 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 HdsAppHeaderMenuButton = (_class = class HdsAppHeaderMenuButton extends Component {
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAppHeaderMenuButton extends Component {
   get icon() {
     return this.args.isOpen ? 'x' : 'menu';
   }
@@ -19,7 +23,10 @@ let HdsAppHeaderMenuButton = (_class = class HdsAppHeaderMenuButton extends Comp
       onClickToggle();
     }
   }
-}, _applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype), _class);
+  static {
+    n(this.prototype, "onClick", [action]);
+  }
+}
 setComponentTemplate(TEMPLATE, HdsAppHeaderMenuButton);
 
 export { HdsAppHeaderMenuButton as default };

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

@@ -1 +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 HdsAppHeaderMenuButton 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":["HdsAppHeaderMenuButton","_class","Component","icon","args","isOpen","onClick","onClickToggle","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AACA,eAAe,kBAAkB,CAAC,2VAA2V;;;ACkBxWA,IAAAA,sBAAsB,IAAAC,MAAA,GAA5B,MAAMD,sBAAsB,SAASE,SAAS,CAAkC;EAC7F,IAAIC,IAAIA,GAAiB;IACvB,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GAAG,GAAG,GAAG,MAAM;AACxC;AAGAC,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEC,MAAAA;KAAe,GAAG,IAAI,CAACH,IAAI;AAEnC,IAAA,IAAI,OAAOG,aAAa,KAAK,UAAU,EAAE;AACvCA,MAAAA,aAAa,EAAE;AACjB;AACF;AACF,CAAC,EAAAC,yBAAA,CAAAP,MAAA,CAAAQ,SAAA,EAAA,SAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAX,MAAA,CAAAQ,SAAA,cAAAR,MAAA,CAAAQ,SAAA,CAAA,EAAAR,MAAA;AALkCY,oBAAA,CAAAC,QAAA,EAAtBd,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"menu-button.js","sources":["../../../../src/components/hds/app-header/menu-button.ts"],"sourcesContent":["/**\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 HdsAppHeaderMenuButton 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":["HdsAppHeaderMenuButton","Component","icon","args","isOpen","onClick","onClickToggle","n","prototype","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,sBAAsB,SAASC,SAAS,CAAkC;EAC7F,IAAIC,IAAIA,GAAiB;IACvB,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GAAG,GAAG,GAAG,MAAM;AACxC;AAGAC,EAAAA,OAAOA,GAAS;IACd,MAAM;AAAEC,MAAAA;KAAe,GAAG,IAAI,CAACH,IAAI;AAEnC,IAAA,IAAI,OAAOG,aAAa,KAAK,UAAU,EAAE;AACvCA,MAAAA,aAAa,EAAE;AACjB;AACF;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAPAC,MAAM,CAAA,CAAA;AAAA;AAQT;AAACC,oBAAA,CAAAC,QAAA,EAboBX,sBAAsB,CAAA;;;;"}