@hashicorp/design-system-components 4.14.0 → 4.15.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-header/index.hbs","../../../../src/components/hds/app-header/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div\\n  class={{this.classNames}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.shouldTrapFocus}}\\n  ...attributes\\n>\\n  {{#if (and this.hasA11yRefocus (not this.isOpen))}}\\n    {{! @glint-expect-error - `ember-a11y-refocus` doesn\\'t expose types yet }}\\n    <NavigationNarrator\\n      @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\\n      @skipTo={{this.a11yRefocusSkipTo}}\\n      @skipText={{@a11yRefocusSkipText}}\\n      @navigationText={{@a11yRefocusNavigationText}}\\n      @excludeAllQueryParams={{@a11yRefocusExcludeAllQueryParams}}\\n    />\\n  {{/if}}\\n\\n  {{yield to=\\\"logo\\\"}}\\n\\n  {{#if (not this.isDesktop)}}\\n    <Hds::AppHeader::MenuButton\\n      @onClickToggle={{this.onClickToggle}}\\n      @isOpen={{this.isOpen}}\\n      @menuContentId={{this.menuContentId}}\\n    />\\n  {{/if}}\\n\\n  <div class=\\\"hds-app-header__actions\\\" id={{this.menuContentId}}>\\n    <div class=\\\"hds-app-header__global-actions\\\">\\n      {{yield to=\\\"globalActions\\\"}}\\n    </div>\\n\\n    <div class=\\\"hds-app-header__utility-actions\\\">\\n      {{yield to=\\\"utilityActions\\\"}}\\n    </div>\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\n\nexport interface HdsAppHeaderSignature {\n  Args: {\n    breakpoint?: string;\n    hasA11yRefocus?: boolean;\n    a11yRefocusSkipTo?: string;\n    a11yRefocusSkipText?: string;\n    a11yRefocusNavigationText?: string;\n    a11yRefocusRouteChangeValidator?: string;\n    a11yRefocusExcludeAllQueryParams?: boolean;\n  };\n  Blocks: {\n    logo?: [];\n    globalActions?: [];\n    utilityActions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppHeader extends Component<HdsAppHeaderSignature> {\n  @tracked isOpen = false;\n  @tracked isDesktop = true;\n  @tracked hasOverflowContent = false;\n  desktopMQ: MediaQueryList;\n  hasA11yRefocus = this.args.hasA11yRefocus ?? true;\n  a11yRefocusSkipTo = '#' + (this.args.a11yRefocusSkipTo ?? 'hds-main');\n\n  // Generates a unique ID for the Menu Content\n  menuContentId = 'hds-menu-content-' + guidFor(this);\n\n  breakpoint = parseInt(\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    )\n  );\n\n  desktopMQVal =\n    this.args.breakpoint ??\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    );\n\n  constructor(owner: unknown, args: Record<string, never>) {\n    super(owner, args);\n    this.desktopMQ = window.matchMedia(`(min-width: ${this.desktopMQVal})`);\n    this.addEventListeners();\n    registerDestructor(this, (): void => {\n      this.removeEventListeners();\n    });\n  }\n\n  addEventListeners(): void {\n    document.addEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, true);\n\n    // set initial state based on viewport using a \"synthetic\" event\n    const syntheticEvent = new MediaQueryListEvent('change', {\n      matches: this.desktopMQ.matches,\n      media: this.desktopMQ.media,\n    });\n    this.updateDesktopVariable(syntheticEvent);\n  }\n\n  removeEventListeners(): void {\n    document.removeEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.removeEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n  }\n\n  // In mobile view when the menu is open, trap focus within the AppHeader\n  get shouldTrapFocus(): boolean {\n    return !this.isDesktop && this.isOpen;\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-app-header'];\n\n    if (this.isDesktop) {\n      classes.push('hds-app-header--is-desktop');\n    } else {\n      classes.push('hds-app-header--is-mobile');\n\n      // open and closed menu states are only relevant on mobile\n      if (this.isOpen) {\n        classes.push('hds-app-header--menu-is-open');\n      } else {\n        classes.push('hds-app-header--menu-is-closed');\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  escapePress(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && this.isOpen && !this.isDesktop) {\n      this.isOpen = false;\n    }\n  }\n\n  @action\n  onClickToggle(): void {\n    this.isOpen = !this.isOpen;\n  }\n\n  @action\n  updateDesktopVariable(event: MediaQueryListEvent): void {\n    this.isDesktop = event.matches;\n\n    // Close the menu when switching to desktop view\n    // (prevents menu from being open when resizing which causes Skip button to not render)\n    if (this.isDesktop) {\n      this.isOpen = false;\n    }\n  }\n}\n"],"names":["HdsAppHeader","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","hasA11yRefocus","a11yRefocusSkipTo","guidFor","parseInt","getComputedStyle","document","documentElement","getPropertyValue","breakpoint","desktopMQ","window","matchMedia","desktopMQVal","addEventListeners","registerDestructor","removeEventListeners","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","shouldTrapFocus","isDesktop","isOpen","classNames","classes","push","join","event","key","onClickToggle","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-header/index.hbs","../../../../src/components/hds/app-header/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div\\n  class={{this.classNames}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.shouldTrapFocus}}\\n  ...attributes\\n>\\n  {{#if (and this.hasA11yRefocus (not this._isOpen))}}\\n    {{! @glint-expect-error - `ember-a11y-refocus` doesn\\'t expose types yet }}\\n    <NavigationNarrator\\n      @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\\n      @skipTo={{this.a11yRefocusSkipTo}}\\n      @skipText={{@a11yRefocusSkipText}}\\n      @navigationText={{@a11yRefocusNavigationText}}\\n      @excludeAllQueryParams={{@a11yRefocusExcludeAllQueryParams}}\\n    />\\n  {{/if}}\\n\\n  {{yield to=\\\"logo\\\"}}\\n\\n  {{#if (not this._isDesktop)}}\\n    <Hds::AppHeader::MenuButton\\n      @onClickToggle={{this.onClickToggle}}\\n      @isOpen={{this._isOpen}}\\n      @menuContentId={{this._menuContentId}}\\n    />\\n  {{/if}}\\n\\n  <div class=\\\"hds-app-header__actions\\\" id={{this._menuContentId}}>\\n    <div class=\\\"hds-app-header__global-actions\\\">\\n      {{yield to=\\\"globalActions\\\"}}\\n    </div>\\n\\n    <div class=\\\"hds-app-header__utility-actions\\\">\\n      {{yield to=\\\"utilityActions\\\"}}\\n    </div>\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\n\nexport interface HdsAppHeaderSignature {\n  Args: {\n    breakpoint?: string;\n    hasA11yRefocus?: boolean;\n    a11yRefocusSkipTo?: string;\n    a11yRefocusSkipText?: string;\n    a11yRefocusNavigationText?: string;\n    a11yRefocusRouteChangeValidator?: string;\n    a11yRefocusExcludeAllQueryParams?: boolean;\n  };\n  Blocks: {\n    logo?: [];\n    globalActions?: [];\n    utilityActions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppHeader extends Component<HdsAppHeaderSignature> {\n  @tracked private _isOpen = false;\n  @tracked private _isDesktop = true;\n  @tracked private _hasOverflowContent = false;\n  private _desktopMQ: MediaQueryList;\n  hasA11yRefocus = this.args.hasA11yRefocus ?? true;\n  a11yRefocusSkipTo = '#' + (this.args.a11yRefocusSkipTo ?? 'hds-main');\n\n  // Generates a unique ID for the Menu Content\n  private _menuContentId = 'hds-menu-content-' + guidFor(this);\n\n  private _breakpoint = parseInt(\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    )\n  );\n\n  private _desktopMQVal =\n    this.args.breakpoint ??\n    getComputedStyle(document.documentElement).getPropertyValue(\n      '--hds-app-desktop-breakpoint'\n    );\n\n  constructor(owner: unknown, args: Record<string, never>) {\n    super(owner, args);\n    this._desktopMQ = window.matchMedia(`(min-width: ${this._desktopMQVal})`);\n    this.addEventListeners();\n    registerDestructor(this, (): void => {\n      this.removeEventListeners();\n    });\n  }\n\n  addEventListeners(): void {\n    document.addEventListener('keydown', this.escapePress, true);\n    this._desktopMQ.addEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n\n    // set initial state based on viewport using a \"synthetic\" event\n    const syntheticEvent = new MediaQueryListEvent('change', {\n      matches: this._desktopMQ.matches,\n      media: this._desktopMQ.media,\n    });\n    this.updateDesktopVariable(syntheticEvent);\n  }\n\n  removeEventListeners(): void {\n    document.removeEventListener('keydown', this.escapePress, true);\n    this._desktopMQ.removeEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n  }\n\n  // In mobile view when the menu is open, trap focus within the AppHeader\n  get shouldTrapFocus(): boolean {\n    return !this._isDesktop && this._isOpen;\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-app-header'];\n\n    if (this._isDesktop) {\n      classes.push('hds-app-header--is-desktop');\n    } else {\n      classes.push('hds-app-header--is-mobile');\n\n      // open and closed menu states are only relevant on mobile\n      if (this._isOpen) {\n        classes.push('hds-app-header--menu-is-open');\n      } else {\n        classes.push('hds-app-header--menu-is-closed');\n      }\n    }\n\n    return classes.join(' ');\n  }\n\n  @action\n  escapePress(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && this._isOpen && !this._isDesktop) {\n      this._isOpen = false;\n    }\n  }\n\n  @action\n  onClickToggle(): void {\n    this._isOpen = !this._isOpen;\n  }\n\n  @action\n  updateDesktopVariable(event: MediaQueryListEvent): void {\n    this._isDesktop = event.matches;\n\n    // Close the menu when switching to desktop view\n    // (prevents menu from being open when resizing which causes Skip button to not render)\n    if (this._isDesktop) {\n      this._isOpen = false;\n    }\n  }\n}\n"],"names":["HdsAppHeader","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","hasA11yRefocus","a11yRefocusSkipTo","guidFor","parseInt","getComputedStyle","document","documentElement","getPropertyValue","breakpoint","_desktopMQ","window","matchMedia","_desktopMQVal","addEventListeners","registerDestructor","removeEventListeners","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","shouldTrapFocus","_isDesktop","_isOpen","classNames","classes","push","join","event","key","onClickToggle","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import { _ as _applyDecoratedDescriptor } from '../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { precompileTemplate } from '@ember/template-compilation';
@@ -19,7 +19,7 @@ let HdsAppHeaderMenuButton = (_class = class HdsAppHeaderMenuButton extends Comp
       onClickToggle();
     }
   }
-}, (_applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype)), _class);
+}, _applyDecoratedDescriptor(_class.prototype, "onClick", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClick"), _class.prototype), _class);
 setComponentTemplate(TEMPLATE, HdsAppHeaderMenuButton);
 
 export { HdsAppHeaderMenuButton as default };

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

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

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

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty, a as _defineProperty } from '../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
@@ -6,22 +6,22 @@ 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{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<div\n  class={{this.classNames}}\n  ...attributes\n  {{on \"transitionstart\" (fn this.setTransition \"start\")}}\n  {{on \"transitionend\" (fn this.setTransition \"end\")}}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap isActive=this.shouldTrapFocus}}\n  {{did-insert this.didInsert}}\n>\n  <h2 class=\"sr-only\" id=\"hds-app-side-nav-header\">Application local navigation</h2>\n\n  <div class=\"hds-app-side-nav__wrapper\">\n    {{#if this.showToggleButton}}\n      {{! template-lint-disable no-invalid-interactive}}\n      <div class=\"hds-app-side-nav__overlay\" {{on \"click\" this.toggleMinimizedStatus}} />\n      {{! template-lint-enable no-invalid-interactive}}\n      <Hds::AppSideNav::ToggleButton\n        aria-labelledby=\"hds-app-side-nav-header\"\n        aria-expanded={{if this.isMinimized \"false\" \"true\"}}\n        @icon={{if this.isMinimized \"chevrons-right\" \"chevrons-left\"}}\n        {{on \"click\" this.toggleMinimizedStatus}}\n      />\n    {{/if}}\n\n    <div class=\"hds-app-side-nav__wrapper-body\">\n      {{~yield~}}\n    </div>\n  </div>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<div\n  class={{this.classNames}}\n  ...attributes\n  {{on \"transitionstart\" (fn this.setTransition \"start\")}}\n  {{on \"transitionend\" (fn this.setTransition \"end\")}}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap isActive=this.shouldTrapFocus}}\n  {{did-insert this.didInsert}}\n>\n  <h2 class=\"sr-only\" id=\"hds-app-side-nav-header\">Application local navigation</h2>\n\n  <div class=\"hds-app-side-nav__wrapper\">\n    {{#if this.showToggleButton}}\n      {{! template-lint-disable no-invalid-interactive}}\n      <div class=\"hds-app-side-nav__overlay\" {{on \"click\" this.toggleMinimizedStatus}} />\n      {{! template-lint-enable no-invalid-interactive}}\n      <Hds::AppSideNav::ToggleButton\n        aria-labelledby=\"hds-app-side-nav-header\"\n        aria-expanded={{if this._isMinimized \"false\" \"true\"}}\n        @icon={{if this._isMinimized \"chevrons-right\" \"chevrons-left\"}}\n        {{on \"click\" this.toggleMinimizedStatus}}\n      />\n    {{/if}}\n\n    <div class=\"hds-app-side-nav__wrapper-body\">\n      {{~yield~}}\n    </div>\n  </div>\n</div>");
 
 var _class, _descriptor, _descriptor2, _descriptor3;
 let HdsAppSideNav = (_class = class HdsAppSideNav extends Component {
   constructor(owner, args) {
     super(owner, args);
-    _initializerDefineProperty(this, "isMinimized", _descriptor, this);
-    _initializerDefineProperty(this, "isAnimating", _descriptor2, this);
-    _initializerDefineProperty(this, "isDesktop", _descriptor3, this);
-    _defineProperty(this, "body", void 0);
-    _defineProperty(this, "bodyInitialOverflowValue", '');
-    _defineProperty(this, "desktopMQ", void 0);
-    _defineProperty(this, "containersToHide", void 0);
-    _defineProperty(this, "desktopMQVal", getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint'));
-    this.isMinimized = this.args.isMinimized ?? false; // sets the default state on 'desktop' viewports
-    this.desktopMQ = window.matchMedia(`(min-width:${this.desktopMQVal})`);
+    _initializerDefineProperty(this, "_isMinimized", _descriptor, this);
+    _initializerDefineProperty(this, "_isAnimating", _descriptor2, this);
+    _initializerDefineProperty(this, "_isDesktop", _descriptor3, this);
+    _defineProperty(this, "_body", void 0);
+    _defineProperty(this, "_bodyInitialOverflowValue", '');
+    _defineProperty(this, "_desktopMQ", void 0);
+    _defineProperty(this, "_containersToHide", void 0);
+    _defineProperty(this, "_desktopMQVal", getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint'));
+    this._isMinimized = this.args.isMinimized ?? false; // sets the default state on 'desktop' viewports
+    this._desktopMQ = window.matchMedia(`(min-width:${this._desktopMQVal})`);
     this.addEventListeners();
     registerDestructor(this, () => {
       this.removeEventListeners();
@@ -29,20 +29,20 @@ let HdsAppSideNav = (_class = class HdsAppSideNav extends Component {
   }
   addEventListeners() {
     document.addEventListener('keydown', this.escapePress, true);
-    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, 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 using a "synthetic" event
       const syntheticEvent = new MediaQueryListEvent('change', {
-        matches: this.desktopMQ.matches,
-        media: this.desktopMQ.media
+        matches: this._desktopMQ.matches,
+        media: this._desktopMQ.media
       });
       this.updateDesktopVariable(syntheticEvent);
     }
   }
   removeEventListeners() {
     document.removeEventListener('keydown', this.escapePress, true);
-    this.desktopMQ.removeEventListener('change', this.updateDesktopVariable, true);
+    this._desktopMQ.removeEventListener('change', this.updateDesktopVariable, true);
   }
 
   // controls if the component reacts to viewport changes
@@ -55,10 +55,10 @@ let HdsAppSideNav = (_class = class HdsAppSideNav extends Component {
     return this.args.isCollapsible ?? false;
   }
   get shouldTrapFocus() {
-    return this.isResponsive && !this.isDesktop && !this.isMinimized;
+    return this.isResponsive && !this._isDesktop && !this._isMinimized;
   }
   get showToggleButton() {
-    return this.isResponsive && !this.isDesktop || this.isCollapsible;
+    return this.isResponsive && !this._isDesktop || this.isCollapsible;
   }
   get classNames() {
     const classes = [`hds-app-side-nav`];
@@ -67,24 +67,24 @@ let HdsAppSideNav = (_class = class HdsAppSideNav extends Component {
     if (this.isResponsive) {
       classes.push('hds-app-side-nav--is-responsive');
     }
-    if (!this.isDesktop && this.isResponsive) {
+    if (!this._isDesktop && this.isResponsive) {
       classes.push('hds-app-side-nav--is-mobile');
     } else {
       classes.push('hds-app-side-nav--is-desktop');
     }
-    if (this.isMinimized && this.isResponsive) {
+    if (this._isMinimized && this.isResponsive) {
       classes.push('hds-app-side-nav--is-minimized');
     } else {
       classes.push('hds-app-side-nav--is-not-minimized');
     }
-    if (this.isAnimating) {
+    if (this._isAnimating) {
       classes.push('hds-app-side-nav--is-animating');
     }
     return classes.join(' ');
   }
   synchronizeInert() {
-    this.containersToHide?.forEach(element => {
-      if (this.isMinimized) {
+    this._containersToHide?.forEach(element => {
+      if (this._isMinimized) {
         element.setAttribute('inert', '');
       } else {
         element.removeAttribute('inert');
@@ -92,50 +92,50 @@ let HdsAppSideNav = (_class = class HdsAppSideNav extends Component {
     });
   }
   lockBodyScroll() {
-    if (this.body) {
+    if (this._body) {
       // Prevent page from scrolling when the dialog is open
-      this.body.style.setProperty('overflow', 'hidden');
+      this._body.style.setProperty('overflow', 'hidden');
     }
   }
   unlockBodyScroll() {
     // Reset page `overflow` property
-    if (this.body) {
-      this.body.style.removeProperty('overflow');
-      if (this.bodyInitialOverflowValue === '') {
-        if (this.body.style.length === 0) {
-          this.body.removeAttribute('style');
+    if (this._body) {
+      this._body.style.removeProperty('overflow');
+      if (this._bodyInitialOverflowValue === '') {
+        if (this._body.style.length === 0) {
+          this._body.removeAttribute('style');
         }
       } else {
-        this.body.style.setProperty('overflow', this.bodyInitialOverflowValue);
+        this._body.style.setProperty('overflow', this._bodyInitialOverflowValue);
       }
     }
   }
   escapePress(event) {
-    if (event.key === 'Escape' && !this.isMinimized && !this.isDesktop) {
-      this.isMinimized = true;
+    if (event.key === 'Escape' && !this._isMinimized && !this._isDesktop) {
+      this._isMinimized = true;
       this.synchronizeInert();
     }
   }
   toggleMinimizedStatus() {
-    this.isMinimized = !this.isMinimized;
+    this._isMinimized = !this._isMinimized;
     this.synchronizeInert();
     const {
       onToggleMinimizedStatus
     } = this.args;
     if (typeof onToggleMinimizedStatus === 'function') {
-      onToggleMinimizedStatus(this.isMinimized);
+      onToggleMinimizedStatus(this._isMinimized);
     }
-    if (this.isMinimized) {
+    if (this._isMinimized) {
       this.unlockBodyScroll();
     } else {
       this.lockBodyScroll();
     }
   }
   didInsert(element) {
-    this.containersToHide = element.querySelectorAll('.hds-app-side-nav-hide-when-minimized');
-    this.body = document.body;
+    this._containersToHide = element.querySelectorAll('.hds-app-side-nav-hide-when-minimized');
+    this._body = document.body;
     // Store the initial `overflow` value of `<body>` so we can reset to it
-    this.bodyInitialOverflowValue = this.body.style.getPropertyValue('overflow');
+    this._bodyInitialOverflowValue = this._body.style.getPropertyValue('overflow');
   }
   setTransition(phase, event) {
     // we only want to respond to `width` animation/transitions
@@ -143,44 +143,44 @@ let HdsAppSideNav = (_class = class HdsAppSideNav extends Component {
       return;
     }
     if (phase === 'start') {
-      this.isAnimating = true;
+      this._isAnimating = true;
     } else {
-      this.isAnimating = false;
+      this._isAnimating = false;
     }
   }
   updateDesktopVariable(event) {
-    this.isDesktop = event.matches;
+    this._isDesktop = event.matches;
 
     // automatically minimize on narrow viewports (when not in desktop mode)
-    this.isMinimized = !this.isDesktop;
+    this._isMinimized = !this._isDesktop;
     this.synchronizeInert();
     const {
       onDesktopViewportChange
     } = this.args;
     if (typeof onDesktopViewportChange === 'function') {
-      onDesktopViewportChange(this.isDesktop);
+      onDesktopViewportChange(this._isDesktop);
     }
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isMinimized", [tracked], {
+}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_isMinimized", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isAnimating", [tracked], {
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_isAnimating", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function () {
     return false;
   }
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "isDesktop", [tracked], {
+}), _descriptor3 = _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);
+}), _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, HdsAppSideNav);
 
 export { HdsAppSideNav as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-side-nav/index.hbs","../../../../src/components/hds/app-side-nav/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<div\\n  class={{this.classNames}}\\n  ...attributes\\n  {{on \\\"transitionstart\\\" (fn this.setTransition \\\"start\\\")}}\\n  {{on \\\"transitionend\\\" (fn this.setTransition \\\"end\\\")}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.shouldTrapFocus}}\\n  {{did-insert this.didInsert}}\\n>\\n  <h2 class=\\\"sr-only\\\" id=\\\"hds-app-side-nav-header\\\">Application local navigation</h2>\\n\\n  <div class=\\\"hds-app-side-nav__wrapper\\\">\\n    {{#if this.showToggleButton}}\\n      {{! template-lint-disable no-invalid-interactive}}\\n      <div class=\\\"hds-app-side-nav__overlay\\\" {{on \\\"click\\\" this.toggleMinimizedStatus}} />\\n      {{! template-lint-enable no-invalid-interactive}}\\n      <Hds::AppSideNav::ToggleButton\\n        aria-labelledby=\\\"hds-app-side-nav-header\\\"\\n        aria-expanded={{if this.isMinimized \\\"false\\\" \\\"true\\\"}}\\n        @icon={{if this.isMinimized \\\"chevrons-right\\\" \\\"chevrons-left\\\"}}\\n        {{on \\\"click\\\" this.toggleMinimizedStatus}}\\n      />\\n    {{/if}}\\n\\n    <div class=\\\"hds-app-side-nav__wrapper-body\\\">\\n      {{~yield~}}\\n    </div>\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { registerDestructor } from '@ember/destroyable';\n\nexport interface HdsAppSideNavSignature {\n  Args: {\n    isResponsive?: boolean;\n    isCollapsible?: boolean;\n    isMinimized?: boolean;\n    onToggleMinimizedStatus?: (arg: boolean) => void;\n    onDesktopViewportChange?: (arg: boolean) => void;\n  };\n  Blocks: {\n    default?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNav extends Component<HdsAppSideNavSignature> {\n  @tracked isMinimized;\n  @tracked isAnimating = false;\n  @tracked isDesktop = true;\n\n  body!: HTMLElement;\n  bodyInitialOverflowValue = '';\n  desktopMQ: MediaQueryList;\n  containersToHide!: NodeListOf<Element>;\n\n  desktopMQVal = getComputedStyle(document.documentElement).getPropertyValue(\n    '--hds-app-desktop-breakpoint'\n  );\n\n  constructor(owner: unknown, args: HdsAppSideNavSignature['Args']) {\n    super(owner, args);\n    this.isMinimized = this.args.isMinimized ?? false; // sets the default state on 'desktop' viewports\n    this.desktopMQ = window.matchMedia(`(min-width:${this.desktopMQVal})`);\n    this.addEventListeners();\n    registerDestructor(this, (): void => {\n      this.removeEventListeners();\n    });\n  }\n\n  addEventListeners(): void {\n    document.addEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, true);\n    // if not instantiated as minimized via arguments\n    if (!this.args.isMinimized) {\n      // set initial state based on viewport using a \"synthetic\" event\n      const syntheticEvent = new MediaQueryListEvent('change', {\n        matches: this.desktopMQ.matches,\n        media: this.desktopMQ.media,\n      });\n      this.updateDesktopVariable(syntheticEvent);\n    }\n  }\n\n  removeEventListeners(): void {\n    document.removeEventListener('keydown', this.escapePress, true);\n    this.desktopMQ.removeEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n  }\n\n  // controls if the component reacts to viewport changes\n  get isResponsive(): boolean {\n    return this.args.isResponsive ?? true;\n  }\n\n  // controls if users can collapse the appsidenav on 'desktop' viewports\n  get isCollapsible(): boolean {\n    return this.args.isCollapsible ?? false;\n  }\n\n  get shouldTrapFocus(): boolean {\n    return this.isResponsive && !this.isDesktop && !this.isMinimized;\n  }\n\n  get showToggleButton(): boolean {\n    return (this.isResponsive && !this.isDesktop) || this.isCollapsible;\n  }\n\n  get classNames(): string {\n    const classes = [`hds-app-side-nav`];\n\n    // add specific class names for the different possible states\n    if (this.isResponsive) {\n      classes.push('hds-app-side-nav--is-responsive');\n    }\n    if (!this.isDesktop && this.isResponsive) {\n      classes.push('hds-app-side-nav--is-mobile');\n    } else {\n      classes.push('hds-app-side-nav--is-desktop');\n    }\n    if (this.isMinimized && this.isResponsive) {\n      classes.push('hds-app-side-nav--is-minimized');\n    } else {\n      classes.push('hds-app-side-nav--is-not-minimized');\n    }\n    if (this.isAnimating) {\n      classes.push('hds-app-side-nav--is-animating');\n    }\n\n    return classes.join(' ');\n  }\n\n  synchronizeInert(): void {\n    this.containersToHide?.forEach((element): void => {\n      if (this.isMinimized) {\n        element.setAttribute('inert', '');\n      } else {\n        element.removeAttribute('inert');\n      }\n    });\n  }\n\n  lockBodyScroll(): void {\n    if (this.body) {\n      // Prevent page from scrolling when the dialog is open\n      this.body.style.setProperty('overflow', 'hidden');\n    }\n  }\n\n  unlockBodyScroll(): void {\n    // Reset page `overflow` property\n    if (this.body) {\n      this.body.style.removeProperty('overflow');\n      if (this.bodyInitialOverflowValue === '') {\n        if (this.body.style.length === 0) {\n          this.body.removeAttribute('style');\n        }\n      } else {\n        this.body.style.setProperty('overflow', this.bodyInitialOverflowValue);\n      }\n    }\n  }\n\n  @action\n  escapePress(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && !this.isMinimized && !this.isDesktop) {\n      this.isMinimized = true;\n      this.synchronizeInert();\n    }\n  }\n\n  @action\n  toggleMinimizedStatus(): void {\n    this.isMinimized = !this.isMinimized;\n    this.synchronizeInert();\n\n    const { onToggleMinimizedStatus } = this.args;\n\n    if (typeof onToggleMinimizedStatus === 'function') {\n      onToggleMinimizedStatus(this.isMinimized);\n    }\n\n    if (this.isMinimized) {\n      this.unlockBodyScroll();\n    } else {\n      this.lockBodyScroll();\n    }\n  }\n\n  @action\n  didInsert(element: HTMLElement): void {\n    this.containersToHide = element.querySelectorAll(\n      '.hds-app-side-nav-hide-when-minimized'\n    );\n    this.body = document.body;\n    // Store the initial `overflow` value of `<body>` so we can reset to it\n    this.bodyInitialOverflowValue =\n      this.body.style.getPropertyValue('overflow');\n  }\n\n  @action\n  setTransition(phase: string, event: TransitionEvent): void {\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: MediaQueryListEvent): void {\n    this.isDesktop = event.matches;\n\n    // automatically minimize on narrow viewports (when not in desktop mode)\n    this.isMinimized = !this.isDesktop;\n\n    this.synchronizeInert();\n\n    const { onDesktopViewportChange } = this.args;\n\n    if (typeof onDesktopViewportChange === 'function') {\n      onDesktopViewportChange(this.isDesktop);\n    }\n  }\n}\n"],"names":["HdsAppSideNav","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","getComputedStyle","document","documentElement","getPropertyValue","isMinimized","desktopMQ","window","matchMedia","desktopMQVal","addEventListeners","registerDestructor","removeEventListeners","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","isResponsive","isCollapsible","shouldTrapFocus","isDesktop","showToggleButton","classNames","classes","push","isAnimating","join","synchronizeInert","containersToHide","forEach","element","setAttribute","removeAttribute","lockBodyScroll","body","style","setProperty","unlockBodyScroll","removeProperty","bodyInitialOverflowValue","length","event","key","toggleMinimizedStatus","onToggleMinimizedStatus","didInsert","querySelectorAll","setTransition","phase","propertyName","onDesktopViewportChange","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-side-nav/index.hbs","../../../../src/components/hds/app-side-nav/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n{{! IMPORTANT: we need to add \\\"squishies\\\" here (~) because otherwise the whitespace added by Ember causes the empty element to still have visible padding - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\\n<div\\n  class={{this.classNames}}\\n  ...attributes\\n  {{on \\\"transitionstart\\\" (fn this.setTransition \\\"start\\\")}}\\n  {{on \\\"transitionend\\\" (fn this.setTransition \\\"end\\\")}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.shouldTrapFocus}}\\n  {{did-insert this.didInsert}}\\n>\\n  <h2 class=\\\"sr-only\\\" id=\\\"hds-app-side-nav-header\\\">Application local navigation</h2>\\n\\n  <div class=\\\"hds-app-side-nav__wrapper\\\">\\n    {{#if this.showToggleButton}}\\n      {{! template-lint-disable no-invalid-interactive}}\\n      <div class=\\\"hds-app-side-nav__overlay\\\" {{on \\\"click\\\" this.toggleMinimizedStatus}} />\\n      {{! template-lint-enable no-invalid-interactive}}\\n      <Hds::AppSideNav::ToggleButton\\n        aria-labelledby=\\\"hds-app-side-nav-header\\\"\\n        aria-expanded={{if this._isMinimized \\\"false\\\" \\\"true\\\"}}\\n        @icon={{if this._isMinimized \\\"chevrons-right\\\" \\\"chevrons-left\\\"}}\\n        {{on \\\"click\\\" this.toggleMinimizedStatus}}\\n      />\\n    {{/if}}\\n\\n    <div class=\\\"hds-app-side-nav__wrapper-body\\\">\\n      {{~yield~}}\\n    </div>\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { registerDestructor } from '@ember/destroyable';\n\nexport interface HdsAppSideNavSignature {\n  Args: {\n    isResponsive?: boolean;\n    isCollapsible?: boolean;\n    isMinimized?: boolean;\n    onToggleMinimizedStatus?: (arg: boolean) => void;\n    onDesktopViewportChange?: (arg: boolean) => void;\n  };\n  Blocks: {\n    default?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNav extends Component<HdsAppSideNavSignature> {\n  @tracked private _isMinimized;\n  @tracked private _isAnimating = false;\n  @tracked private _isDesktop = true;\n\n  private _body!: HTMLElement;\n  private _bodyInitialOverflowValue = '';\n  private _desktopMQ: MediaQueryList;\n  private _containersToHide!: NodeListOf<Element>;\n\n  private _desktopMQVal = getComputedStyle(\n    document.documentElement\n  ).getPropertyValue('--hds-app-desktop-breakpoint');\n\n  constructor(owner: unknown, args: HdsAppSideNavSignature['Args']) {\n    super(owner, args);\n    this._isMinimized = this.args.isMinimized ?? false; // sets the default state on 'desktop' viewports\n    this._desktopMQ = window.matchMedia(`(min-width:${this._desktopMQVal})`);\n    this.addEventListeners();\n    registerDestructor(this, (): void => {\n      this.removeEventListeners();\n    });\n  }\n\n  addEventListeners(): void {\n    document.addEventListener('keydown', this.escapePress, true);\n    this._desktopMQ.addEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n    // if not instantiated as minimized via arguments\n    if (!this.args.isMinimized) {\n      // set initial state based on viewport using a \"synthetic\" event\n      const syntheticEvent = new MediaQueryListEvent('change', {\n        matches: this._desktopMQ.matches,\n        media: this._desktopMQ.media,\n      });\n      this.updateDesktopVariable(syntheticEvent);\n    }\n  }\n\n  removeEventListeners(): void {\n    document.removeEventListener('keydown', this.escapePress, true);\n    this._desktopMQ.removeEventListener(\n      'change',\n      this.updateDesktopVariable,\n      true\n    );\n  }\n\n  // controls if the component reacts to viewport changes\n  get isResponsive(): boolean {\n    return this.args.isResponsive ?? true;\n  }\n\n  // controls if users can collapse the appsidenav on 'desktop' viewports\n  get isCollapsible(): boolean {\n    return this.args.isCollapsible ?? false;\n  }\n\n  get shouldTrapFocus(): boolean {\n    return this.isResponsive && !this._isDesktop && !this._isMinimized;\n  }\n\n  get showToggleButton(): boolean {\n    return (this.isResponsive && !this._isDesktop) || this.isCollapsible;\n  }\n\n  get classNames(): string {\n    const classes = [`hds-app-side-nav`];\n\n    // add specific class names for the different possible states\n    if (this.isResponsive) {\n      classes.push('hds-app-side-nav--is-responsive');\n    }\n    if (!this._isDesktop && this.isResponsive) {\n      classes.push('hds-app-side-nav--is-mobile');\n    } else {\n      classes.push('hds-app-side-nav--is-desktop');\n    }\n    if (this._isMinimized && this.isResponsive) {\n      classes.push('hds-app-side-nav--is-minimized');\n    } else {\n      classes.push('hds-app-side-nav--is-not-minimized');\n    }\n    if (this._isAnimating) {\n      classes.push('hds-app-side-nav--is-animating');\n    }\n\n    return classes.join(' ');\n  }\n\n  synchronizeInert(): void {\n    this._containersToHide?.forEach((element): void => {\n      if (this._isMinimized) {\n        element.setAttribute('inert', '');\n      } else {\n        element.removeAttribute('inert');\n      }\n    });\n  }\n\n  lockBodyScroll(): void {\n    if (this._body) {\n      // Prevent page from scrolling when the dialog is open\n      this._body.style.setProperty('overflow', 'hidden');\n    }\n  }\n\n  unlockBodyScroll(): void {\n    // Reset page `overflow` property\n    if (this._body) {\n      this._body.style.removeProperty('overflow');\n      if (this._bodyInitialOverflowValue === '') {\n        if (this._body.style.length === 0) {\n          this._body.removeAttribute('style');\n        }\n      } else {\n        this._body.style.setProperty(\n          'overflow',\n          this._bodyInitialOverflowValue\n        );\n      }\n    }\n  }\n\n  @action\n  escapePress(event: KeyboardEvent): void {\n    if (event.key === 'Escape' && !this._isMinimized && !this._isDesktop) {\n      this._isMinimized = true;\n      this.synchronizeInert();\n    }\n  }\n\n  @action\n  toggleMinimizedStatus(): void {\n    this._isMinimized = !this._isMinimized;\n    this.synchronizeInert();\n\n    const { onToggleMinimizedStatus } = this.args;\n\n    if (typeof onToggleMinimizedStatus === 'function') {\n      onToggleMinimizedStatus(this._isMinimized);\n    }\n\n    if (this._isMinimized) {\n      this.unlockBodyScroll();\n    } else {\n      this.lockBodyScroll();\n    }\n  }\n\n  @action\n  didInsert(element: HTMLElement): void {\n    this._containersToHide = element.querySelectorAll(\n      '.hds-app-side-nav-hide-when-minimized'\n    );\n    this._body = document.body;\n    // Store the initial `overflow` value of `<body>` so we can reset to it\n    this._bodyInitialOverflowValue =\n      this._body.style.getPropertyValue('overflow');\n  }\n\n  @action\n  setTransition(phase: string, event: TransitionEvent): void {\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: MediaQueryListEvent): void {\n    this._isDesktop = event.matches;\n\n    // automatically minimize on narrow viewports (when not in desktop mode)\n    this._isMinimized = !this._isDesktop;\n\n    this.synchronizeInert();\n\n    const { onDesktopViewportChange } = this.args;\n\n    if (typeof onDesktopViewportChange === 'function') {\n      onDesktopViewportChange(this._isDesktop);\n    }\n  }\n}\n"],"names":["HdsAppSideNav","_class","Component","constructor","owner","args","_initializerDefineProperty","_descriptor","_descriptor2","_descriptor3","_defineProperty","getComputedStyle","document","documentElement","getPropertyValue","_isMinimized","isMinimized","_desktopMQ","window","matchMedia","_desktopMQVal","addEventListeners","registerDestructor","removeEventListeners","addEventListener","escapePress","updateDesktopVariable","syntheticEvent","MediaQueryListEvent","matches","media","removeEventListener","isResponsive","isCollapsible","shouldTrapFocus","_isDesktop","showToggleButton","classNames","classes","push","_isAnimating","join","synchronizeInert","_containersToHide","forEach","element","setAttribute","removeAttribute","lockBodyScroll","_body","style","setProperty","unlockBodyScroll","removeProperty","_bodyInitialOverflowValue","length","event","key","toggleMinimizedStatus","onToggleMinimizedStatus","didInsert","querySelectorAll","body","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/app-side-nav/list/back-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"back-link.js","sources":["../../../../../src/components/hds/app-side-nav/list/back-link.hbs","../../../../../src/components/hds/app-side-nav/list/back-link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::AppSideNav::List::Item>\\n  <Hds::Interactive\\n    class=\\\"hds-app-side-nav__list-item-link hds-app-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    <Hds::Icon class=\\\"hds-app-side-nav__list-item-icon-leading\\\" @name=\\\"chevron-left\\\" />\\n    <span class=\\\"hds-app-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\\\">\\n      {{@text}}\\n    </span>\\n  </Hds::Interactive>\\n</Hds::AppSideNav::List::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsInteractiveSignature } from '../../interactive';\n\nexport interface HdsAppSideNavListBackLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    text: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListBackLink =\n  TemplateOnlyComponent<HdsAppSideNavListBackLinkSignature>();\n\nexport default HdsAppSideNavListBackLink;\n"],"names":["HdsAppSideNavListBackLink","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4yBAA4yB;;ACD90B;AACA;AACA;AACA;;AAaA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAAsC,CAAA;AAE7D,eAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}
+{"version":3,"file":"back-link.js","sources":["../../../../../src/components/hds/app-side-nav/list/back-link.hbs","../../../../../src/components/hds/app-side-nav/list/back-link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::AppSideNav::List::Item>\\n  <Hds::Interactive\\n    class=\\\"hds-app-side-nav__list-item-link hds-app-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    <Hds::Icon class=\\\"hds-app-side-nav__list-item-icon-leading\\\" @name=\\\"chevron-left\\\" />\\n    <span class=\\\"hds-app-side-nav__list-item-text hds-typography-body-200 hds-font-weight-medium\\\">\\n      {{@text}}\\n    </span>\\n  </Hds::Interactive>\\n</Hds::AppSideNav::List::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsInteractiveSignature } from '../../interactive';\n\nexport interface HdsAppSideNavListBackLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    text: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListBackLink =\n  TemplateOnlyComponent<HdsAppSideNavListBackLinkSignature>();\n\nexport default HdsAppSideNavListBackLink;\n"],"names":["HdsAppSideNavListBackLink","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,4yBAA4yB;;ACD90B;AACA;AACA;AACA;;AAaA,MAAMA,yBAAyB,GAC7BC,qBAAqB,EAAsC;AAE7D,eAAAC,oBAAA,CAAAC,QAAA,EAAeH,yBAAyB,CAAA;;;;"}

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

@@ -1,4 +1,4 @@
-import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import { _ as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
@@ -19,14 +19,14 @@ let HdsAppSideNavList = (_class = class HdsAppSideNavList extends Component {
   didInsertTitle(titleId) {
     this._titleIds = [...this._titleIds, titleId];
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "_titleIds", [tracked], {
+}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_titleIds", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function () {
     return [];
   }
-}), _applyDecoratedDescriptor(_class.prototype, "didInsertTitle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertTitle"), _class.prototype)), _class);
+}), _applyDecoratedDescriptor(_class.prototype, "didInsertTitle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertTitle"), _class.prototype), _class);
 setComponentTemplate(TEMPLATE, HdsAppSideNavList);
 
 export { HdsAppSideNavList as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/list/index.hbs","../../../../../src/components/hds/app-side-nav/list/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<nav class=\\\"hds-app-side-nav__list-wrapper\\\" aria-labelledby=\\\"hds-app-side-nav-header\\\" ...attributes>\\n  {{yield (hash ExtraBefore=(component \\\"hds/yield\\\"))}}\\n  <ul class=\\\"hds-app-side-nav__list\\\" role=\\\"list\\\" aria-labelledby={{this.titleIds}}>\\n    {{yield\\n      (hash\\n        Item=(component \\\"hds/app-side-nav/list/item\\\")\\n        BackLink=(component \\\"hds/app-side-nav/list/back-link\\\")\\n        Title=(component \\\"hds/app-side-nav/list/title\\\" didInsertTitle=this.didInsertTitle)\\n        Link=(component \\\"hds/app-side-nav/list/link\\\")\\n      )\\n    }}\\n  </ul>\\n  {{yield (hash ExtraAfter=(component \\\"hds/yield\\\"))}}\\n</nav>\")","/**\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 { tracked } from '@glimmer/tracking';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../../yield';\nimport type { HdsAppSideNavListItemSignature } from './item';\nimport type { HdsAppSideNavListBackLinkSignature } from './back-link';\nimport type { HdsAppSideNavListTitleSignature } from './title';\nimport type { HdsAppSideNavListLinkSignature } from './link';\n\nexport interface HdsAppSideNavListSignature {\n  Blocks: {\n    default: [\n      {\n        ExtraBefore?: ComponentLike<HdsYieldSignature>;\n        Item?: ComponentLike<HdsAppSideNavListItemSignature>;\n        BackLink?: ComponentLike<HdsAppSideNavListBackLinkSignature>;\n        Title?: ComponentLike<HdsAppSideNavListTitleSignature>;\n        Link?: ComponentLike<HdsAppSideNavListLinkSignature>;\n        ExtraAfter?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppSideNavList extends Component<HdsAppSideNavListSignature> {\n  @tracked _titleIds: string[] = [];\n\n  get titleIds(): string {\n    return this._titleIds.join(' ');\n  }\n\n  @action\n  didInsertTitle(titleId: string): void {\n    this._titleIds = [...this._titleIds, titleId];\n  }\n}\n"],"names":["HdsAppSideNavList","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","titleIds","_titleIds","join","didInsertTitle","titleId","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,otBAAotB;;;AC8BjuBA,IAAAA,iBAAiB,IAAAC,MAAA,GAAvB,MAAMD,iBAAiB,SAASE,SAAS,CAA6B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,0BAAA,oBAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;EAGnF,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAO,IAAI,CAACC,SAAS,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AACjC,GAAA;EAGAC,cAAcA,CAACC,OAAe,EAAQ;IACpC,IAAI,CAACH,SAAS,GAAG,CAAC,GAAG,IAAI,CAACA,SAAS,EAAEG,OAAO,CAAC,CAAA;AAC/C,GAAA;AACF,CAAC,GAAAL,WAAA,GAAAM,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAAA,WAAA,EAAA,CAVEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAuB,EAAE,CAAA;AAAA,GAAA;AAAA,CAAAN,CAAAA,EAAAA,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAMhCM,gBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAApB,MAAA,CAAAY,SAAA,EAAA,gBAAA,CAAA,EAAAZ,MAAA,CAAAY,SAAA,IAAAZ,MAAA,EAAA;AAP6BqB,oBAAA,CAAAC,QAAA,EAAjBvB,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/list/index.hbs","../../../../../src/components/hds/app-side-nav/list/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<nav class=\\\"hds-app-side-nav__list-wrapper\\\" aria-labelledby=\\\"hds-app-side-nav-header\\\" ...attributes>\\n  {{yield (hash ExtraBefore=(component \\\"hds/yield\\\"))}}\\n  <ul class=\\\"hds-app-side-nav__list\\\" role=\\\"list\\\" aria-labelledby={{this.titleIds}}>\\n    {{yield\\n      (hash\\n        Item=(component \\\"hds/app-side-nav/list/item\\\")\\n        BackLink=(component \\\"hds/app-side-nav/list/back-link\\\")\\n        Title=(component \\\"hds/app-side-nav/list/title\\\" didInsertTitle=this.didInsertTitle)\\n        Link=(component \\\"hds/app-side-nav/list/link\\\")\\n      )\\n    }}\\n  </ul>\\n  {{yield (hash ExtraAfter=(component \\\"hds/yield\\\"))}}\\n</nav>\")","/**\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 { tracked } from '@glimmer/tracking';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../../yield';\nimport type { HdsAppSideNavListItemSignature } from './item';\nimport type { HdsAppSideNavListBackLinkSignature } from './back-link';\nimport type { HdsAppSideNavListTitleSignature } from './title';\nimport type { HdsAppSideNavListLinkSignature } from './link';\n\nexport interface HdsAppSideNavListSignature {\n  Blocks: {\n    default: [\n      {\n        ExtraBefore?: ComponentLike<HdsYieldSignature>;\n        Item?: ComponentLike<HdsAppSideNavListItemSignature>;\n        BackLink?: ComponentLike<HdsAppSideNavListBackLinkSignature>;\n        Title?: ComponentLike<HdsAppSideNavListTitleSignature>;\n        Link?: ComponentLike<HdsAppSideNavListLinkSignature>;\n        ExtraAfter?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsAppSideNavList extends Component<HdsAppSideNavListSignature> {\n  @tracked private _titleIds: string[] = [];\n\n  get titleIds(): string {\n    return this._titleIds.join(' ');\n  }\n\n  @action\n  didInsertTitle(titleId: string): void {\n    this._titleIds = [...this._titleIds, titleId];\n  }\n}\n"],"names":["HdsAppSideNavList","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","titleIds","_titleIds","join","didInsertTitle","titleId","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,otBAAotB;;;AC8BjuBA,IAAAA,iBAAiB,IAAAC,MAAA,GAAvB,MAAMD,iBAAiB,SAASE,SAAS,CAA6B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;AAAAC,IAAAA,0BAAA,oBAAAC,WAAA,EAAA,IAAA,CAAA;AAAA;EAGnF,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAO,IAAI,CAACC,SAAS,CAACC,IAAI,CAAC,GAAG,CAAC;AACjC;EAGAC,cAAcA,CAACC,OAAe,EAAQ;IACpC,IAAI,CAACH,SAAS,GAAG,CAAC,GAAG,IAAI,CAACA,SAAS,EAAEG,OAAO,CAAC;AAC/C;AACF,CAAC,EAAAL,WAAA,GAAAM,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAAA,WAAA,EAAA,CAVEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAA+B,EAAE;AAAA;AAAA,CAAAN,CAAAA,EAAAA,yBAAA,CAAAX,MAAA,CAAAY,SAAA,EAMxCM,gBAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAApB,MAAA,CAAAY,SAAA,EAAA,gBAAA,CAAA,EAAAZ,MAAA,CAAAY,SAAA,GAAAZ,MAAA;AAP6BqB,oBAAA,CAAAC,QAAA,EAAjBvB,iBAAiB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/app-side-nav/list/item.hbs","../../../../../src/components/hds/app-side-nav/list/item.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<li class=\\\"hds-app-side-nav__list-item\\\" ...attributes>\\n  {{yield}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppSideNavListItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsAppSideNavListItem =\n  TemplateOnlyComponent<HdsAppSideNavListItemSignature>();\n\nexport default HdsAppSideNavListItem;\n"],"names":["HdsAppSideNavListItem","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC,CAAA;AAEzD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../../src/components/hds/app-side-nav/list/item.hbs","../../../../../src/components/hds/app-side-nav/list/item.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<li class=\\\"hds-app-side-nav__list-item\\\" ...attributes>\\n  {{yield}}\\n</li>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsAppSideNavListItemSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nconst HdsAppSideNavListItem =\n  TemplateOnlyComponent<HdsAppSideNavListItemSignature>();\n\nexport default HdsAppSideNavListItem;\n"],"names":["HdsAppSideNavListItem","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8JAA8J;;ACDhM;AACA;AACA;AACA;;AAWA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC;AAEzD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../../../../src/components/hds/app-side-nav/list/link.hbs","../../../../../src/components/hds/app-side-nav/list/link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::AppSideNav::List::Item>\\n  <Hds::Interactive\\n    class=\\\"hds-app-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    aria-current={{if @isActive \\\"page\\\"}}\\n    ...attributes\\n  >\\n    {{#if @icon}}\\n      <Hds::Icon class=\\\"hds-app-side-nav__list-item-icon-leading\\\" @name={{@icon}} />\\n    {{/if}}\\n\\n    {{#if @text}}\\n      <span class=\\\"hds-app-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=\\\"outlined\\\" @size=\\\"small\\\" />\\n    {{/if}}\\n\\n    {{#if @badge}}\\n      <Hds::Badge @text={{@badge}} @type=\\\"outlined\\\" @size=\\\"small\\\" />\\n    {{/if}}\\n\\n    {{yield}}\\n\\n    {{#if @hasSubItems}}\\n      <span class=\\\"hds-app-side-nav__list-item-icon-trailing\\\">\\n        <Hds::Icon @name=\\\"chevron-right\\\" />\\n      </span>\\n    {{/if}}\\n    {{#if @isHrefExternal}}\\n      <span class=\\\"hds-app-side-nav__list-item-icon-trailing\\\">\\n        <Hds::Icon @name=\\\"external-link\\\" />\\n      </span>\\n    {{/if}}\\n  </Hds::Interactive>\\n</Hds::AppSideNav::List::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsInteractiveSignature } from '../../interactive';\n\nexport interface HdsAppSideNavListLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon?: HdsIconSignature['Args']['name'];\n    text?: string;\n    badge?: string;\n    count?: string;\n    hasSubItems?: boolean;\n    isActive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListLink =\n  TemplateOnlyComponent<HdsAppSideNavListLinkSignature>();\n\nexport default HdsAppSideNavListLink;\n"],"names":["HdsAppSideNavListLink","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,88CAA88C;;ACDh/C;AACA;AACA;AACA;;AAsBA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC,CAAA;AAEzD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}
+{"version":3,"file":"link.js","sources":["../../../../../src/components/hds/app-side-nav/list/link.hbs","../../../../../src/components/hds/app-side-nav/list/link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::AppSideNav::List::Item>\\n  <Hds::Interactive\\n    class=\\\"hds-app-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    aria-current={{if @isActive \\\"page\\\"}}\\n    ...attributes\\n  >\\n    {{#if @icon}}\\n      <Hds::Icon class=\\\"hds-app-side-nav__list-item-icon-leading\\\" @name={{@icon}} />\\n    {{/if}}\\n\\n    {{#if @text}}\\n      <span class=\\\"hds-app-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=\\\"outlined\\\" @size=\\\"small\\\" />\\n    {{/if}}\\n\\n    {{#if @badge}}\\n      <Hds::Badge @text={{@badge}} @type=\\\"outlined\\\" @size=\\\"small\\\" />\\n    {{/if}}\\n\\n    {{yield}}\\n\\n    {{#if @hasSubItems}}\\n      <span class=\\\"hds-app-side-nav__list-item-icon-trailing\\\">\\n        <Hds::Icon @name=\\\"chevron-right\\\" />\\n      </span>\\n    {{/if}}\\n    {{#if @isHrefExternal}}\\n      <span class=\\\"hds-app-side-nav__list-item-icon-trailing\\\">\\n        <Hds::Icon @name=\\\"external-link\\\" />\\n      </span>\\n    {{/if}}\\n  </Hds::Interactive>\\n</Hds::AppSideNav::List::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsInteractiveSignature } from '../../interactive';\n\nexport interface HdsAppSideNavListLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon?: HdsIconSignature['Args']['name'];\n    text?: string;\n    badge?: string;\n    count?: string;\n    hasSubItems?: boolean;\n    isActive?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nconst HdsAppSideNavListLink =\n  TemplateOnlyComponent<HdsAppSideNavListLinkSignature>();\n\nexport default HdsAppSideNavListLink;\n"],"names":["HdsAppSideNavListLink","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,88CAA88C;;ACDh/C;AACA;AACA;AACA;;AAsBA,MAAMA,qBAAqB,GACzBC,qBAAqB,EAAkC;AAEzD,WAAAC,oBAAA,CAAAC,QAAA,EAAeH,qBAAqB,CAAA;;;;"}

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

@@ -1,18 +1,18 @@
-import { _ as _applyDecoratedDescriptor, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-KIi_qCIU.js';
+import { _ as _applyDecoratedDescriptor, a as _defineProperty } from '../../../../_rollupPluginBabelHelpers-81503waH.js';
 import { guidFor } from '@ember/object/internals';
 import { action } from '@ember/object';
 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::AppSideNav::List::Item>\n  <div\n    class=\"hds-app-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\"\n    id={{this.titleId}}\n    {{did-insert this.didInsertTitle}}\n    ...attributes\n  >{{~yield~}}</div>\n</Hds::AppSideNav::List::Item>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::AppSideNav::List::Item>\n  <div\n    class=\"hds-app-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\"\n    id={{this._titleId}}\n    {{did-insert this.didInsertTitle}}\n    ...attributes\n  >{{~yield~}}</div>\n</Hds::AppSideNav::List::Item>");
 
 var _class;
 let HdsAppSideNavListTitle = (_class = class HdsAppSideNavListTitle extends Component {
   constructor(...args) {
     super(...args);
     /*  Generate a unique ID for each Title */
-    _defineProperty(this, "titleId", 'title-' + guidFor(this));
+    _defineProperty(this, "_titleId", 'title-' + guidFor(this));
   }
   didInsertTitle(element) {
     const {
@@ -22,7 +22,7 @@ let HdsAppSideNavListTitle = (_class = class HdsAppSideNavListTitle extends Comp
       didInsertTitle(element.id);
     }
   }
-}, (_applyDecoratedDescriptor(_class.prototype, "didInsertTitle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertTitle"), _class.prototype)), _class);
+}, _applyDecoratedDescriptor(_class.prototype, "didInsertTitle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsertTitle"), _class.prototype), _class);
 setComponentTemplate(TEMPLATE, HdsAppSideNavListTitle);
 
 export { HdsAppSideNavListTitle as default };

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

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/app-side-nav/list/title.hbs","../../../../../src/components/hds/app-side-nav/list/title.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::AppSideNav::List::Item>\\n  <div\\n    class=\\\"hds-app-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\\\"\\n    id={{this.titleId}}\\n    {{did-insert this.didInsertTitle}}\\n    ...attributes\\n  >{{~yield~}}</div>\\n</Hds::AppSideNav::List::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { guidFor } from '@ember/object/internals';\nimport { action } from '@ember/object';\nimport Component from '@glimmer/component';\n\nexport interface HdsAppSideNavListTitleSignature {\n  Args: {\n    didInsertTitle?: (titleId: string) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNavListTitle extends Component<HdsAppSideNavListTitleSignature> {\n  /*  Generate a unique ID for each Title */\n  titleId = 'title-' + guidFor(this);\n\n  @action\n  didInsertTitle(element: HTMLElement): void {\n    const { didInsertTitle } = this.args;\n\n    if (typeof didInsertTitle === 'function') {\n      didInsertTitle(element.id);\n    }\n  }\n}\n"],"names":["HdsAppSideNavListTitle","_class","Component","constructor","args","_defineProperty","guidFor","didInsertTitle","element","id","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,8VAA8V;;;ACkB3WA,IAAAA,sBAAsB,IAAAC,MAAA,GAA5B,MAAMD,sBAAsB,SAASE,SAAS,CAAkC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAC7F;AAAAC,IAAAA,eAAA,kBACU,QAAQ,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA,CAAA;AAAA,GAAA;EAGlCC,cAAcA,CAACC,OAAoB,EAAQ;IACzC,MAAM;AAAED,MAAAA,cAAAA;KAAgB,GAAG,IAAI,CAACH,IAAI,CAAA;AAEpC,IAAA,IAAI,OAAOG,cAAc,KAAK,UAAU,EAAE;AACxCA,MAAAA,cAAc,CAACC,OAAO,CAACC,EAAE,CAAC,CAAA;AAC5B,KAAA;AACF,GAAA;AACF,CAAC,GAAAC,yBAAA,CAAAT,MAAA,CAAAU,SAAA,EAAA,gBAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAb,MAAA,CAAAU,SAAA,qBAAAV,MAAA,CAAAU,SAAA,CAAA,GAAAV,MAAA,EAAA;AAJkCc,oBAAA,CAAAC,QAAA,EAAtBhB,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/app-side-nav/list/title.hbs","../../../../../src/components/hds/app-side-nav/list/title.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::AppSideNav::List::Item>\\n  <div\\n    class=\\\"hds-app-side-nav__list-title hds-typography-body-100 hds-font-weight-semibold\\\"\\n    id={{this._titleId}}\\n    {{did-insert this.didInsertTitle}}\\n    ...attributes\\n  >{{~yield~}}</div>\\n</Hds::AppSideNav::List::Item>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { guidFor } from '@ember/object/internals';\nimport { action } from '@ember/object';\nimport Component from '@glimmer/component';\n\nexport interface HdsAppSideNavListTitleSignature {\n  Args: {\n    didInsertTitle?: (titleId: string) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppSideNavListTitle extends Component<HdsAppSideNavListTitleSignature> {\n  /*  Generate a unique ID for each Title */\n  private _titleId = 'title-' + guidFor(this);\n\n  @action\n  didInsertTitle(element: HTMLElement): void {\n    const { didInsertTitle } = this.args;\n\n    if (typeof didInsertTitle === 'function') {\n      didInsertTitle(element.id);\n    }\n  }\n}\n"],"names":["HdsAppSideNavListTitle","_class","Component","constructor","args","_defineProperty","guidFor","didInsertTitle","element","id","_applyDecoratedDescriptor","prototype","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AACA,eAAe,kBAAkB,CAAC,+VAA+V;;;ACkB5WA,IAAAA,sBAAsB,IAAAC,MAAA,GAA5B,MAAMD,sBAAsB,SAASE,SAAS,CAAkC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA;AAC7F;AAAAC,IAAAA,eAAA,mBACmB,QAAQ,GAAGC,OAAO,CAAC,IAAI,CAAC,CAAA;AAAA;EAG3CC,cAAcA,CAACC,OAAoB,EAAQ;IACzC,MAAM;AAAED,MAAAA;KAAgB,GAAG,IAAI,CAACH,IAAI;AAEpC,IAAA,IAAI,OAAOG,cAAc,KAAK,UAAU,EAAE;AACxCA,MAAAA,cAAc,CAACC,OAAO,CAACC,EAAE,CAAC;AAC5B;AACF;AACF,CAAC,EAAAC,yBAAA,CAAAT,MAAA,CAAAU,SAAA,EAAA,gBAAA,EAAA,CAREC,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAb,MAAA,CAAAU,SAAA,qBAAAV,MAAA,CAAAU,SAAA,CAAA,EAAAV,MAAA;AAJkCc,oBAAA,CAAAC,QAAA,EAAtBhB,sBAAsB,CAAA;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/portal/index.hbs","../../../../../src/components/hds/app-side-nav/portal/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Portal @target={{if @targetName @targetName \\\"hds-app-side-nav-portal-target\\\"}}>\\n  <div class=\\\"hds-app-side-nav__content-panel\\\" ...attributes>\\n    <Hds::AppSideNav::List aria-label={{@ariaLabel}} as |ListElements|>\\n      {{yield ListElements}}\\n    </Hds::AppSideNav::List>\\n  </div>\\n</Portal>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsAppSideNavListSignature } from '../list/index';\n\n// TODO! understand how this should be done \"correctly\"\n// import type { PortalSignature } from 'ember-stargate/components/portal';\ninterface PortalSignature {\n  Args: {\n    target: string;\n    renderInPlace?: boolean;\n    fallback?: 'inplace';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport interface HdsAppSideNavPortalSignature {\n  Args: PortalSignature['Args'] & {\n    ariaLabel?: string;\n    targetName?: string;\n  };\n  Blocks: HdsAppSideNavListSignature['Blocks'];\n  Element: HTMLDivElement;\n}\n\nconst HdsAppSideNavPortal =\n  TemplateOnlyComponent<HdsAppSideNavPortalSignature>();\n\nexport default HdsAppSideNavPortal;\n"],"names":["HdsAppSideNavPortal","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+XAA+X;;ACDja;AACA;AACA;AACA;;AA4BA,MAAMA,mBAAmB,GACvBC,qBAAqB,EAAgC,CAAA;AAEvD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,mBAAmB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/app-side-nav/portal/index.hbs","../../../../../src/components/hds/app-side-nav/portal/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Portal @target={{if @targetName @targetName \\\"hds-app-side-nav-portal-target\\\"}}>\\n  <div class=\\\"hds-app-side-nav__content-panel\\\" ...attributes>\\n    <Hds::AppSideNav::List aria-label={{@ariaLabel}} as |ListElements|>\\n      {{yield ListElements}}\\n    </Hds::AppSideNav::List>\\n  </div>\\n</Portal>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { HdsAppSideNavListSignature } from '../list/index';\n\n// TODO! understand how this should be done \"correctly\"\n// import type { PortalSignature } from 'ember-stargate/components/portal';\ninterface PortalSignature {\n  Args: {\n    target: string;\n    renderInPlace?: boolean;\n    fallback?: 'inplace';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport interface HdsAppSideNavPortalSignature {\n  Args: PortalSignature['Args'] & {\n    ariaLabel?: string;\n    targetName?: string;\n  };\n  Blocks: HdsAppSideNavListSignature['Blocks'];\n  Element: HTMLDivElement;\n}\n\nconst HdsAppSideNavPortal =\n  TemplateOnlyComponent<HdsAppSideNavPortalSignature>();\n\nexport default HdsAppSideNavPortal;\n"],"names":["HdsAppSideNavPortal","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+XAA+X;;ACDja;AACA;AACA;AACA;;AA4BA,MAAMA,mBAAmB,GACvBC,qBAAqB,EAAgC;AAEvD,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,mBAAmB,CAAA;;;;"}