@hashicorp/design-system-components 3.5.0 → 4.0.0

package/dist/components/hds/segmented-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/segmented-group/index.hbs","../../../../src/components/hds/segmented-group/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-segmented-group\\\" ...attributes>\\n  {{yield\\n    (hash\\n      Button=(component \\\"hds/button\\\")\\n      Dropdown=(component \\\"hds/dropdown\\\")\\n      Select=(component \\\"hds/form/select/base\\\")\\n      TextInput=(component \\\"hds/form/text-input/base\\\")\\n      Generic=(component \\\"hds/yield\\\")\\n    )\\n  }}\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,wZAAwZ;;ACA1b,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

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

@@ -0,0 +1,48 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<hr class={{this.classNames}} ...attributes />");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+const DEFAULT_SPACING = '24';
+const SPACING = ['24', '0'];
+class HdsSeparatorIndexComponent extends Component {
+  /**
+   * Sets the margin for the separator
+   * Accepted values: 24, 0
+   *
+   * @param spacing
+   * @type {string}
+   * @default 'default'
+   */
+  get spacing() {
+    let {
+      spacing = DEFAULT_SPACING
+    } = this.args;
+    assert(`@spacing for "Hds::Separator" must be one of the following: ${SPACING.join(', ')}; received: ${spacing}`, SPACING.includes(spacing));
+    return spacing;
+  }
+
+  /**
+   * 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-separator'];
+
+    // add a class based on the @spacing argument
+    classes.push(`hds-separator--spacing-${this.spacing}`);
+    return classes.join(' ');
+  }
+}
+setComponentTemplate(TEMPLATE, HdsSeparatorIndexComponent);
+
+export { DEFAULT_SPACING, SPACING, HdsSeparatorIndexComponent as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/separator/index.hbs","../../../../src/components/hds/separator/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<hr class={{this.classNames}} ...attributes />\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport const DEFAULT_SPACING = '24';\nexport const SPACING = ['24', '0'];\n\nexport default class HdsSeparatorIndexComponent extends Component {\n  /**\n   * Sets the margin for the separator\n   * Accepted values: 24, 0\n   *\n   * @param spacing\n   * @type {string}\n   * @default 'default'\n   */\n  get spacing() {\n    let { spacing = DEFAULT_SPACING } = this.args;\n\n    assert(\n      `@spacing for \"Hds::Separator\" must be one of the following: ${SPACING.join(\n        ', '\n      )}; received: ${spacing}`,\n      SPACING.includes(spacing)\n    );\n\n    return spacing;\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-separator'];\n\n    // add a class based on the @spacing argument\n    classes.push(`hds-separator--spacing-${this.spacing}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_SPACING","SPACING","HdsSeparatorIndexComponent","Component","spacing","args","assert","join","includes","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,8HAA8H;;ACDhK;AACA;AACA;AACA;;AAKO,MAAMA,eAAe,GAAG,KAAI;MACtBC,OAAO,GAAG,CAAC,IAAI,EAAE,GAAG,EAAC;AAEnB,MAAMC,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,OAAOA,GAAG;IACZ,IAAI;AAAEA,MAAAA,OAAO,GAAGJ,eAAAA;KAAiB,GAAG,IAAI,CAACK,IAAI,CAAA;AAE7CC,IAAAA,MAAM,CACH,CAA8DL,4DAAAA,EAAAA,OAAO,CAACM,IAAI,CACzE,IACF,CAAE,CAAA,YAAA,EAAcH,OAAQ,CAAA,CAAC,EACzBH,OAAO,CAACO,QAAQ,CAACJ,OAAO,CAC1B,CAAC,CAAA;AAED,IAAA,OAAOA,OAAO,CAAA;AAChB,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,eAAe,CAAC,CAAA;;AAE/B;IACAA,OAAO,CAACC,IAAI,CAAE,CAAA,uBAAA,EAAyB,IAAI,CAACP,OAAQ,EAAC,CAAC,CAAA;AAEtD,IAAA,OAAOM,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACK,oBAAA,CAAAC,QAAA,EAnCoBX,0BAA0B,CAAA;;;;"}

package/dist/components/hds/side-nav/base.js

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

package/dist/components/hds/side-nav/base.js.map

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

package/dist/components/hds/side-nav/header/home-link.js

@@ -0,0 +1,30 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::Interactive\n  class=\"hds-side-nav__home-link\"\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n  aria-label={{this.ariaLabel}}\n>\n  <FlightIcon @name={{@icon}} @color={{@color}} @stretched={{true}} />\n</Hds::Interactive>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsSideNavHeaderHomeLinkComponent extends Component {
+  /**
+   * @param ariaLabel
+   * @type {string}
+   * @description The value of `aria-label`
+   */
+  get ariaLabel() {
+    let {
+      ariaLabel
+    } = this.args;
+    assert('@ariaLabel for "Hds::SideNav::Header::HomeLink" ("Logo") must have a valid value', ariaLabel !== undefined);
+    return ariaLabel;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsSideNavHeaderHomeLinkComponent);
+
+export { HdsSideNavHeaderHomeLinkComponent as default };
+//# sourceMappingURL=home-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"home-link.js","sources":["../../../../../src/components/hds/side-nav/header/home-link.hbs","../../../../../src/components/hds/side-nav/header/home-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::Interactive\\n  class=\\\"hds-side-nav__home-link\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <FlightIcon @name={{@icon}} @color={{@color}} @stretched={{true}} />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport default class HdsSideNavHeaderHomeLinkComponent extends Component {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @description The value of `aria-label`\n   */\n  get ariaLabel() {\n    let { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::SideNav::Header::HomeLink\" (\"Logo\") must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsSideNavHeaderHomeLinkComponent","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,siBAAsiB;;ACDxkB;AACA;AACA;AACA;;AAKe,MAAMA,iCAAiC,SAASC,SAAS,CAAC;AACvE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE7BC,IAAAA,MAAM,CACJ,kFAAkF,EAClFF,SAAS,KAAKG,SAChB,CAAC,CAAA;AAED,IAAA,OAAOH,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,iCAAiC,CAAA;;;;"}

package/dist/components/hds/side-nav/header/icon-button.js

@@ -0,0 +1,30 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::Interactive\n  class=\"hds-side-nav__icon-button\"\n  @current-when={{@current-when}}\n  @models={{hds-link-to-models @model @models}}\n  @query={{hds-link-to-query @query}}\n  @replace={{@replace}}\n  @route={{@route}}\n  @isRouteExternal={{@isRouteExternal}}\n  @href={{@href}}\n  @isHrefExternal={{@isHrefExternal}}\n  ...attributes\n  aria-label={{this.ariaLabel}}\n>\n  <FlightIcon @name={{@icon}} @stretched={{true}} @size=\"24\" />\n</Hds::Interactive>");
+
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+
+class HdsSideNavHeaderIconButtonComponent extends Component {
+  /**
+   * @param ariaLabel
+   * @type {string}
+   * @description The value of `aria-label`
+   */
+  get ariaLabel() {
+    let {
+      ariaLabel
+    } = this.args;
+    assert('@ariaLabel for "Hds::SideNav::Header::IconButton" must have a valid value', ariaLabel !== undefined);
+    return ariaLabel;
+  }
+}
+setComponentTemplate(TEMPLATE, HdsSideNavHeaderIconButtonComponent);
+
+export { HdsSideNavHeaderIconButtonComponent as default };
+//# sourceMappingURL=icon-button.js.map

package/dist/components/hds/side-nav/header/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/components/hds/side-nav/header/icon-button.hbs","../../../../../src/components/hds/side-nav/header/icon-button.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Interactive\\n  class=\\\"hds-side-nav__icon-button\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <FlightIcon @name={{@icon}} @stretched={{true}} @size=\\\"24\\\" />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nexport default class HdsSideNavHeaderIconButtonComponent extends Component {\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @description The value of `aria-label`\n   */\n  get ariaLabel() {\n    let { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::SideNav::Header::IconButton\" must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsSideNavHeaderIconButtonComponent","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,miBAAmiB;;ACDrkB;AACA;AACA;AACA;;AAKe,MAAMA,mCAAmC,SAASC,SAAS,CAAC;AACzE;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAAG;IACd,IAAI;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE7BC,IAAAA,MAAM,CACJ,2EAA2E,EAC3EF,SAAS,KAAKG,SAChB,CAAC,CAAA;AAED,IAAA,OAAOH,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAhBoBP,mCAAmC,CAAA;;;;"}

package/dist/components/hds/side-nav/header/index.js

@@ -0,0 +1,10 @@
+import templateOnly from '@ember/component/template-only';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-side-nav-header\" ...attributes>\n  <div class=\"hds-side-nav-header__logo-container\">\n    {{yield to=\"logo\"}}\n  </div>\n  <div class=\"hds-side-nav-header__actions-container hds-side-nav-hide-when-minimized\">\n    {{yield to=\"actions\"}}\n  </div>\n</div>");
+
+var index = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/side-nav/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/side-nav/header/index.hbs","../../../../../src/components/hds/side-nav/header/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=\\\"hds-side-nav-header\\\" ...attributes>\\n  <div class=\\\"hds-side-nav-header__logo-container\\\">\\n    {{yield to=\\\"logo\\\"}}\\n  </div>\\n  <div class=\\\"hds-side-nav-header__actions-container hds-side-nav-hide-when-minimized\\\">\\n    {{yield to=\\\"actions\\\"}}\\n  </div>\\n</div>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,0WAA0W;;ACA5Y,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/side-nav/index.js

@@ -0,0 +1,176 @@
+import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty, _ as _defineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { assert } from '@ember/debug';
+import { registerDestructor } from '@ember/destroyable';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::SideNav::Base\n  class={{this.classNames}}\n  ...attributes\n  {{on \"transitionstart\" (fn this.setTransition \"start\")}}\n  {{on \"transitionend\" (fn this.setTransition \"end\")}}\n  {{focus-trap isActive=this.shouldTrapFocus}}\n  {{did-insert this.didInsert}}\n>\n  <:root>\n    {{#if this.hasA11yRefocus}}\n      <NavigationNarrator\n        @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\n        @skipTo=\"#{{@a11yRefocusSkipTo}}\"\n        @skipText={{@a11yRefocusSkipText}}\n        @navigationText={{@a11yRefocusNavigationText}}\n      />\n    {{/if}}\n    {{#if this.showToggleButton}}\n      {{! template-lint-disable no-invalid-interactive}}\n      <div class=\"hds-side-nav__overlay\" {{on \"click\" this.toggleMinimizedStatus}} />\n      {{! template-lint-enable no-invalid-interactive}}\n      <Hds::SideNav::ToggleButton\n        aria-label={{this.ariaLabel}}\n        @icon={{if this.isMinimized \"chevrons-right\" \"chevrons-left\"}}\n        {{on \"click\" this.toggleMinimizedStatus}}\n      />\n    {{/if}}\n  </:root>\n  <:header as |Header|>\n    {{yield (hash Header=Header isMinimized=this.isMinimized) to=\"header\"}}\n  </:header>\n  <:body as |Body|>\n    {{yield (hash Body=Body isMinimized=this.isMinimized) to=\"body\"}}\n  </:body>\n  <:footer as |Footer|>\n    {{yield (hash Footer=Footer isMinimized=this.isMinimized) to=\"footer\"}}\n  </:footer>\n</Hds::SideNav::Base>");
+
+var _class, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5;
+let HdsSideNavComponent = (_class = class HdsSideNavComponent extends Component {
+  constructor() {
+    super(...arguments);
+    _initializerDefineProperty(this, "isResponsive", _descriptor, this);
+    // controls if the component reacts to viewport changes
+    _initializerDefineProperty(this, "isMinimized", _descriptor2, this);
+    // sets the default state on 'desktop' viewports
+    _initializerDefineProperty(this, "isCollapsible", _descriptor3, this);
+    // controls if users can collapse the sidenav on 'desktop' viewports
+    _initializerDefineProperty(this, "isAnimating", _descriptor4, this);
+    _initializerDefineProperty(this, "isDesktop", _descriptor5, this);
+    _defineProperty(this, "hasA11yRefocus", this.args.hasA11yRefocus ?? true);
+    _defineProperty(this, "desktopMQVal", getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint'));
+    this.desktopMQ = window.matchMedia(`(min-width:${this.desktopMQVal})`);
+    this.addEventListeners();
+    registerDestructor(this, () => {
+      this.removeEventListeners();
+    });
+    if (this.args.hasA11yRefocus) {
+      assert('@a11yRefocusSkipTo for NavigatorNarrator (a11y-refocus) in "Hds::SideNav" must have a valid value', this.args.a11yRefocusSkipTo !== undefined);
+    }
+  }
+  addEventListeners() {
+    document.addEventListener('keydown', this.escapePress, true);
+    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, true);
+    // if not instantiated as minimized via arguments
+    if (!this.args.isMinimized) {
+      // set initial state based on viewport
+      this.updateDesktopVariable({
+        matches: this.desktopMQ.matches
+      });
+    }
+  }
+  removeEventListeners() {
+    document.removeEventListener('keydown', this.escapePress, true);
+    this.desktopMQ.removeEventListener('change', this.updateDesktopVariable, true);
+  }
+  get shouldTrapFocus() {
+    return this.isResponsive && !this.isDesktop && !this.isMinimized;
+  }
+  get showToggleButton() {
+    return this.isResponsive && !this.isDesktop || this.isCollapsible;
+  }
+
+  /**
+   * @param ariaLabel
+   * @type {string}
+   * @default 'close menu'
+   */
+  get ariaLabel() {
+    if (this.isMinimized) {
+      return this.args.ariaLabel ?? 'Open menu';
+    }
+    return this.args.ariaLabel ?? 'Close menu';
+  }
+  get classNames() {
+    let classes = []; // `hds-side-nav` is already set by the "Hds::SideNav::Base" component
+
+    // add specific class names for the different possible states
+    if (this.isResponsive) {
+      classes.push('hds-side-nav--is-responsive');
+    }
+    if (!this.isDesktop && this.isResponsive) {
+      classes.push('hds-side-nav--is-mobile');
+    } else {
+      classes.push('hds-side-nav--is-desktop');
+    }
+    if (this.isMinimized && this.isResponsive) {
+      classes.push('hds-side-nav--is-minimized');
+    } else {
+      classes.push('hds-side-nav--is-not-minimized');
+    }
+    if (this.isAnimating) {
+      classes.push('hds-side-nav--is-animating');
+    }
+    return classes.join(' ');
+  }
+  escapePress(event) {
+    if (event.key === 'Escape' && !this.isMinimized && !this.isDesktop) {
+      this.isMinimized = true;
+    }
+  }
+  toggleMinimizedStatus() {
+    this.isMinimized = !this.isMinimized;
+    this.containersToHide.forEach(element => {
+      if (this.isMinimized) {
+        element.setAttribute('inert', '');
+      } else {
+        element.removeAttribute('inert');
+      }
+    });
+    let {
+      onToggleMinimizedStatus
+    } = this.args;
+    if (typeof onToggleMinimizedStatus === 'function') {
+      onToggleMinimizedStatus(this.isMinimized);
+    }
+  }
+  didInsert(element) {
+    this.containersToHide = element.querySelectorAll('.hds-side-nav-hide-when-minimized');
+  }
+  setTransition(phase, event) {
+    // we only want to respond to `width` animation/transitions
+    if (event.propertyName !== 'width') {
+      return;
+    }
+    if (phase === 'start') {
+      this.isAnimating = true;
+    } else {
+      this.isAnimating = false;
+    }
+  }
+  updateDesktopVariable(event) {
+    this.isDesktop = event.matches;
+
+    // automatically minimize on narrow viewports (when not in desktop mode)
+    this.isMinimized = !this.isDesktop;
+    let {
+      onDesktopViewportChange
+    } = this.args;
+    if (typeof onDesktopViewportChange === 'function') {
+      onDesktopViewportChange(this.isDesktop);
+    }
+  }
+}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isResponsive", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.isResponsive ?? true;
+  }
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isMinimized", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.isMinimized ?? false;
+  }
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "isCollapsible", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return this.args.isCollapsible ?? false;
+  }
+}), _descriptor4 = _applyDecoratedDescriptor(_class.prototype, "isAnimating", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return false;
+  }
+}), _descriptor5 = _applyDecoratedDescriptor(_class.prototype, "isDesktop", [tracked], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function () {
+    return true;
+  }
+}), _applyDecoratedDescriptor(_class.prototype, "escapePress", [action], Object.getOwnPropertyDescriptor(_class.prototype, "escapePress"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "toggleMinimizedStatus", [action], Object.getOwnPropertyDescriptor(_class.prototype, "toggleMinimizedStatus"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setTransition", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setTransition"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "updateDesktopVariable", [action], Object.getOwnPropertyDescriptor(_class.prototype, "updateDesktopVariable"), _class.prototype)), _class);
+setComponentTemplate(TEMPLATE, HdsSideNavComponent);
+
+export { HdsSideNavComponent as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/side-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/side-nav/index.hbs","../../../../src/components/hds/side-nav/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<Hds::SideNav::Base\\n  class={{this.classNames}}\\n  ...attributes\\n  {{on \\\"transitionstart\\\" (fn this.setTransition \\\"start\\\")}}\\n  {{on \\\"transitionend\\\" (fn this.setTransition \\\"end\\\")}}\\n  {{focus-trap isActive=this.shouldTrapFocus}}\\n  {{did-insert this.didInsert}}\\n>\\n  <:root>\\n    {{#if this.hasA11yRefocus}}\\n      <NavigationNarrator\\n        @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\\n        @skipTo=\\\"#{{@a11yRefocusSkipTo}}\\\"\\n        @skipText={{@a11yRefocusSkipText}}\\n        @navigationText={{@a11yRefocusNavigationText}}\\n      />\\n    {{/if}}\\n    {{#if this.showToggleButton}}\\n      {{! template-lint-disable no-invalid-interactive}}\\n      <div class=\\\"hds-side-nav__overlay\\\" {{on \\\"click\\\" this.toggleMinimizedStatus}} />\\n      {{! template-lint-enable no-invalid-interactive}}\\n      <Hds::SideNav::ToggleButton\\n        aria-label={{this.ariaLabel}}\\n        @icon={{if this.isMinimized \\\"chevrons-right\\\" \\\"chevrons-left\\\"}}\\n        {{on \\\"click\\\" this.toggleMinimizedStatus}}\\n      />\\n    {{/if}}\\n  </:root>\\n  <:header as |Header|>\\n    {{yield (hash Header=Header isMinimized=this.isMinimized) to=\\\"header\\\"}}\\n  </:header>\\n  <:body as |Body|>\\n    {{yield (hash Body=Body isMinimized=this.isMinimized) to=\\\"body\\\"}}\\n  </:body>\\n  <:footer as |Footer|>\\n    {{yield (hash Footer=Footer isMinimized=this.isMinimized) to=\\\"footer\\\"}}\\n  </:footer>\\n</Hds::SideNav::Base>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\n\nexport default class HdsSideNavComponent extends Component {\n  @tracked isResponsive = this.args.isResponsive ?? true; // controls if the component reacts to viewport changes\n  @tracked isMinimized = this.args.isMinimized ?? false; // sets the default state on 'desktop' viewports\n  @tracked isCollapsible = this.args.isCollapsible ?? false; // controls if users can collapse the sidenav on 'desktop' viewports\n  @tracked isAnimating = false;\n  @tracked isDesktop = true;\n  hasA11yRefocus = this.args.hasA11yRefocus ?? true;\n\n  desktopMQVal = getComputedStyle(document.documentElement).getPropertyValue(\n    '--hds-app-desktop-breakpoint'\n  );\n\n  constructor() {\n    super(...arguments);\n    this.desktopMQ = window.matchMedia(`(min-width:${this.desktopMQVal})`);\n    this.addEventListeners();\n    registerDestructor(this, () => {\n      this.removeEventListeners();\n    });\n\n    if (this.args.hasA11yRefocus) {\n      assert(\n        '@a11yRefocusSkipTo for NavigatorNarrator (a11y-refocus) in \"Hds::SideNav\" must have a valid value',\n        this.args.a11yRefocusSkipTo !== undefined\n      );\n    }\n  }\n\n  addEventListeners() {\n    document.addEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, true);\n    // if not instantiated as minimized via arguments\n    if (!this.args.isMinimized) {\n      // set initial state based on viewport\n      this.updateDesktopVariable({ matches: this.desktopMQ.matches });\n    }\n  }\n\n  removeEventListeners() {\n    document.removeEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.removeEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n  }\n\n  get shouldTrapFocus() {\n    return this.isResponsive && !this.isDesktop && !this.isMinimized;\n  }\n\n  get showToggleButton() {\n    return (this.isResponsive && !this.isDesktop) || this.isCollapsible;\n  }\n\n  /**\n   * @param ariaLabel\n   * @type {string}\n   * @default 'close menu'\n   */\n  get ariaLabel() {\n    if (this.isMinimized) {\n      return this.args.ariaLabel ?? 'Open menu';\n    }\n    return this.args.ariaLabel ?? 'Close menu';\n  }\n\n  get classNames() {\n    let classes = []; // `hds-side-nav` is already set by the \"Hds::SideNav::Base\" component\n\n    // add specific class names for the different possible states\n    if (this.isResponsive) {\n      classes.push('hds-side-nav--is-responsive');\n    }\n    if (!this.isDesktop && this.isResponsive) {\n      classes.push('hds-side-nav--is-mobile');\n    } else {\n      classes.push('hds-side-nav--is-desktop');\n    }\n    if (this.isMinimized && this.isResponsive) {\n      classes.push('hds-side-nav--is-minimized');\n    } else {\n      classes.push('hds-side-nav--is-not-minimized');\n    }\n    if (this.isAnimating) {\n      classes.push('hds-side-nav--is-animating');\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  escapePress(event) {\n    if (event.key === 'Escape' && !this.isMinimized && !this.isDesktop) {\n      this.isMinimized = true;\n    }\n  }\n\n  @action\n  toggleMinimizedStatus() {\n    this.isMinimized = !this.isMinimized;\n\n    this.containersToHide.forEach((element) => {\n      if (this.isMinimized) {\n        element.setAttribute('inert', '');\n      } else {\n        element.removeAttribute('inert');\n      }\n    });\n\n    let { onToggleMinimizedStatus } = this.args;\n\n    if (typeof onToggleMinimizedStatus === 'function') {\n      onToggleMinimizedStatus(this.isMinimized);\n    }\n  }\n\n  @action\n  didInsert(element) {\n    this.containersToHide = element.querySelectorAll(\n      '.hds-side-nav-hide-when-minimized'\n    );\n  }\n\n  @action\n  setTransition(phase, event) {\n    // we only want to respond to `width` animation/transitions\n    if (event.propertyName !== 'width') {\n      return;\n    }\n    if (phase === 'start') {\n      this.isAnimating = true;\n    } else {\n      this.isAnimating = false;\n    }\n  }\n\n  @action\n  updateDesktopVariable(event) {\n    this.isDesktop = event.matches;\n\n    // automatically minimize on narrow viewports (when not in desktop mode)\n    this.isMinimized = !this.isDesktop;\n\n    let { onDesktopViewportChange } = this.args;\n\n    if (typeof onDesktopViewportChange === 'function') {\n      onDesktopViewportChange(this.isDesktop);\n    }\n  }\n}\n"],"names":["HdsSideNavComponent","_class","Component","constructor","arguments","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_descriptor4","_descriptor5","_defineProperty","args","hasA11yRefocus","getComputedStyle","document","documentElement","getPropertyValue","desktopMQ","window","matchMedia","desktopMQVal","addEventListeners","registerDestructor","removeEventListeners","assert","a11yRefocusSkipTo","undefined","addEventListener","escapePress","updateDesktopVariable","isMinimized","matches","removeEventListener","shouldTrapFocus","isResponsive","isDesktop","showToggleButton","isCollapsible","ariaLabel","classNames","classes","push","isAnimating","join","event","key","toggleMinimizedStatus","containersToHide","forEach","element","setAttribute","removeAttribute","onToggleMinimizedStatus","didInsert","querySelectorAll","setTransition","phase","propertyName","onDesktopViewportChange","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/side-nav/list/back-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::SideNav::List::Item>\n  <Hds::Interactive\n    class=\"hds-side-nav__list-item-link hds-side-nav__list-item-link--back-link\"\n    @current-when={{@current-when}}\n    @models={{hds-link-to-models @model @models}}\n    @query={{hds-link-to-query @query}}\n    @replace={{@replace}}\n    @route={{@route}}\n    @isRouteExternal={{@isRouteExternal}}\n    @href={{@href}}\n    @isHrefExternal={{@isHrefExternal}}\n    ...attributes\n  >\n    <FlightIcon class=\"hds-side-nav__list-item-icon-leading\" @name=\"chevron-left\" />\n    <span class=\"hds-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\">\n      {{@text}}\n    </span>\n  </Hds::Interactive>\n</Hds::SideNav::List::Item>");
+
+var backLink = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { backLink as default };
+//# sourceMappingURL=back-link.js.map

package/dist/components/hds/side-nav/list/back-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"back-link.js","sources":["../../../../../src/components/hds/side-nav/list/back-link.hbs","../../../../../src/components/hds/side-nav/list/back-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::SideNav::List::Item>\\n  <Hds::Interactive\\n    class=\\\"hds-side-nav__list-item-link hds-side-nav__list-item-link--back-link\\\"\\n    @current-when={{@current-when}}\\n    @models={{hds-link-to-models @model @models}}\\n    @query={{hds-link-to-query @query}}\\n    @replace={{@replace}}\\n    @route={{@route}}\\n    @isRouteExternal={{@isRouteExternal}}\\n    @href={{@href}}\\n    @isHrefExternal={{@isHrefExternal}}\\n    ...attributes\\n  >\\n    <FlightIcon class=\\\"hds-side-nav__list-item-icon-leading\\\" @name=\\\"chevron-left\\\" />\\n    <span class=\\\"hds-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\\\">\\n      {{@text}}\\n    </span>\\n  </Hds::Interactive>\\n</Hds::SideNav::List::Item>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,uxBAAuxB;;ACAzzB,eAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/side-nav/list/index.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<nav class=\"hds-side-nav__list-wrapper\" ...attributes>\n  {{yield (hash ExtraBefore=(component \"hds/yield\"))}}\n  <ul class=\"hds-side-nav__list\" role=\"list\">\n    {{yield\n      (hash\n        Item=(component \"hds/side-nav/list/item\")\n        BackLink=(component \"hds/side-nav/list/back-link\")\n        Title=(component \"hds/side-nav/list/title\")\n        Link=(component \"hds/side-nav/list/link\")\n      )\n    }}\n  </ul>\n  {{yield (hash ExtraAfter=(component \"hds/yield\"))}}\n</nav>");
+
+var index = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/side-nav/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/side-nav/list/index.hbs","../../../../../src/components/hds/side-nav/list/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<nav class=\\\"hds-side-nav__list-wrapper\\\" ...attributes>\\n  {{yield (hash ExtraBefore=(component \\\"hds/yield\\\"))}}\\n  <ul class=\\\"hds-side-nav__list\\\" role=\\\"list\\\">\\n    {{yield\\n      (hash\\n        Item=(component \\\"hds/side-nav/list/item\\\")\\n        BackLink=(component \\\"hds/side-nav/list/back-link\\\")\\n        Title=(component \\\"hds/side-nav/list/title\\\")\\n        Link=(component \\\"hds/side-nav/list/link\\\")\\n      )\\n    }}\\n  </ul>\\n  {{yield (hash ExtraAfter=(component \\\"hds/yield\\\"))}}\\n</nav>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,2kBAA2kB;;ACA7mB,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/side-nav/list/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-side-nav__list-item\" ...attributes>\n  {{yield}}\n</li>");
+
+var item = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { item as default };
+//# sourceMappingURL=item.js.map

package/dist/components/hds/side-nav/list/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/side-nav/list/item.hbs","../../../../../src/components/hds/side-nav/list/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-side-nav__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,0JAA0J;;ACA5L,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/side-nav/list/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::SideNav::List::Item>\n  <Hds::Interactive\n    class=\"hds-side-nav__list-item-link {{if @isActive \'active\'}}\"\n    @current-when={{@current-when}}\n    @models={{hds-link-to-models @model @models}}\n    @query={{hds-link-to-query @query}}\n    @replace={{@replace}}\n    @route={{@route}}\n    @isRouteExternal={{@isRouteExternal}}\n    @href={{@href}}\n    @isHrefExternal={{@isHrefExternal}}\n    ...attributes\n  >\n    {{#if @icon}}\n      <FlightIcon class=\"hds-side-nav__list-item-icon-leading\" @name={{@icon}} />\n    {{/if}}\n\n    {{#if @text}}\n      <span class=\"hds-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\">\n        {{@text}}\n      </span>\n    {{/if}}\n\n    {{#if @count}}\n      <Hds::BadgeCount @text={{@count}} @type=\"inverted\" @size=\"small\" />\n    {{/if}}\n\n    {{#if @badge}}\n      <Hds::Badge @text={{@badge}} @type=\"inverted\" @size=\"small\" />\n    {{/if}}\n\n    {{yield}}\n\n    {{#if @hasSubItems}}\n      <span class=\"hds-side-nav__list-item-icon-trailing\">\n        <FlightIcon @name=\"chevron-right\" @isInlineBlock={{false}} />\n      </span>\n    {{/if}}\n    {{#if @isHrefExternal}}\n      <span class=\"hds-side-nav__list-item-icon-trailing\">\n        <FlightIcon @name=\"external-link\" @isInlineBlock={{false}} />\n      </span>\n    {{/if}}\n  </Hds::Interactive>\n</Hds::SideNav::List::Item>");
+
+var link = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { link as default };
+//# sourceMappingURL=link.js.map

package/dist/components/hds/side-nav/list/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sources":["../../../../../src/components/hds/side-nav/list/link.hbs","../../../../../src/components/hds/side-nav/list/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::SideNav::List::Item>\\n  <Hds::Interactive\\n    class=\\\"hds-side-nav__list-item-link {{if @isActive \\'active\\'}}\\\"\\n    @current-when={{@current-when}}\\n    @models={{hds-link-to-models @model @models}}\\n    @query={{hds-link-to-query @query}}\\n    @replace={{@replace}}\\n    @route={{@route}}\\n    @isRouteExternal={{@isRouteExternal}}\\n    @href={{@href}}\\n    @isHrefExternal={{@isHrefExternal}}\\n    ...attributes\\n  >\\n    {{#if @icon}}\\n      <FlightIcon class=\\\"hds-side-nav__list-item-icon-leading\\\" @name={{@icon}} />\\n    {{/if}}\\n\\n    {{#if @text}}\\n      <span class=\\\"hds-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\\\">\\n        {{@text}}\\n      </span>\\n    {{/if}}\\n\\n    {{#if @count}}\\n      <Hds::BadgeCount @text={{@count}} @type=\\\"inverted\\\" @size=\\\"small\\\" />\\n    {{/if}}\\n\\n    {{#if @badge}}\\n      <Hds::Badge @text={{@badge}} @type=\\\"inverted\\\" @size=\\\"small\\\" />\\n    {{/if}}\\n\\n    {{yield}}\\n\\n    {{#if @hasSubItems}}\\n      <span class=\\\"hds-side-nav__list-item-icon-trailing\\\">\\n        <FlightIcon @name=\\\"chevron-right\\\" @isInlineBlock={{false}} />\\n      </span>\\n    {{/if}}\\n    {{#if @isHrefExternal}}\\n      <span class=\\\"hds-side-nav__list-item-icon-trailing\\\">\\n        <FlightIcon @name=\\\"external-link\\\" @isInlineBlock={{false}} />\\n      </span>\\n    {{/if}}\\n  </Hds::Interactive>\\n</Hds::SideNav::List::Item>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,67CAA67C;;ACA/9C,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/side-nav/list/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\n<Hds::SideNav::List::Item>\n  <div class=\"hds-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\" ...attributes>{{~yield~}}</div>\n</Hds::SideNav::List::Item>");
+
+var title = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { title as default };
+//# sourceMappingURL=title.js.map

package/dist/components/hds/side-nav/list/title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/side-nav/list/title.hbs","../../../../../src/components/hds/side-nav/list/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\\n<Hds::SideNav::List::Item>\\n  <div class=\\\"hds-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\\\" ...attributes>{{~yield~}}</div>\\n</Hds::SideNav::List::Item>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,qQAAqQ;;ACAvS,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}

package/dist/components/hds/side-nav/portal/index.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<Portal @target={{if @targetName @targetName \"hds-side-nav-portal-target\"}}>\n  <div class=\"hds-side-nav__content-panel\" ...attributes>\n    <Hds::SideNav::List aria-label={{@ariaLabel}} as |ListElements|>\n      {{yield ListElements}}\n    </Hds::SideNav::List>\n  </div>\n</Portal>");
+
+var index = setComponentTemplate(TEMPLATE, templateOnly());
+
+export { index as default };
+//# sourceMappingURL=index.js.map

package/dist/components/hds/side-nav/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/side-nav/portal/index.hbs","../../../../../src/components/hds/side-nav/portal/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<Portal @target={{if @targetName @targetName \\\"hds-side-nav-portal-target\\\"}}>\\n  <div class=\\\"hds-side-nav__content-panel\\\" ...attributes>\\n    <Hds::SideNav::List aria-label={{@ariaLabel}} as |ListElements|>\\n      {{yield ListElements}}\\n    </Hds::SideNav::List>\\n  </div>\\n</Portal>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,iXAAiX;;ACAnZ,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}