@hashicorp/design-system-components 3.6.0 → 4.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/alert/description.hbs","../../../../src/components/hds/alert/description.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-alert__description hds-font-weight-regular hds-foreground-primary\\\" ...attributes>{{yield}}</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,kMAAkM;;ACApO,kBAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,153 @@
+import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { assert } from '@ember/debug';
+import { guidFor } from '@ember/object/internals';
+import { tracked } from '@glimmer/tracking';
+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 _class, _descriptor, _descriptor2;
+const TYPES = ['page', 'inline', 'compact'];
+const DEFAULT_COLOR = 'neutral';
+const COLORS = ['neutral', 'highlight', 'success', 'warning', 'critical'];
+const MAPPING_COLORS_TO_ICONS = {
+  neutral: 'info',
+  highlight: 'info',
+  success: 'check-circle',
+  warning: 'alert-triangle',
+  critical: 'alert-diamond'
+};
+const CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';
+const TITLE_ELEMENT_SELECTOR = '.hds-alert__title';
+const DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';
+let HdsAlertIndexComponent = (_class = class HdsAlertIndexComponent extends Component {
+  constructor() {
+    super(...arguments);
+    _initializerDefineProperty(this, "role", _descriptor, this);
+    _initializerDefineProperty(this, "ariaLabelledBy", _descriptor2, this);
+    assert(`@type for "Hds::Alert" must be one of the following: ${TYPES.join(', ')}; received: ${this.args.type}`, TYPES.includes(this.args.type));
+  }
+
+  /**
+   * @param color
+   * @type {enum}
+   * @default neutral
+   * @description Determines the color scheme for the alert.
+   */
+  get color() {
+    let {
+      color = DEFAULT_COLOR
+    } = this.args;
+    assert(`@color for "Hds::Alert" must be one of the following: ${COLORS.join(', ')}; received: ${color}`, COLORS.includes(color));
+    return color;
+  }
+
+  /**
+   * @param icon
+   * @type {string}
+   * @default null
+   * @description The name of the icon to be used.
+   */
+  get icon() {
+    let {
+      icon
+    } = this.args;
+
+    // If `icon` isn't passed, use the pre-defined one from `color`
+    if (icon === undefined) {
+      if (this.args.type === 'compact') {
+        // for the "compact" type by default we use filled icons
+        return `${MAPPING_COLORS_TO_ICONS[this.color]}-fill`;
+      } else {
+        // for all the other types by default we use outlined icons
+        return MAPPING_COLORS_TO_ICONS[this.color];
+      }
+      // If `icon` is set explicitly to false, user doesn't want any icon in the alert
+    } else if (icon === false) {
+      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
+      return icon;
+    }
+  }
+
+  /**
+   * @param onDismiss
+   * @type {function}
+   * @default () => {}
+   */
+  get onDismiss() {
+    let {
+      onDismiss
+    } = this.args;
+    if (typeof onDismiss === 'function') {
+      return onDismiss;
+    } else {
+      return false;
+    }
+  }
+
+  /**
+   * @param iconSize
+   * @type {string}
+   * @description ensures that the correct icon size is used. Automatically calculated.
+   */
+  get iconSize() {
+    if (this.args.type === 'compact') {
+      return '16';
+    } else {
+      return '24';
+    }
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method Alert#classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-alert'];
+
+    // Add a class based on the @type argument
+    classes.push(`hds-alert--type-${this.args.type}`);
+
+    // Add a class based on the @color argument
+    classes.push(`hds-alert--color-${this.color}`);
+    return classes.join(' ');
+  }
+  didInsert(element) {
+    let actions = element.querySelectorAll(`${CONTENT_ELEMENT_SELECTOR} button, ${CONTENT_ELEMENT_SELECTOR} a`);
+    if (actions.length) {
+      this.role = 'alertdialog';
+    }
+
+    // `alertdialog` must have an accessible name so we use either the
+    // title or the description as label for the alert
+    let label = element.querySelector(TITLE_ELEMENT_SELECTOR) || element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);
+    if (label) {
+      let labelId = label.getAttribute('id') || guidFor(element);
+      label.setAttribute('id', labelId);
+      this.ariaLabelledBy = labelId;
+    }
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "role", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return 'alert';
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "ariaLabelledBy", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsAlertIndexComponent);
+
+export { COLORS, DEFAULT_COLOR, MAPPING_COLORS_TO_ICONS, TYPES, HdsAlertIndexComponent as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/alert/index.hbs","../../../../src/components/hds/alert/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div\\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\nexport const TYPES = ['page', 'inline', 'compact'];\nexport const DEFAULT_COLOR = 'neutral';\nexport const COLORS = [\n  'neutral',\n  'highlight',\n  'success',\n  'warning',\n  'critical',\n];\nexport const MAPPING_COLORS_TO_ICONS = {\n  neutral: 'info',\n  highlight: 'info',\n  success: 'check-circle',\n  warning: 'alert-triangle',\n  critical: 'alert-diamond',\n};\n\nconst CONTENT_ELEMENT_SELECTOR = '.hds-alert__content';\nconst TITLE_ELEMENT_SELECTOR = '.hds-alert__title';\nconst DESCRIPTION_ELEMENT_SELECTOR = '.hds-alert__description';\n\nexport default class HdsAlertIndexComponent extends Component {\n  @tracked role = 'alert';\n  @tracked ariaLabelledBy;\n\n  constructor() {\n    super(...arguments);\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() {\n    let { 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 null\n   * @description The name of the icon to be used.\n   */\n  get icon() {\n    let { 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  get onDismiss() {\n    let { 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() {\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() {\n    let 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) {\n    let 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    let label =\n      element.querySelector(TITLE_ELEMENT_SELECTOR) ||\n      element.querySelector(DESCRIPTION_ELEMENT_SELECTOR);\n    if (label) {\n      let labelId = label.getAttribute('id') || guidFor(element);\n      label.setAttribute('id', labelId);\n      this.ariaLabelledBy = labelId;\n    }\n  }\n}\n"],"names":["TYPES","DEFAULT_COLOR","COLORS","MAPPING_COLORS_TO_ICONS","neutral","highlight","success","warning","critical","CONTENT_ELEMENT_SELECTOR","TITLE_ELEMENT_SELECTOR","DESCRIPTION_ELEMENT_SELECTOR","HdsAlertIndexComponent","_class","Component","constructor","arguments","_initializerDefineProperty","_descriptor","_descriptor2","assert","join","args","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","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sources":["../../../../src/components/hds/alert/title.hbs","../../../../src/components/hds/alert/title.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-alert__title hds-font-weight-semibold\\\" ...attributes>{{yield}}</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sKAAsK;;ACAxM,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,26 @@
+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>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAppFooterCopyrightComponent extends Component {
+  /**
+   * @param year
+   * @type {string}
+   * @description The copyright year
+   * @default The current year (calculated via `Date()`)
+   */
+  get year() {
+    return this.args.year ?? new Date().getFullYear();
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAppFooterCopyrightComponent);
+
+export { HdsAppFooterCopyrightComponent as default };
+//# sourceMappingURL=copyright.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"copyright.js","sources":["../../../../src/components/hds/app-footer/copyright.hbs","../../../../src/components/hds/app-footer/copyright.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div class=\\\"hds-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 default class HdsAppFooterCopyrightComponent extends Component {\n  /**\n   * @param year\n   * @type {string}\n   * @description The copyright year\n   * @default The current year (calculated via `Date()`)\n   */\n  get year() {\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;;AAIe,MAAMA,8BAA8B,SAASC,SAAS,CAAC;AACpE;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAG;AACT,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;;;;"}

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

@@ -0,0 +1,48 @@
+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={{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>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAppFooterIndexComponent extends Component {
+  /**
+   * @param ariaLabel
+   * @type {string}
+   * @default 'Footer items'
+   */
+  get ariaLabel() {
+    return this.args.ariaLabel ?? 'Footer items';
+  }
+
+  /**
+   * @param theme
+   * @type {string}
+   * @description The component theme
+   * @default 'light'
+   */
+  get theme() {
+    return this.args.theme ?? 'light';
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-app-footer'];
+
+    // add a class based on the @theme argument
+    classes.push(`hds-app-footer--theme-${this.theme}`);
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAppFooterIndexComponent);
+
+export { HdsAppFooterIndexComponent as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-footer/index.hbs","../../../../src/components/hds/app-footer/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div class={{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\nexport default class HdsAppFooterIndexComponent extends Component {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Footer items'\n   */\n  get ariaLabel() {\n    return this.args.ariaLabel ?? 'Footer items';\n  }\n\n  /**\n   * @param theme\n   * @type {string}\n   * @description The component theme\n   * @default 'light'\n   */\n  get theme() {\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() {\n    let 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":["HdsAppFooterIndexComponent","Component","ariaLabel","args","theme","classNames","classes","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4pBAA4pB;;ACD9rB;AACA;AACA;AACA;;AAIe,MAAMA,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,cAAc,CAAA;AAC9C,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,KAAKA,GAAG;AACV,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,IAAI,OAAO,CAAA;AACnC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAEhC;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,sBAAA,EAAwB,IAAI,CAACH,KAAM,EAAC,CAAC,CAAA;AAEnD,IAAA,OAAOE,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAjCoBV,0BAA0B,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/app-footer/item.hbs","../../../../src/components/hds/app-footer/item.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<li class=\\\"hds-app-footer__list-item\\\" ...attributes>\\n  {{yield}}\\n</li>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4JAA4J;;ACA9L,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,70 @@
+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<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>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAppFooterLegalLinksComponent extends Component {
+  /**
+   * @param ariaLabel
+   * @type {string}
+   * @default 'Legal links'
+   */
+  get ariaLabel() {
+    return this.args.ariaLabel ?? 'Legal links';
+  }
+
+  /**
+   * @param hrefForSupport
+   * @type {string}
+   * @description The href value of the "Support" link
+   */
+  get hrefForSupport() {
+    return this.args.hrefForSupport ?? 'https://www.hashicorp.com/support';
+  }
+
+  /**
+   * @param hrefForTerms
+   * @type {string}
+   * @description The href value of the "Terms" link
+   */
+  get hrefForTerms() {
+    return this.args.hrefForTerms ?? 'https://www.hashicorp.com/terms-of-service';
+  }
+
+  /**
+   * @param hrefForPrivacy
+   * @type {string}
+   * @description The href value of the "Privacy" link
+   */
+  get hrefForPrivacy() {
+    return this.args.hrefForPrivacy ?? 'https://www.hashicorp.com/privacy';
+  }
+
+  /**
+   * @param hrefForSecurity
+   * @type {string}
+   * @description The href value of the "Security" link
+   */
+  get hrefForSecurity() {
+    return this.args.hrefForSecurity ?? 'https://www.hashicorp.com/security';
+  }
+
+  /**
+   * @param hrefForAccessibility
+   * @type {string}
+   * @description The href value of the "Accessibility" link
+   */
+  get hrefForAccessibility() {
+    return this.args.hrefForAccessibility ?? 'https://www.hashicorp.com/accessibility';
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAppFooterLegalLinksComponent);
+
+export { HdsAppFooterLegalLinksComponent as default };
+//# sourceMappingURL=legal-links.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legal-links.js","sources":["../../../../src/components/hds/app-footer/legal-links.hbs","../../../../src/components/hds/app-footer/legal-links.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<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 default class HdsAppFooterLegalLinksComponent extends Component {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'Legal links'\n   */\n  get ariaLabel() {\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() {\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() {\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() {\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() {\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() {\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;;AAIe,MAAMA,+BAA+B,SAASC,SAAS,CAAC;AACrE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,aAAa,CAAA;AAC7C,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAG;AACnB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,YAAYA,GAAG;AACjB,IAAA,OACE,IAAI,CAACF,IAAI,CAACE,YAAY,IAAI,4CAA4C,CAAA;AAE1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,cAAcA,GAAG;AACnB,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,cAAc,IAAI,mCAAmC,CAAA;AACxE,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,eAAeA,GAAG;AACpB,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,eAAe,IAAI,oCAAoC,CAAA;AAC1E,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,oBAAoBA,GAAG;AACzB,IAAA,OACE,IAAI,CAACL,IAAI,CAACK,oBAAoB,IAC9B,yCAAyC,CAAA;AAE7C,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA3DoBV,+BAA+B,CAAA;;;;"}

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

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<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>");
+
+var link = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { link as default };
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../../src/components/hds/app-footer/link.hbs","../../../../src/components/hds/app-footer/link.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<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>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+pBAA+pB;;ACAjsB,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,116 @@
+import Component from '@glimmer/component';
+import { htmlSafe } from '@ember/template';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::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>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const STATUSES = {
+  operational: {
+    text: 'System operational',
+    iconName: 'check-circle'
+  },
+  degraded: {
+    text: 'System degraded',
+    iconName: 'alert-triangle'
+  },
+  maintenance: {
+    text: 'System maintenance',
+    iconName: 'alert-triangle'
+  },
+  outage: {
+    text: 'System outage',
+    iconName: 'x-circle'
+  }
+};
+class HdsAppFooterStatusLinkComponent extends Component {
+  constructor() {
+    super(...arguments);
+    assert('Either @status or @text for "Hds::AppFooter::StatusLink" must have a valid value', this.args.text !== undefined || this.args.status);
+  }
+
+  /**
+   * @param status
+   * @type {string}
+   * @description The name of the status which the StatusLink is being set to
+   */
+  get status() {
+    let status;
+    if (this.args.status) {
+      status = this.args.status.toLowerCase();
+      assert(`@status for "Hds::AppFooter" must be one of the following: ${Object.keys(STATUSES).join(', ')} received: ${this.args.status}`, Object.keys(STATUSES).includes(status));
+    }
+    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;
+  }
+
+  /**
+   * Get the inline style to apply to the item.
+   * @method StatusLink#itemStyle
+   * @return {string} The "style" attribute to apply to the item.
+   */
+  get itemStyle() {
+    if (this.args.statusIconColor) {
+      return htmlSafe(`--hds-app-footer-status-icon-color: ${this.args.statusIconColor}`);
+    } else {
+      return undefined;
+    }
+  }
+
+  /**
+   * @param text
+   * @type {string}
+   * @description The text content of the StatusLink
+   */
+  get text() {
+    if (!this.args.text) {
+      return STATUSES[this.status].text;
+    }
+    return this.args.text;
+  }
+
+  /**
+   * @param href
+   * @type {string}
+   * @description The href value of the StatusLink
+   */
+  get href() {
+    return this.args.href ?? 'https://status.hashicorp.com';
+  }
+
+  /**
+   * Get the class names to apply to the component.
+   * @method classNames
+   * @return {string} The "class" attribute to apply to the component.
+   */
+  get classNames() {
+    let classes = ['hds-app-footer__status-link'];
+
+    // add a class based on status if no statusIconColor is explicitly specified
+    if (this.status && !this.args.statusIconColor) {
+      classes.push(`hds-app-footer__status-link--${this.status}`);
+    }
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAppFooterStatusLinkComponent);
+
+export { STATUSES, HdsAppFooterStatusLinkComponent as default };
+//# sourceMappingURL=status-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status-link.js","sources":["../../../../src/components/hds/app-footer/status-link.hbs","../../../../src/components/hds/app-footer/status-link.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<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 { assert } from '@ember/debug';\n\nexport const STATUSES = {\n  operational: {\n    text: 'System operational',\n    iconName: 'check-circle',\n  },\n  degraded: {\n    text: 'System degraded',\n    iconName: 'alert-triangle',\n  },\n  maintenance: {\n    text: 'System maintenance',\n    iconName: 'alert-triangle',\n  },\n  outage: {\n    text: 'System outage',\n    iconName: 'x-circle',\n  },\n};\n\nexport default class HdsAppFooterStatusLinkComponent extends Component {\n  constructor() {\n    super(...arguments);\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 {string}\n   * @description The name of the status which the StatusLink is being set to\n   */\n  get status() {\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        Object.keys(STATUSES).includes(status)\n      );\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() {\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() {\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() {\n    if (!this.args.text) {\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() {\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() {\n    let 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","operational","text","iconName","degraded","maintenance","outage","HdsAppFooterStatusLinkComponent","Component","constructor","arguments","assert","args","undefined","status","toLowerCase","Object","keys","join","includes","statusIcon","itemStyle","statusIconColor","htmlSafe","href","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+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>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsAppFrameIndexComponent extends Component {
+  /**
+   * Indicates if the "header" container should be displayed
+   *
+   * @param hasHeader
+   * @type {boolean}
+   * @default true
+   */
+  get hasHeader() {
+    return this.args.hasHeader ?? true;
+  }
+
+  /**
+   * Indicates if the "sidebar" container should be displayed
+   *
+   * @param hasSidebar
+   * @type {boolean}
+   * @default true
+   */
+  get hasSidebar() {
+    return this.args.hasSidebar ?? true;
+  }
+
+  /**
+   * Indicates if the "footer" container should be displayed
+   *
+   * @param hasFooter
+   * @type {boolean}
+   * @default true
+   */
+  get hasFooter() {
+    return this.args.hasFooter ?? true;
+  }
+
+  /**
+   * Indicates if the "modals" container should be displayed
+   *
+   * @param hasModals
+   * @type {boolean}
+   * @default true
+   */
+  get hasModals() {
+    return this.args.hasModals ?? true;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsAppFrameIndexComponent);
+
+export { HdsAppFrameIndexComponent as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-frame/index.hbs","../../../../src/components/hds/app-frame/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class=\\\"hds-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';\n\nexport default class HdsAppFrameIndexComponent extends Component {\n  /**\n   * Indicates if the \"header\" container should be displayed\n   *\n   * @param hasHeader\n   * @type {boolean}\n   * @default true\n   */\n  get hasHeader() {\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() {\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() {\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() {\n    return this.args.hasModals ?? true;\n  }\n}\n"],"names":["HdsAppFrameIndexComponent","Component","hasHeader","args","hasSidebar","hasFooter","hasModals","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,6/BAA6/B;;ACD/hC;AACA;AACA;AACA;;AAIe,MAAMA,yBAAyB,SAASC,SAAS,CAAC;AAC/D;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,UAAU,IAAI,IAAI,CAAA;AACrC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;AACd,IAAA,OAAO,IAAI,CAACH,IAAI,CAACG,SAAS,IAAI,IAAI,CAAA;AACpC,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA5CoBR,yBAAyB,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../../../../../src/components/hds/app-frame/parts/footer.hbs","../../../../../src/components/hds/app-frame/parts/footer.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n<footer class=\\\"hds-app-frame__footer\\\" ...attributes>\\n  {{yield}}\\n</footer>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACAhM,aAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}