@hashicorp/design-system-components 4.9.0 → 4.10.0

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 HdsAlertDescriptionComponent =\n  TemplateOnlyComponent<HdsAlertDescriptionSignature>();\n\nexport default HdsAlertDescriptionComponent;\n"],"names":["HdsAlertDescriptionComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kMAAkM;;ACDpO;AACA;AACA;AACA;;AAWA,MAAMA,4BAA4B,GAChCC,qBAAqB,EAAgC,CAAA;AAEvD,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,4BAA4B,CAAA;;;;"}
+{"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,CAAA;AAEvD,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,mBAAmB,CAAA;;;;"}

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

@@ -8,7 +8,7 @@ import { HdsAlertTypeValues, HdsAlertColorValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div\n  class={{this.classNames}}\n  role={{this.role}}\n  aria-live=\"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      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} @isInlineBlock={{false}} />\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 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=\"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;
 const TYPES = Object.values(HdsAlertTypeValues);
@@ -24,7 +24,7 @@ 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 HdsAlertComponent = (_class = class HdsAlertComponent extends Component {
+let HdsAlert = (_class = class HdsAlert extends Component {
   constructor(owner, args) {
     super(owner, args);
     _initializerDefineProperty(this, "role", _descriptor, this);
@@ -71,7 +71,7 @@ let HdsAlertComponent = (_class = class HdsAlertComponent extends Component {
       assert(`@icon for "Hds::Alert" with @type "compact" is required`, this.args.type !== 'compact');
       return false;
     } else {
-      // If a name for `icon` is passed, set FlightIcon to that name
+      // If a name for `icon` is passed, set HdsIcon to that name
       return icon;
     }
   }
@@ -149,7 +149,7 @@ let HdsAlertComponent = (_class = class HdsAlertComponent extends Component {
   writable: true,
   initializer: null
 }), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype)), _class);
-setComponentTemplate(TEMPLATE, HdsAlertComponent);
+setComponentTemplate(TEMPLATE, HdsAlert);
 
-export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlertComponent as default };
+export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlert as default };
 //# sourceMappingURL=index.js.map

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=\\\"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      <FlightIcon @name={{this.icon}} @size={{this.iconSize}} @stretched={{true}} @isInlineBlock={{false}} />\\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 { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-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?: FlightIconSignature['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 HdsAlertComponent extends Component<HdsAlertSignature> {\n  @tracked role = 'alert';\n  @tracked 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  /**\n   * @param color\n   * @type {enum}\n   * @default neutral\n   * @description Determines the color scheme for the alert.\n   */\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  /**\n   * @param icon\n   * @type {string}\n   * @default false\n   * @description The name of the icon to be used.\n   */\n  get icon(): FlightIconSignature['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 FlightIcon to that name\n      return icon;\n    }\n  }\n\n  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\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  /**\n   * @param iconSize\n   * @type {string}\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): FlightIconSignature['Args']['size'] {\n    if (this.args.type === 'compact') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Alert#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\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    if (actions.length) {\n      this.role = 'alertdialog';\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","HdsAlertComponent","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","assert","join","type","includes","color","icon","undefined","onDismiss","iconSize","classNames","classes","push","didInsert","element","actions","querySelectorAll","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.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=\\\"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 role = 'alert';\n  @tracked 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  /**\n   * @param color\n   * @type {enum}\n   * @default neutral\n   * @description Determines the color scheme for the alert.\n   */\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  /**\n   * @param icon\n   * @type {string}\n   * @default false\n   * @description The name of the icon to be used.\n   */\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  /**\n   * @param onDismiss\n   * @type {function}\n   * @default () => {}\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  /**\n   * @param iconSize\n   * @type {string}\n   * @description ensures that the correct icon size is used. Automatically calculated.\n   */\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.type === 'compact') {\n      return '16';\n    } else {\n      return '24';\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method Alert#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\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    if (actions.length) {\n      this.role = 'alertdialog';\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","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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"}

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

@@ -1,16 +1,21 @@
-import templateOnlyComponent from '@ember/component/template-only';
+import Component from '@glimmer/component';
+import { HdsAlertTitleTagValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-alert__title hds-font-weight-semibold\" ...attributes>{{yield}}</div>");
+var TEMPLATE = 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}}");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-const HdsAlertTitleComponent = templateOnlyComponent();
-var title = setComponentTemplate(TEMPLATE, HdsAlertTitleComponent);
+class HdsAlertTitle extends Component {
+  get componentTag() {
+    return this.args.tag ?? HdsAlertTitleTagValues.Div;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAlertTitle);
 
-export { title as default };
+export { HdsAlertTitle as default };
 //# sourceMappingURL=title.js.map

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<div class=\\\"hds-alert__title hds-font-weight-semibold\\\" ...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 HdsAlertTitleSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsAlertTitleComponent = TemplateOnlyComponent<HdsAlertTitleSignature>();\n\nexport default HdsAlertTitleComponent;\n"],"names":["HdsAlertTitleComponent","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sKAAsK;;ACDxM;AACA;AACA;AACA;;AAWA,MAAMA,sBAAsB,GAAGC,qBAAqB,EAA0B,CAAA;AAE9E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,sBAAsB,CAAA;;;;"}
+{"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,CAAA;AACpD,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAJoBR,aAAa,CAAA;;;;"}

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

@@ -17,6 +17,16 @@ let HdsAlertColorValues = /*#__PURE__*/function (HdsAlertColorValues) {
   HdsAlertColorValues["Critical"] = "critical";
   return HdsAlertColorValues;
 }({});
+let HdsAlertTitleTagValues = /*#__PURE__*/function (HdsAlertTitleTagValues) {
+  HdsAlertTitleTagValues["Div"] = "div";
+  HdsAlertTitleTagValues["H1"] = "h1";
+  HdsAlertTitleTagValues["H2"] = "h2";
+  HdsAlertTitleTagValues["H3"] = "h3";
+  HdsAlertTitleTagValues["H4"] = "h4";
+  HdsAlertTitleTagValues["H5"] = "h5";
+  HdsAlertTitleTagValues["H6"] = "h6";
+  return HdsAlertTitleTagValues;
+}({});
 
-export { HdsAlertColorValues, HdsAlertTypeValues };
+export { HdsAlertColorValues, HdsAlertTitleTagValues, HdsAlertTypeValues };
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/alert/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsAlertTypeValues {\n  Page = 'page',\n  Inline = 'inline',\n  Compact = 'compact',\n}\nexport type HdsAlertTypes = `${HdsAlertTypeValues}`;\n\nexport enum HdsAlertColorValues {\n  Neutral = 'neutral',\n  Highlight = 'highlight',\n  Success = 'success',\n  Warning = 'warning',\n  Critical = 'critical',\n}\nexport type HdsAlertColors = `${HdsAlertColorValues}`;\n"],"names":["HdsAlertTypeValues","HdsAlertColorValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOlBC,IAAAA,mBAAmB,0BAAnBA,mBAAmB,EAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAnBA,mBAAmB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/alert/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nexport enum HdsAlertTypeValues {\n  Page = 'page',\n  Inline = 'inline',\n  Compact = 'compact',\n}\nexport type HdsAlertTypes = `${HdsAlertTypeValues}`;\n\nexport enum HdsAlertColorValues {\n  Neutral = 'neutral',\n  Highlight = 'highlight',\n  Success = 'success',\n  Warning = 'warning',\n  Critical = 'critical',\n}\nexport type HdsAlertColors = `${HdsAlertColorValues}`;\n\nexport enum HdsAlertTitleTagValues {\n  Div = 'div',\n  H1 = 'h1',\n  H2 = 'h2',\n  H3 = 'h3',\n  H4 = 'h4',\n  H5 = 'h5',\n  H6 = 'h6',\n}\n\nexport type HdsAlertTitleTags = `${HdsAlertTitleTagValues}`;\n"],"names":["HdsAlertTypeValues","HdsAlertColorValues","HdsAlertTitleTagValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAEYA,IAAAA,kBAAkB,0BAAlBA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAlBA,kBAAkB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AAAA,EAAA,OAAlBA,kBAAkB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOlBC,IAAAA,mBAAmB,0BAAnBA,mBAAmB,EAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAnBA,mBAAmB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;AAAA,EAAA,OAAnBA,mBAAmB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASnBC,IAAAA,sBAAsB,0BAAtBA,sBAAsB,EAAA;EAAtBA,sBAAsB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAtBA,sBAAsB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAtBA,sBAAsB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -2,14 +2,14 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-app-footer__copyright\" ...attributes>\n  <FlightIcon @name=\"hashicorp\" />\n  <Hds::Text::Body @tag=\"span\" @size=\"100\">© {{this.year}} HashiCorp</Hds::Text::Body>\n</div>");
+var TEMPLATE = 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>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterCopyrightComponent extends Component {
+class HdsAppFooterCopyright extends Component {
   /**
    * @param year
    * @type {string}
@@ -20,7 +20,7 @@ class HdsAppFooterCopyrightComponent extends Component {
     return this.args.year ?? new Date().getFullYear();
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterCopyrightComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooterCopyright);
 
-export { HdsAppFooterCopyrightComponent as default };
+export { HdsAppFooterCopyright as default };
 //# sourceMappingURL=copyright.js.map

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  <FlightIcon @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 HdsAppFooterCopyrightComponent 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":["HdsAppFooterCopyrightComponent","Component","year","args","Date","getFullYear","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,mRAAmR;;ACDrT;AACA;AACA;AACA;;AAWe,MAAMA,8BAA8B,SAASC,SAAS,CAAiC;AACpG;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAoB;AAC1B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,IAAI,IAAIE,IAAI,EAAE,CAACC,WAAW,EAAE,CAAA;AACnD,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAVoBP,8BAA8B,CAAA;;;;"}
+{"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,CAAA;AACnD,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAVoBP,qBAAqB,CAAA;;;;"}

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

@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterComponent extends Component {
+class HdsAppFooter extends Component {
   /**
    * @param ariaLabel
    * @type {string}
@@ -42,7 +42,7 @@ class HdsAppFooterComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooter);
 
-export { HdsAppFooterComponent as default };
+export { HdsAppFooter as default };
 //# sourceMappingURL=index.js.map

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 './legal-links';\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 HdsAppFooterComponent 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":["HdsAppFooterComponent","Component","ariaLabel","args","theme","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4pBAA4pB;;ACD9rB;AACA;AACA;AACA;;AAiCe,MAAMA,qBAAqB,SAASC,SAAS,CAAwB;AAClF;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc,CAAA;AAC9C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAA2B;AAClC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO,CAAA;AACnC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,KAAK,EAAE,CAAC,CAAA;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,qBAAqB,CAAA;;;;"}
+{"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 './legal-links';\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,CAAA;AAC9C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAA2B;AAClC,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO,CAAA;AACnC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAElC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,sBAAA,EAAyB,IAAI,CAACH,KAAK,EAAE,CAAC,CAAA;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,YAAY,CAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterItemComponent extends Component {}
-setComponentTemplate(TEMPLATE, HdsAppFooterItemComponent);
+class HdsAppFooterItem extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFooterItem);
 
-export { HdsAppFooterItemComponent as default };
+export { HdsAppFooterItem as default };
 //# sourceMappingURL=item.js.map

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 Component from '@glimmer/component';\n\nexport interface HdsAppFooterItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsAppFooterItemComponent extends Component<HdsAppFooterItemSignature> {}\n"],"names":["HdsAppFooterItemComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4JAA4J;;ACD9L;AACA;AACA;AACA;;AAWe,MAAMA,yBAAyB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAzEH,yBAAyB,CAAA;;;;"}
+{"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 Component from '@glimmer/component';\n\nexport interface HdsAppFooterItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsAppFooterItem extends Component<HdsAppFooterItemSignature> {}\n"],"names":["HdsAppFooterItem","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4JAA4J;;ACD9L;AACA;AACA;AACA;;AAWe,MAAMA,gBAAgB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAhEH,gBAAgB,CAAA;;;;"}

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

@@ -9,7 +9,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterLegalLinksComponent extends Component {
+class HdsAppFooterLegalLinks extends Component {
   /**
    * @param ariaLabel
    * @type {string}
@@ -64,7 +64,7 @@ class HdsAppFooterLegalLinksComponent extends Component {
     return this.args.hrefForAccessibility ?? 'https://www.hashicorp.com/accessibility';
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterLegalLinksComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooterLegalLinks);
 
-export { HdsAppFooterLegalLinksComponent as default };
+export { HdsAppFooterLegalLinks as default };
 //# sourceMappingURL=legal-links.js.map

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 HdsAppFooterLegalLinksComponent 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":["HdsAppFooterLegalLinksComponent","Component","ariaLabel","args","hrefForSupport","hrefForTerms","hrefForPrivacy","hrefForSecurity","hrefForAccessibility","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sqBAAsqB;;ACDxsB;AACA;AACA;AACA;;AAgBe,MAAMA,+BAA+B,SAASC,SAAS,CAAkC;AACtG;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAW;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,aAAa,CAAA;AAC7C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAW;AACzB,IAAA,OACE,IAAI,CAACF,IAAI,CAACE,YAAY,IAAI,4CAA4C,CAAA;AAE1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAW;AAC5B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,eAAe,IAAI,oCAAoC,CAAA;AAC1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,oBAAoBA,GAAW;AACjC,IAAA,OACE,IAAI,CAACL,IAAI,CAACK,oBAAoB,IAC9B,yCAAyC,CAAA;AAE7C,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA3DoBV,+BAA+B,CAAA;;;;"}
+{"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,CAAA;AAC7C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAW;AACzB,IAAA,OACE,IAAI,CAACF,IAAI,CAACE,YAAY,IAAI,4CAA4C,CAAA;AAE1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAW;AAC3B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAW;AAC5B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,eAAe,IAAI,oCAAoC,CAAA;AAC1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,oBAAoBA,GAAW;AACjC,IAAA,OACE,IAAI,CAACL,IAAI,CAACK,oBAAoB,IAC9B,yCAAyC,CAAA;AAE7C,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA3DoBV,sBAAsB,CAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFooterLinkComponent extends Component {}
-setComponentTemplate(TEMPLATE, HdsAppFooterLinkComponent);
+class HdsAppFooterLink extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFooterLink);
 
-export { HdsAppFooterLinkComponent as default };
+export { HdsAppFooterLink as default };
 //# sourceMappingURL=link.js.map

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 Component from '@glimmer/component';\n\nimport type { HdsInteractiveSignature } from '../interactive/';\nimport type { HdsLinkColors, HdsLinkIconPositions } from '../link/types.ts';\nimport type { HdsLinkInlineSignature } from '../link/inline.ts';\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport interface HdsAppFooterLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    color?: HdsLinkColors;\n    icon?: FlightIconSignature['Args']['name'];\n    iconPosition?: HdsLinkIconPositions;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsLinkInlineSignature['Element'];\n}\n\nexport default class HdsAppFooterLinkComponent extends Component<HdsAppFooterLinkSignature> {}\n"],"names":["HdsAppFooterLinkComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+pBAA+pB;;ACDjsB;AACA;AACA;AACA;;AAqBe,MAAMA,yBAAyB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAzEH,yBAAyB,CAAA;;;;"}
+{"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 Component from '@glimmer/component';\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\nexport default class HdsAppFooterLink extends Component<HdsAppFooterLinkSignature> {}\n"],"names":["HdsAppFooterLink","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+pBAA+pB;;ACDjsB;AACA;AACA;AACA;;AAqBe,MAAMA,gBAAgB,SAASC,SAAS,CAA4B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAhEH,gBAAgB,CAAA;;;;"}

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

@@ -13,7 +13,7 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  */
 
 const STATUSES = HdsAppFooterStatusLinkStatusValues;
-class HdsAppFooterStatusLinkComponent extends Component {
+class HdsAppFooterStatusLink extends Component {
   constructor(owner, args) {
     super(owner, args);
     assert('Either @status or @text for "Hds::AppFooter::StatusLink" must have a valid value', this.args.text !== undefined || this.args.status);
@@ -33,17 +33,8 @@ class HdsAppFooterStatusLinkComponent extends Component {
     }
     return status;
   }
-
-  /**
-   * @param statusIcon
-   * @type {string}
-   * @description The name for the StatusLink icon
-   */
   get statusIcon() {
-    if (this.status && !this.args.statusIcon) {
-      return STATUSES[this.status]?.iconName;
-    }
-    return this.args.statusIcon;
+    return this.args.statusIcon ?? (this.status !== undefined ? STATUSES[this.status]?.iconName : undefined);
   }
 
   /**
@@ -95,7 +86,7 @@ class HdsAppFooterStatusLinkComponent extends Component {
     return classes.join(' ');
   }
 }
-setComponentTemplate(TEMPLATE, HdsAppFooterStatusLinkComponent);
+setComponentTemplate(TEMPLATE, HdsAppFooterStatusLink);
 
-export { STATUSES, HdsAppFooterStatusLinkComponent as default };
+export { STATUSES, HdsAppFooterStatusLink as default };
 //# sourceMappingURL=status-link.js.map

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 { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport const STATUSES = HdsAppFooterStatusLinkStatusValues;\n\nexport interface HdsAppFooterStatusLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    itemStyle?: SafeString;\n    status?: HdsAppFooterStatusTypes;\n    statusIcon?: FlightIconSignature['Args']['name'];\n    statusIconColor?: string;\n    text?: string;\n  };\n  Element: HdsAppFooterLinkSignature['Element'];\n}\n\nexport default class HdsAppFooterStatusLinkComponent 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  /**\n   * @param statusIcon\n   * @type {string}\n   * @description The name for the StatusLink icon\n   */\n  get statusIcon(): FlightIconSignature['Args']['name'] {\n    if (this.status && !this.args.statusIcon) {\n      return STATUSES[this.status]?.iconName;\n    }\n    return this.args.statusIcon;\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","HdsAppFooterStatusLinkComponent","Component","constructor","owner","args","assert","text","undefined","status","toLowerCase","Object","keys","join","statusIcon","iconName","itemStyle","statusIconColor","htmlSafe","href","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"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,mCAAkC;AAa3C,MAAMC,sBAAsB,SAASC,SAAS,CAAkC;AAC7FC,EAAAA,WAAWA,CAACC,KAAc,EAAEC,IAAqC,EAAE;AACjE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC,CAAA;AAElBC,IAAAA,MAAM,CACJ,kFAAkF,EAClF,IAAI,CAACD,IAAI,CAACE,IAAI,KAAKC,SAAS,IAAI,IAAI,CAACH,IAAI,CAACI,MAC5C,CAAC,CAAA;AACH,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIA,MAAMA,GAAwC;AAChD,IAAA,IAAIA,MAAM,CAAA;AACV,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACI,MAAM,EAAE;MACpBA,MAAM,GAAG,IAAI,CAACJ,IAAI,CAACI,MAAM,CAACC,WAAW,EAAE,CAAA;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,CAAA;AACD,MAAA,OAAOU,MAAM,CAAA;AACf,KAAA;AACA,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;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,CAAA;AAE7E,GAAA;;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,CAAA;AACH,KAAC,MAAM;AACL,MAAA,OAAOT,SAAS,CAAA;AAClB,KAAA;AACF,GAAA;;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,CAAA;AACpC,KAAA;AACA,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,IAAI,CAAA;AACvB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIY,IAAIA,GAAW;AACjB,IAAA,OAAO,IAAI,CAACd,IAAI,CAACc,IAAI,IAAI,8BAA8B,CAAA;AACzD,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,6BAA6B,CAAC,CAAA;;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,CAAA;AAC7D,KAAA;AAEA,IAAA,OAAOY,OAAO,CAACR,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACU,oBAAA,CAAAC,QAAA,EAzFoBvB,sBAAsB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/hds/app-footer/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { FlightIconSignature } from '@hashicorp/ember-flight-icons/components/flight-icon';\n\nexport enum HdsAppFooterStatusValues {\n  Operational = 'operational',\n  Degraded = 'degraded',\n  Maintenance = 'maintenance',\n  Outage = 'outage',\n}\n\nexport type HdsAppFooterStatusTypes = `${HdsAppFooterStatusValues}`;\n\nexport const HdsAppFooterStatusLinkStatusValues: Record<\n  HdsAppFooterStatusValues,\n  {\n    text: string;\n    iconName: FlightIconSignature['Args']['name'];\n  }\n> = {\n  [HdsAppFooterStatusValues.Operational]: {\n    text: 'System operational',\n    iconName: 'check-circle',\n  },\n  [HdsAppFooterStatusValues.Degraded]: {\n    text: 'System degraded',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Maintenance]: {\n    text: 'System maintenance',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Outage]: {\n    text: 'System outage',\n    iconName: 'x-circle',\n  },\n};\n\nexport enum HdsAppFooterThemeValues {\n  Light = 'light',\n  Dark = 'dark',\n}\n\nexport type HdsAppFooterThemeTypes = `${HdsAppFooterThemeValues}`;\n"],"names":["HdsAppFooterStatusValues","HdsAppFooterStatusLinkStatusValues","Operational","text","iconName","Degraded","Maintenance","Outage","HdsAppFooterThemeValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAGYA,IAAAA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAxBA,wBAAwB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAS7B,MAAMC,kCAMZ,GAAG;EACF,CAACD,wBAAwB,CAACE,WAAW,GAAG;AACtCC,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,cAAA;GACX;EACD,CAACJ,wBAAwB,CAACK,QAAQ,GAAG;AACnCF,IAAAA,IAAI,EAAE,iBAAiB;AACvBC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACM,WAAW,GAAG;AACtCH,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACO,MAAM,GAAG;AACjCJ,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,QAAQ,EAAE,UAAA;AACZ,GAAA;AACF,EAAC;AAEWI,IAAAA,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAvBA,uBAAuB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAvBA,uBAAuB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/hds/app-footer/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { HdsIconSignature } from '../icon';\n\nexport enum HdsAppFooterStatusValues {\n  Operational = 'operational',\n  Degraded = 'degraded',\n  Maintenance = 'maintenance',\n  Outage = 'outage',\n}\n\nexport type HdsAppFooterStatusTypes = `${HdsAppFooterStatusValues}`;\n\nexport const HdsAppFooterStatusLinkStatusValues: Record<\n  HdsAppFooterStatusValues,\n  {\n    text: string;\n    iconName: HdsIconSignature['Args']['name'];\n  }\n> = {\n  [HdsAppFooterStatusValues.Operational]: {\n    text: 'System operational',\n    iconName: 'check-circle',\n  },\n  [HdsAppFooterStatusValues.Degraded]: {\n    text: 'System degraded',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Maintenance]: {\n    text: 'System maintenance',\n    iconName: 'alert-triangle',\n  },\n  [HdsAppFooterStatusValues.Outage]: {\n    text: 'System outage',\n    iconName: 'x-circle',\n  },\n};\n\nexport enum HdsAppFooterThemeValues {\n  Light = 'light',\n  Dark = 'dark',\n}\n\nexport type HdsAppFooterThemeTypes = `${HdsAppFooterThemeValues}`;\n"],"names":["HdsAppFooterStatusValues","HdsAppFooterStatusLinkStatusValues","Operational","text","iconName","Degraded","Maintenance","Outage","HdsAppFooterThemeValues"],"mappings":"AAAA;AACA;AACA;AACA;;AAGYA,IAAAA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAxBA,wBAAwB,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAxBA,wBAAwB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAxBA,wBAAwB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAS7B,MAAMC,kCAMZ,GAAG;EACF,CAACD,wBAAwB,CAACE,WAAW,GAAG;AACtCC,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,cAAA;GACX;EACD,CAACJ,wBAAwB,CAACK,QAAQ,GAAG;AACnCF,IAAAA,IAAI,EAAE,iBAAiB;AACvBC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACM,WAAW,GAAG;AACtCH,IAAAA,IAAI,EAAE,oBAAoB;AAC1BC,IAAAA,QAAQ,EAAE,gBAAA;GACX;EACD,CAACJ,wBAAwB,CAACO,MAAM,GAAG;AACjCJ,IAAAA,IAAI,EAAE,eAAe;AACrBC,IAAAA,QAAQ,EAAE,UAAA;AACZ,GAAA;AACF,EAAC;AAEWI,IAAAA,uBAAuB,0BAAvBA,uBAAuB,EAAA;EAAvBA,uBAAuB,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAvBA,uBAAuB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAvBA,uBAAuB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

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

@@ -2,59 +2,44 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<div class=\"hds-app-frame\" ...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>");
+var TEMPLATE = 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>");
 
 /**
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFrameComponent extends Component {
-  /**
-   * Indicates if the "header" container should be displayed
-   *
-   * @param hasHeader
-   * @type {boolean}
-   * @default true
-   */
+class HdsAppFrame extends Component {
+  // Indicates if the "header" container should be displayed
   get hasHeader() {
     return this.args.hasHeader ?? true;
   }
 
-  /**
-   * Indicates if the "sidebar" container should be displayed
-   *
-   * @param hasSidebar
-   * @type {boolean}
-   * @default true
-   */
+  // Indicates if the "sidebar" container should be displayed
   get hasSidebar() {
     return this.args.hasSidebar ?? true;
   }
 
-  /**
-   * Indicates if the "footer" container should be displayed
-   *
-   * @param hasFooter
-   * @type {boolean}
-   * @default true
-   */
+  // Indicates if the "footer" container should be displayed
   get hasFooter() {
     return this.args.hasFooter ?? true;
   }
 
-  /**
-   * Indicates if the "modals" container should be displayed
-   *
-   * @param hasModals
-   * @type {boolean}
-   * @default true
-   */
+  // Indicates if the "modals" container should be displayed
   get hasModals() {
     return this.args.hasModals ?? true;
   }
+
+  // Get the class names to apply to the component.
+  get classNames() {
+    const classes = ['hds-app-frame'];
+    if (this.hasHeader && this.hasSidebar) {
+      classes.push('hds-app-frame--has-header-with-sidebar');
+    }
+    return classes.join(' ');
+  }
 }
-setComponentTemplate(TEMPLATE, HdsAppFrameComponent);
+setComponentTemplate(TEMPLATE, HdsAppFrame);
 
-export { HdsAppFrameComponent as default };
+export { HdsAppFrame as default };
 //# sourceMappingURL=index.js.map

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=\\\"hds-app-frame\\\" ...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 HdsAppFrameComponent extends Component<HdsAppFrameSignature> {\n  /**\n   * Indicates if the \"header\" container should be displayed\n   *\n   * @param hasHeader\n   * @type {boolean}\n   * @default true\n   */\n  get hasHeader(): boolean {\n    return this.args.hasHeader ?? true;\n  }\n\n  /**\n   * Indicates if the \"sidebar\" container should be displayed\n   *\n   * @param hasSidebar\n   * @type {boolean}\n   * @default true\n   */\n  get hasSidebar(): boolean {\n    return this.args.hasSidebar ?? true;\n  }\n\n  /**\n   * Indicates if the \"footer\" container should be displayed\n   *\n   * @param hasFooter\n   * @type {boolean}\n   * @default true\n   */\n  get hasFooter(): boolean {\n    return this.args.hasFooter ?? true;\n  }\n\n  /**\n   * Indicates if the \"modals\" container should be displayed\n   *\n   * @param hasModals\n   * @type {boolean}\n   * @default true\n   */\n  get hasModals(): boolean {\n    return this.args.hasModals ?? true;\n  }\n}\n"],"names":["HdsAppFrameComponent","Component","hasHeader","args","hasSidebar","hasFooter","hasModals","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6/BAA6/B;;ACD/hC;AACA;AACA;AACA;;AA+Be,MAAMA,oBAAoB,SAASC,SAAS,CAAuB;AAChF;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,UAAU,IAAI,IAAI,CAAA;AACrC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA5CoBR,oBAAoB,CAAA;;;;"}
+{"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,CAAA;AACpC,GAAA;;AAEA;EACA,IAAIE,UAAUA,GAAY;AACxB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,UAAU,IAAI,IAAI,CAAA;AACrC,GAAA;;AAEA;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;EACA,IAAIC,SAASA,GAAY;AACvB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;EACA,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC,CAAA;AAEjC,IAAA,IAAI,IAAI,CAACN,SAAS,IAAI,IAAI,CAACE,UAAU,EAAE;AACrCI,MAAAA,OAAO,CAACC,IAAI,CAAC,wCAAwC,CAAC,CAAA;AACxD,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA/BoBZ,WAAW,CAAA;;;;"}

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

@@ -9,8 +9,8 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-
  * SPDX-License-Identifier: MPL-2.0
  */
 
-class HdsAppFrameFooterComponent extends Component {}
-setComponentTemplate(TEMPLATE, HdsAppFrameFooterComponent);
+class HdsAppFrameFooter extends Component {}
+setComponentTemplate(TEMPLATE, HdsAppFrameFooter);
 
-export { HdsAppFrameFooterComponent as default };
+export { HdsAppFrameFooter as default };
 //# sourceMappingURL=footer.js.map

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 Component from '@glimmer/component';\n\nexport interface HdsAppFrameFooterSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppFrameFooterComponent extends Component<HdsAppFrameFooterSignature> {}\n"],"names":["HdsAppFrameFooterComponent","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWe,MAAMA,0BAA0B,SAASC,SAAS,CAA6B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAA3EH,0BAA0B,CAAA;;;;"}
+{"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 Component from '@glimmer/component';\n\nexport interface HdsAppFrameFooterSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppFrameFooter extends Component<HdsAppFrameFooterSignature> {}\n"],"names":["HdsAppFrameFooter","Component","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B,EAAA;AAAEC,oBAAA,CAAAC,QAAA,EAAlEH,iBAAiB,CAAA;;;;"}