@hashicorp/design-system-components 4.14.0 → 4.16.0

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"home-link.js","sources":["../../../../src/components/hds/app-header/home-link.hbs","../../../../src/components/hds/app-header/home-link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Interactive\\n  class=\\\"hds-app-header__home-link\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <Hds::Icon @name={{@icon}} @color={{@color}} @stretched={{true}} />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { HdsIconSignature } from '../icon';\nimport type { HdsInteractiveSignature } from '../interactive/';\n\nexport interface HdsAppHeaderHomeLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: HdsIconSignature['Args']['name'];\n    color?: string;\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsAppHeaderHomeLink extends Component<HdsAppHeaderHomeLinkSignature> {\n  get ariaLabel(): string {\n    const { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::AppHeader::HomeLink\" (\"Logo\") must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsAppHeaderHomeLink","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,uiBAAuiB;;ACDzkB;AACA;AACA;AACA;;AAiBe,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;EACzF,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAE/BC,IAAAA,MAAM,CACJ,4EAA4E,EAC5EF,SAAS,KAAKG,SAChB,CAAC,CAAA;AAED,IAAA,OAAOH,SAAS,CAAA;AAClB,GAAA;AACF,CAAA;AAACI,oBAAA,CAAAC,QAAA,EAXoBP,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"home-link.js","sources":["../../../../src/components/hds/app-header/home-link.hbs","../../../../src/components/hds/app-header/home-link.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<Hds::Interactive\\n  class=\\\"hds-app-header__home-link\\\"\\n  @current-when={{@current-when}}\\n  @models={{hds-link-to-models @model @models}}\\n  @query={{hds-link-to-query @query}}\\n  @replace={{@replace}}\\n  @route={{@route}}\\n  @isRouteExternal={{@isRouteExternal}}\\n  @href={{@href}}\\n  @isHrefExternal={{@isHrefExternal}}\\n  ...attributes\\n  aria-label={{this.ariaLabel}}\\n>\\n  <Hds::Icon @name={{@icon}} @color={{@color}} @stretched={{true}} />\\n</Hds::Interactive>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport type { HdsIconSignature } from '../icon';\nimport type { HdsInteractiveSignature } from '../interactive/';\n\nexport interface HdsAppHeaderHomeLinkSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    icon: HdsIconSignature['Args']['name'];\n    color?: string;\n    ariaLabel: string;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsAppHeaderHomeLink extends Component<HdsAppHeaderHomeLinkSignature> {\n  get ariaLabel(): string {\n    const { ariaLabel } = this.args;\n\n    assert(\n      '@ariaLabel for \"Hds::AppHeader::HomeLink\" (\"Logo\") must have a valid value',\n      ariaLabel !== undefined\n    );\n\n    return ariaLabel;\n  }\n}\n"],"names":["HdsAppHeaderHomeLink","Component","ariaLabel","args","assert","undefined","setComponentTemplate","TEMPLATE"],"mappings":";;;;;AACA,eAAe,kBAAkB,CAAC,uiBAAuiB;;ACDzkB;AACA;AACA;AACA;;AAiBe,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;EACzF,IAAIC,SAASA,GAAW;IACtB,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/BC,IAAAA,MAAM,CACJ,4EAA4E,EAC5EF,SAAS,KAAKG,SAChB,CAAC;AAED,IAAA,OAAOH,SAAS;AAClB;AACF;AAACI,oBAAA,CAAAC,QAAA,EAXoBP,oBAAoB,CAAA;;;;"}

package/dist/components/hds/app-header/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-C_TsMG3M.js';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
@@ -7,23 +7,23 @@ 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<div\n  class={{this.classNames}}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap isActive=this.shouldTrapFocus}}\n  ...attributes\n>\n  {{#if (and this.hasA11yRefocus (not this.isOpen))}}\n    {{! @glint-expect-error - `ember-a11y-refocus` doesn\'t expose types yet }}\n    <NavigationNarrator\n      @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\n      @skipTo={{this.a11yRefocusSkipTo}}\n      @skipText={{@a11yRefocusSkipText}}\n      @navigationText={{@a11yRefocusNavigationText}}\n      @excludeAllQueryParams={{@a11yRefocusExcludeAllQueryParams}}\n    />\n  {{/if}}\n\n  {{yield to=\"logo\"}}\n\n  {{#if (not this.isDesktop)}}\n    <Hds::AppHeader::MenuButton\n      @onClickToggle={{this.onClickToggle}}\n      @isOpen={{this.isOpen}}\n      @menuContentId={{this.menuContentId}}\n    />\n  {{/if}}\n\n  <div class=\"hds-app-header__actions\" id={{this.menuContentId}}>\n    <div class=\"hds-app-header__global-actions\">\n      {{yield to=\"globalActions\"}}\n    </div>\n\n    <div class=\"hds-app-header__utility-actions\">\n      {{yield to=\"utilityActions\"}}\n    </div>\n  </div>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div\n  class={{this.classNames}}\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n  {{focus-trap isActive=this.shouldTrapFocus}}\n  ...attributes\n>\n  {{#if (and this.hasA11yRefocus (not this._isOpen))}}\n    {{! @glint-expect-error - `ember-a11y-refocus` doesn\'t expose types yet }}\n    <NavigationNarrator\n      @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\n      @skipTo={{this.a11yRefocusSkipTo}}\n      @skipText={{@a11yRefocusSkipText}}\n      @navigationText={{@a11yRefocusNavigationText}}\n      @excludeAllQueryParams={{@a11yRefocusExcludeAllQueryParams}}\n    />\n  {{/if}}\n\n  {{yield to=\"logo\"}}\n\n  {{#if (not this._isDesktop)}}\n    <Hds::AppHeader::MenuButton\n      @onClickToggle={{this.onClickToggle}}\n      @isOpen={{this._isOpen}}\n      @menuContentId={{this._menuContentId}}\n    />\n  {{/if}}\n\n  <div class=\"hds-app-header__actions\" id={{this._menuContentId}}>\n    <div class=\"hds-app-header__global-actions\">\n      {{yield to=\"globalActions\"}}\n    </div>\n\n    <div class=\"hds-app-header__utility-actions\">\n      {{yield to=\"utilityActions\"}}\n    </div>\n  </div>\n</div>");
 
 var _class, _descriptor, _descriptor2, _descriptor3;
 let HdsAppHeader = (_class = class HdsAppHeader extends Component {
   constructor(owner, args) {
     super(owner, args);
-    _initializerDefineProperty(this, "isOpen", _descriptor, this);
-    _initializerDefineProperty(this, "isDesktop", _descriptor2, this);
-    _initializerDefineProperty(this, "hasOverflowContent", _descriptor3, this);
-    _defineProperty(this, "desktopMQ", void 0);
+    _initializerDefineProperty(this, "_isOpen", _descriptor, this);
+    _initializerDefineProperty(this, "_isDesktop", _descriptor2, this);
+    _initializerDefineProperty(this, "_hasOverflowContent", _descriptor3, this);
+    _defineProperty(this, "_desktopMQ", undefined);
     _defineProperty(this, "hasA11yRefocus", this.args.hasA11yRefocus ?? true);
     _defineProperty(this, "a11yRefocusSkipTo", '#' + (this.args.a11yRefocusSkipTo ?? 'hds-main'));
     // Generates a unique ID for the Menu Content
-    _defineProperty(this, "menuContentId", 'hds-menu-content-' + guidFor(this));
-    _defineProperty(this, "breakpoint", parseInt(getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint')));
-    _defineProperty(this, "desktopMQVal", this.args.breakpoint ?? getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint'));
-    this.desktopMQ = window.matchMedia(`(min-width: ${this.desktopMQVal})`);
+    _defineProperty(this, "_menuContentId", 'hds-menu-content-' + guidFor(this));
+    _defineProperty(this, "_breakpoint", parseInt(getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint')));
+    _defineProperty(this, "_desktopMQVal", this.args.breakpoint ?? getComputedStyle(document.documentElement).getPropertyValue('--hds-app-desktop-breakpoint'));
+    this._desktopMQ = window.matchMedia(`(min-width: ${this._desktopMQVal})`);
     this.addEventListeners();
     registerDestructor(this, () => {
       this.removeEventListeners();
@@ -31,35 +31,35 @@ let HdsAppHeader = (_class = class HdsAppHeader extends Component {
   }
   addEventListeners() {
     document.addEventListener('keydown', this.escapePress, true);
-    this.desktopMQ.addEventListener('change', this.updateDesktopVariable, true);
+    this._desktopMQ.addEventListener('change', this.updateDesktopVariable, true);
 
     // 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);
   }
 
   // In mobile view when the menu is open, trap focus within the AppHeader
   get shouldTrapFocus() {
-    return !this.isDesktop && this.isOpen;
+    return !this._isDesktop && this._isOpen;
   }
 
   // Get the class names to apply to the component.
   get classNames() {
     const classes = ['hds-app-header'];
-    if (this.isDesktop) {
+    if (this._isDesktop) {
       classes.push('hds-app-header--is-desktop');
     } else {
       classes.push('hds-app-header--is-mobile');
 
       // open and closed menu states are only relevant on mobile
-      if (this.isOpen) {
+      if (this._isOpen) {
         classes.push('hds-app-header--menu-is-open');
       } else {
         classes.push('hds-app-header--menu-is-closed');
@@ -68,44 +68,44 @@ let HdsAppHeader = (_class = class HdsAppHeader extends Component {
     return classes.join(' ');
   }
   escapePress(event) {
-    if (event.key === 'Escape' && this.isOpen && !this.isDesktop) {
-      this.isOpen = false;
+    if (event.key === 'Escape' && this._isOpen && !this._isDesktop) {
+      this._isOpen = false;
     }
   }
   onClickToggle() {
-    this.isOpen = !this.isOpen;
+    this._isOpen = !this._isOpen;
   }
   updateDesktopVariable(event) {
-    this.isDesktop = event.matches;
+    this._isDesktop = event.matches;
 
     // Close the menu when switching to desktop view
     // (prevents menu from being open when resizing which causes Skip button to not render)
-    if (this.isDesktop) {
-      this.isOpen = false;
+    if (this._isDesktop) {
+      this._isOpen = false;
     }
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isOpen", [tracked], {
+}, _descriptor = _applyDecoratedDescriptor(_class.prototype, "_isOpen", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function () {
     return false;
   }
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "isDesktop", [tracked], {
+}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "_isDesktop", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function () {
     return true;
   }
-}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "hasOverflowContent", [tracked], {
+}), _descriptor3 = _applyDecoratedDescriptor(_class.prototype, "_hasOverflowContent", [tracked], {
   configurable: true,
   enumerable: true,
   writable: true,
   initializer: function () {
     return false;
   }
-}), _applyDecoratedDescriptor(_class.prototype, "escapePress", [action], Object.getOwnPropertyDescriptor(_class.prototype, "escapePress"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClickToggle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickToggle"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "updateDesktopVariable", [action], Object.getOwnPropertyDescriptor(_class.prototype, "updateDesktopVariable"), _class.prototype)), _class);
+}), _applyDecoratedDescriptor(_class.prototype, "escapePress", [action], Object.getOwnPropertyDescriptor(_class.prototype, "escapePress"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onClickToggle", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onClickToggle"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "updateDesktopVariable", [action], Object.getOwnPropertyDescriptor(_class.prototype, "updateDesktopVariable"), _class.prototype), _class);
 setComponentTemplate(TEMPLATE, HdsAppHeader);
 
 export { HdsAppHeader as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/app-header/index.hbs","../../../../src/components/hds/app-header/index.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n  Copyright (c) HashiCorp, Inc.\\n  SPDX-License-Identifier: MPL-2.0\\n}}\\n\\n<div\\n  class={{this.classNames}}\\n  {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\\n  {{focus-trap isActive=this.shouldTrapFocus}}\\n  ...attributes\\n>\\n  {{#if (and this.hasA11yRefocus (not this.isOpen))}}\\n    {{! @glint-expect-error - `ember-a11y-refocus` doesn\\'t expose types yet }}\\n    <NavigationNarrator\\n      @routeChangeValidator={{@a11yRefocusRouteChangeValidator}}\\n      @skipTo={{this.a11yRefocusSkipTo}}\\n      @skipText={{@a11yRefocusSkipText}}\\n      @navigationText={{@a11yRefocusNavigationText}}\\n      @excludeAllQueryParams={{@a11yRefocusExcludeAllQueryParams}}\\n    />\\n  {{/if}}\\n\\n  {{yield to=\\\"logo\\\"}}\\n\\n  {{#if (not this.isDesktop)}}\\n    <Hds::AppHeader::MenuButton\\n      @onClickToggle={{this.onClickToggle}}\\n      @isOpen={{this.isOpen}}\\n      @menuContentId={{this.menuContentId}}\\n    />\\n  {{/if}}\\n\\n  <div class=\\\"hds-app-header__actions\\\" id={{this.menuContentId}}>\\n    <div class=\\\"hds-app-header__global-actions\\\">\\n      {{yield to=\\\"globalActions\\\"}}\\n    </div>\\n\\n    <div class=\\\"hds-app-header__utility-actions\\\">\\n      {{yield to=\\\"utilityActions\\\"}}\\n    </div>\\n  </div>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { guidFor } from '@ember/object/internals';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\n\nexport interface HdsAppHeaderSignature {\n  Args: {\n    breakpoint?: string;\n    hasA11yRefocus?: boolean;\n    a11yRefocusSkipTo?: string;\n    a11yRefocusSkipText?: string;\n    a11yRefocusNavigationText?: string;\n    a11yRefocusRouteChangeValidator?: string;\n    a11yRefocusExcludeAllQueryParams?: boolean;\n  };\n  Blocks: {\n    logo?: [];\n    globalActions?: [];\n    utilityActions?: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAppHeader extends Component<HdsAppHeaderSignature> {\n  @tracked 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-C_TsMG3M.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-C_TsMG3M.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", undefined);
+    _defineProperty(this, "_bodyInitialOverflowValue", '');
+    _defineProperty(this, "_desktopMQ", undefined);
+    _defineProperty(this, "_containersToHide", undefined);
+    _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 };