@hashicorp/design-system-components 6.2.0 → 6.2.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/breadcrumb/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nexport interface HdsBreadcrumbSignature {\n  Args: {\n    ariaLabel?: string;\n    itemsCanWrap?: boolean;\n    didInsert?: () => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst NOOP = () => {};\n\nexport default class HdsBreadcrumb extends Component<HdsBreadcrumbSignature> {\n  get didInsert(): () => void {\n    const { didInsert } = this.args;\n\n    if (typeof didInsert === 'function') {\n      return didInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get itemsCanWrap(): boolean {\n    return this.args.itemsCanWrap ?? true;\n  }\n\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'breadcrumbs';\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb'];\n\n    // add a class based on the @itemsCanWrap argument\n    if (this.itemsCanWrap) {\n      classes.push('hds-breadcrumb--items-can-wrap');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\n      <ol class=\"hds-breadcrumb__list\" {{didInsert this.didInsert}}>\n        {{yield}}\n      </ol>\n    </nav>\n  </template>\n}\n"],"names":["NOOP","HdsBreadcrumb","Component","didInsert","args","itemsCanWrap","ariaLabel","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;AAAA;;;AAGC;AAkBD,MAAMA,OAAOA,MAAA,CAAO,CAAA;AAEL,MAAMC,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,SAAAA,GAAwB;IAC1B,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/B,IAAA,IAAI,OAAOD,cAAc,UAAA,EAAY;AACnC,MAAA,OAAOA,SAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOH,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIK,YAAAA,GAAwB;AAC1B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,YAAY,IAAI,IAAA;AACnC,EAAA;EAEA,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,aAAA;AAChC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,gBAAA,CAAiB;AAElC;IACA,IAAI,IAAI,CAACH,YAAY,EAAE;AACrBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,gCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,iLAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAX,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/breadcrumb/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nexport interface HdsBreadcrumbSignature {\n  Args: {\n    ariaLabel?: string;\n    itemsCanWrap?: boolean;\n    didInsert?: () => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nconst NOOP = () => {};\n\nexport default class HdsBreadcrumb extends Component<HdsBreadcrumbSignature> {\n  get didInsert(): () => void {\n    const { didInsert } = this.args;\n\n    if (typeof didInsert === 'function') {\n      return didInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get itemsCanWrap(): boolean {\n    return this.args.itemsCanWrap ?? true;\n  }\n\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'breadcrumbs';\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb'];\n\n    // add a class based on the @itemsCanWrap argument\n    if (this.itemsCanWrap) {\n      classes.push('hds-breadcrumb--items-can-wrap');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <nav class={{this.classNames}} aria-label={{this.ariaLabel}} ...attributes>\n      <ol class=\"hds-breadcrumb__list\" {{didInsert this.didInsert}}>\n        {{yield}}\n      </ol>\n    </nav>\n  </template>\n}\n"],"names":["NOOP","HdsBreadcrumb","Component","didInsert","args","itemsCanWrap","ariaLabel","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope"],"mappings":";;;;;AAAA;;;AAGC;AAkBD,MAAMA,OAAOA,MAAA,CAAO,CAAA;AAEL,MAAMC,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,SAAAA,GAAwB;IAC1B,MAAM;AAAEA,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAE/B,IAAA,IAAI,OAAOD,cAAc,UAAA,EAAY;AACnC,MAAA,OAAOA,SAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOH,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIK,YAAAA,GAAwB;AAC1B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,YAAY,IAAI,IAAA;AACnC,EAAA;EAEA,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,SAAS,IAAI,aAAA;AAChC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,gBAAA,CAAiB;AAElC;IACA,IAAI,IAAI,CAACH,YAAY,EAAE;AACrBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,gCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,iLAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAX,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/breadcrumb/item.js

@@ -1,13 +1,13 @@
 import Component from '@glimmer/component';
-import { htmlSafe } from '@ember/template';
 import { assert } from '@ember/debug';
+import style from 'ember-style-modifier';
 import HdsInteractive from '../interactive/index.js';
 import HdsIcon from '../icon/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsBreadcrumbItem extends Component {
@@ -24,9 +24,11 @@ class HdsBreadcrumbItem extends Component {
   }
   get itemStyle() {
     if (this.maxWidth) {
-      return htmlSafe(`max-width: ${this.maxWidth}`);
+      return {
+        'max-width': this.maxWidth
+      };
     } else {
-      return undefined;
+      return {};
     }
   }
   get classNames() {
@@ -34,9 +36,10 @@ class HdsBreadcrumbItem extends Component {
     return classes.join(' ');
   }
   static {
-    setComponentTemplate(precompileTemplate("<li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n  {{#if @current}}\n    <div class=\"hds-breadcrumb__current\">\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </div>\n  {{else}}\n    <HdsInteractive class=\"hds-breadcrumb__link\" @current-when={{@current-when}} @models={{@models}} @model={{@model}} @query={{@query}} @replace={{@replace}} @route={{@route}} @href={{@href}} @isRouteExternal={{@isRouteExternal}}>\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </HdsInteractive>\n  {{/if}}\n</li>", {
+    setComponentTemplate(precompileTemplate("<li class=\"hds-breadcrumb__item\" {{style this.itemStyle}} ...attributes>\n  {{#if @current}}\n    <div class=\"hds-breadcrumb__current\">\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </div>\n  {{else}}\n    <HdsInteractive class=\"hds-breadcrumb__link\" @current-when={{@current-when}} @models={{@models}} @model={{@model}} @query={{@query}} @replace={{@replace}} @route={{@route}} @href={{@href}} @isRouteExternal={{@isRouteExternal}}>\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </HdsInteractive>\n  {{/if}}\n</li>", {
       strictMode: true,
       scope: () => ({
+        style,
         HdsIcon,
         HdsInteractive
       })

package/dist/components/hds/breadcrumb/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\n\nimport type { SafeString } from '@ember/template';\n\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    href?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n      {{#if @current}}\n        <div class=\"hds-breadcrumb__current\">\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </div>\n      {{else}}\n        <HdsInteractive\n          class=\"hds-breadcrumb__link\"\n          @current-when={{@current-when}}\n          @models={{@models}}\n          @model={{@model}}\n          @query={{@query}}\n          @replace={{@replace}}\n          @route={{@route}}\n          @href={{@href}}\n          @isRouteExternal={{@isRouteExternal}}\n        >\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </HdsInteractive>\n      {{/if}}\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbItem","Component","maxWidth","args","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon","HdsInteractive"],"mappings":";;;;;;;;AAAA;;;AAGC;AA+Bc,MAAMA,0BAA0BC,SAAA,CAAU;EACvD,IAAIC,QAAAA,GAA+B;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACC,IAAI;AAE9B,IAAA,IAAID,QAAA,EAAU;MACZE,MAAA,CACE,CAAA,qHAAA,EAAwHF,QAAA,CAAA,CAAU,EAClIA,QAAA,CAASG,KAAK,CAAC,cAAA,CAAA,CAAA;AAGjB,MAAA,OAAOH,QAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOI,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,SAAAA,GAAoC;IACtC,IAAI,IAAI,CAACL,QAAQ,EAAE;AACjB,MAAA,OAAOM,QAAA,CAAS,CAAA,WAAA,EAAc,IAAI,CAACN,QAAQ,EAAE,CAAA;AAC/C,IAAA,CAAA,MAAO;AACL,MAAA,OAAOI,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIG,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,sBAAA,CAAuB;AAExC,IAAA,OAAOA,OAAA,CAAQC,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,u4BAAA,EAgCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport style from 'ember-style-modifier';\n\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    href?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  get itemStyle(): Record<string, string> {\n    if (this.maxWidth) {\n      return { 'max-width': this.maxWidth };\n    } else {\n      return {};\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <li class=\"hds-breadcrumb__item\" {{style this.itemStyle}} ...attributes>\n      {{#if @current}}\n        <div class=\"hds-breadcrumb__current\">\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </div>\n      {{else}}\n        <HdsInteractive\n          class=\"hds-breadcrumb__link\"\n          @current-when={{@current-when}}\n          @models={{@models}}\n          @model={{@model}}\n          @query={{@query}}\n          @replace={{@replace}}\n          @route={{@route}}\n          @href={{@href}}\n          @isRouteExternal={{@isRouteExternal}}\n        >\n          {{#if @icon}}\n            <div class=\"hds-breadcrumb__icon\">\n              <HdsIcon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n            </div>\n          {{/if}}\n          <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n        </HdsInteractive>\n      {{/if}}\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbItem","Component","maxWidth","args","assert","match","undefined","itemStyle","classNames","classes","join","setComponentTemplate","precompileTemplate","strictMode","scope","style","HdsIcon","HdsInteractive"],"mappings":";;;;;;;;AAAA;;;AAGC;AA6Bc,MAAMA,0BAA0BC,SAAA,CAAU;EACvD,IAAIC,QAAAA,GAA+B;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACC,IAAI;AAE9B,IAAA,IAAID,QAAA,EAAU;MACZE,MAAA,CACE,CAAA,qHAAA,EAAwHF,QAAA,CAAA,CAAU,EAClIA,QAAA,CAASG,KAAK,CAAC,cAAA,CAAA,CAAA;AAGjB,MAAA,OAAOH,QAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAOI,SAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIC,SAAAA,GAAoC;IACtC,IAAI,IAAI,CAACL,QAAQ,EAAE;MACjB,OAAO;QAAE,WAAA,EAAa,IAAI,CAACA;OAAS;AACtC,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,EAAC;AACV,IAAA;AACF,EAAA;EAEA,IAAIM,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,sBAAA,CAAuB;AAExC,IAAA,OAAOA,OAAA,CAAQC,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,u4BAAA,EAgCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/breadcrumb/truncation.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsBreadcrumbTruncation extends Component {

package/dist/components/hds/breadcrumb/truncation.js.map

@@ -1 +1 @@
-{"version":3,"file":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsPopoverPrimitive from '../popover-primitive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nexport interface HdsBreadcrumbTruncationSignature {\n  Args: {\n    ariaLabel?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbTruncation extends Component<HdsBreadcrumbTruncationSignature> {\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'show more';\n  }\n\n  <template>\n    <li\n      class=\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\"\n      ...attributes\n    >\n      <HdsPopoverPrimitive @enableClickEvents={{true}} as |PP|>\n        <div {{PP.setupPrimitiveContainer}}>\n          <button\n            type=\"button\"\n            class=\"hds-breadcrumb__truncation-toggle\"\n            aria-label={{this.ariaLabel}}\n            aria-expanded={{if PP.isOpen \"true\" \"false\"}}\n            {{PP.setupPrimitiveToggle}}\n          >\n            <HdsIcon @name=\"more-horizontal\" @size=\"16\" />\n          </button>\n          <div\n            class=\"hds-breadcrumb__truncation-content\"\n            {{PP.setupPrimitivePopover\n              anchoredPositionOptions=(hash\n                placement=\"bottom-start\" offsetOptions=4\n              )\n            }}\n          >\n            <ol class=\"hds-breadcrumb__sublist\">\n              {{yield}}\n            </ol>\n          </div>\n        </div>\n      </HdsPopoverPrimitive>\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbTruncation","Component","ariaLabel","args","setComponentTemplate","precompileTemplate","strictMode","scope","HdsPopoverPrimitive","HdsIcon","hash"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBc,MAAMA,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAA;AAChC,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,mvBAAA,EA+BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,mBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"truncation.js","sources":["../../../../src/components/hds/breadcrumb/truncation.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsPopoverPrimitive from '../popover-primitive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nexport interface HdsBreadcrumbTruncationSignature {\n  Args: {\n    ariaLabel?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbTruncation extends Component<HdsBreadcrumbTruncationSignature> {\n  get ariaLabel(): string {\n    return this.args.ariaLabel ?? 'show more';\n  }\n\n  <template>\n    <li\n      class=\"hds-breadcrumb__item hds-breadcrumb__item--is-truncation\"\n      ...attributes\n    >\n      <HdsPopoverPrimitive @enableClickEvents={{true}} as |PP|>\n        <div {{PP.setupPrimitiveContainer}}>\n          <button\n            type=\"button\"\n            class=\"hds-breadcrumb__truncation-toggle\"\n            aria-label={{this.ariaLabel}}\n            aria-expanded={{if PP.isOpen \"true\" \"false\"}}\n            {{PP.setupPrimitiveToggle}}\n          >\n            <HdsIcon @name=\"more-horizontal\" @size=\"16\" />\n          </button>\n          <div\n            class=\"hds-breadcrumb__truncation-content\"\n            {{PP.setupPrimitivePopover\n              anchoredPositionOptions=(hash\n                placement=\"bottom-start\" offsetOptions=4\n              )\n            }}\n          >\n            <ol class=\"hds-breadcrumb__sublist\">\n              {{yield}}\n            </ol>\n          </div>\n        </div>\n      </HdsPopoverPrimitive>\n    </li>\n  </template>\n}\n"],"names":["HdsBreadcrumbTruncation","Component","ariaLabel","args","setComponentTemplate","precompileTemplate","strictMode","scope","HdsPopoverPrimitive","HdsIcon","hash"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBc,MAAMA,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,SAAS,IAAI,WAAA;AAChC,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,mvBAAA,EA+BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,mBAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -8,7 +8,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const SIZES = Object.values(HdsButtonSizeValues);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { eq } from 'ember-truth-helpers';\n// TEST\n\nimport {\n  HdsButtonSizeValues,\n  HdsButtonColorValues,\n  HdsButtonIconPositionValues,\n} from './types.ts';\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type {\n  HdsButtonSizes,\n  HdsButtonColors,\n  HdsButtonIconPositions,\n} from './types.ts';\nimport type { HdsInteractiveSignature } from '../interactive/index.gts';\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport const SIZES: HdsButtonSizes[] = Object.values(HdsButtonSizeValues);\nexport const COLORS: HdsButtonColors[] = Object.values(HdsButtonColorValues);\nexport const ICON_POSITIONS: HdsButtonIconPositions[] = Object.values(\n  HdsButtonIconPositionValues\n);\nexport const DEFAULT_SIZE = HdsButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsButtonColorValues.Primary;\nexport const DEFAULT_ICON_POSITION = HdsButtonIconPositionValues.Leading;\n\nexport interface HdsButtonSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    size?: HdsButtonSizes;\n    color?: HdsButtonColors;\n    text: string;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsButtonIconPositions;\n    isIconOnly?: boolean;\n    isFullWidth?: boolean;\n    isInline?: boolean;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsButton extends Component<HdsButtonSignature> {\n  get text(): string {\n    // TEST2\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get size(): HdsButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get color(): HdsButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get icon(): HdsIconSignature['Args']['name'] | undefined {\n    assert(\n      `when the \"Hds::Button\" @color is \"tertiary\" an @icon is required`,\n      !(this.color === 'tertiary' && !this.args.icon)\n    );\n\n    return this.args.icon ?? undefined;\n  }\n\n  get isIconOnly(): boolean {\n    if (this.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n    return false;\n  }\n\n  get iconPosition(): HdsButtonIconPositions {\n    const { iconPosition = DEFAULT_ICON_POSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Button\" must be one of the following: ${ICON_POSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICON_POSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-button'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-button--width-full');\n    }\n\n    // add a class based on isIconOnly argument\n    if (this.isIconOnly) {\n      classes.push('hds-button--is-icon-only');\n    }\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-button--is-inline');\n    }\n\n    // add a class based on the @size argument\n    classes.push(`hds-button--size-${this.size}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsInteractive\n      class={{this.classNames}}\n      @current-when={{@current-when}}\n      @models={{@models}}\n      @model={{@model}}\n      @query={{@query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n      ...attributes\n      aria-label={{if this.isIconOnly this.text null}}\n    >\n      {{#if this.isIconOnly}}\n        {{#if this.icon}}\n          <span class=\"hds-button__icon\">\n            <HdsIcon\n              @name={{this.icon}}\n              @size={{this.iconSize}}\n              @stretched={{true}}\n            />\n          </span>\n        {{/if}}\n      {{else}}\n        {{#if this.icon}}\n          {{#if (eq this.iconPosition \"leading\")}}\n            <span class=\"hds-button__icon\">\n              <HdsIcon\n                @name={{this.icon}}\n                @size={{this.iconSize}}\n                @stretched={{true}}\n              />\n            </span>\n            <span class=\"hds-button__text\">\n              {{this.text}}\n            </span>\n          {{else}}\n            <span class=\"hds-button__text\">\n              {{this.text}}\n            </span>\n            <span class=\"hds-button__icon\">\n              <HdsIcon\n                @name={{this.icon}}\n                @size={{this.iconSize}}\n                @stretched={{true}}\n              />\n            </span>\n          {{/if}}\n        {{else}}\n          <span class=\"hds-button__text\">\n            {{this.text}}\n          </span>\n        {{/if}}\n      {{/if}}\n    </HdsInteractive>\n  </template>\n}\n"],"names":["SIZES","Object","values","HdsButtonSizeValues","COLORS","HdsButtonColorValues","ICON_POSITIONS","HdsButtonIconPositionValues","DEFAULT_SIZE","Medium","DEFAULT_COLOR","Primary","DEFAULT_ICON_POSITION","Leading","HdsButton","Component","text","args","assert","undefined","size","join","includes","color","icon","isIconOnly","iconPosition","iconSize","isFullWidth","classNames","classes","push","isInline","setComponentTemplate","precompileTemplate","strictMode","scope","HdsInteractive","HdsIcon","eq"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { eq } from 'ember-truth-helpers';\n// TEST\n\nimport {\n  HdsButtonSizeValues,\n  HdsButtonColorValues,\n  HdsButtonIconPositionValues,\n} from './types.ts';\nimport HdsInteractive from '../interactive/index.gts';\nimport HdsIcon from '../icon/index.gts';\n\nimport type {\n  HdsButtonSizes,\n  HdsButtonColors,\n  HdsButtonIconPositions,\n} from './types.ts';\nimport type { HdsInteractiveSignature } from '../interactive/index.gts';\nimport type { HdsIconSignature } from '../icon/index.gts';\n\nexport const SIZES: HdsButtonSizes[] = Object.values(HdsButtonSizeValues);\nexport const COLORS: HdsButtonColors[] = Object.values(HdsButtonColorValues);\nexport const ICON_POSITIONS: HdsButtonIconPositions[] = Object.values(\n  HdsButtonIconPositionValues\n);\nexport const DEFAULT_SIZE = HdsButtonSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsButtonColorValues.Primary;\nexport const DEFAULT_ICON_POSITION = HdsButtonIconPositionValues.Leading;\n\nexport interface HdsButtonSignature {\n  Args: HdsInteractiveSignature['Args'] & {\n    size?: HdsButtonSizes;\n    color?: HdsButtonColors;\n    text: string;\n    icon?: HdsIconSignature['Args']['name'];\n    iconPosition?: HdsButtonIconPositions;\n    isIconOnly?: boolean;\n    isFullWidth?: boolean;\n    isInline?: boolean;\n  };\n  Element: HdsInteractiveSignature['Element'];\n}\n\nexport default class HdsButton extends Component<HdsButtonSignature> {\n  get text(): string {\n    // TEST2\n    const { text } = this.args;\n\n    assert(\n      '@text for \"Hds::Button\" must have a valid value',\n      text !== undefined\n    );\n\n    return text;\n  }\n\n  get size(): HdsButtonSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Button\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get color(): HdsButtonColors {\n    const { color = DEFAULT_COLOR } = this.args;\n\n    assert(\n      `@color for \"Hds::Button\" must be one of the following: ${COLORS.join(\n        ', '\n      )}; received: ${color}`,\n      COLORS.includes(color)\n    );\n\n    return color;\n  }\n\n  get icon(): HdsIconSignature['Args']['name'] | undefined {\n    assert(\n      `when the \"Hds::Button\" @color is \"tertiary\" an @icon is required`,\n      !(this.color === 'tertiary' && !this.args.icon)\n    );\n\n    return this.args.icon ?? undefined;\n  }\n\n  get isIconOnly(): boolean {\n    if (this.icon) {\n      return this.args.isIconOnly ?? false;\n    }\n    return false;\n  }\n\n  get iconPosition(): HdsButtonIconPositions {\n    const { iconPosition = DEFAULT_ICON_POSITION } = this.args;\n\n    assert(\n      `@iconPosition for \"Hds::Button\" must be one of the following: ${ICON_POSITIONS.join(\n        ', '\n      )}; received: ${iconPosition}`,\n      ICON_POSITIONS.includes(iconPosition)\n    );\n\n    return iconPosition;\n  }\n\n  get iconSize(): HdsIconSignature['Args']['size'] {\n    if (this.args.size === 'large') {\n      return '24';\n    } else {\n      return '16';\n    }\n  }\n\n  get isFullWidth(): boolean {\n    return this.args.isFullWidth ?? false;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-button'];\n\n    // add a class based on the @color argument\n    classes.push(`hds-button--color-${this.color}`);\n\n    // add a class based on the @isFullWidth argument\n    if (this.isFullWidth) {\n      classes.push('hds-button--width-full');\n    }\n\n    // add a class based on isIconOnly argument\n    if (this.isIconOnly) {\n      classes.push('hds-button--is-icon-only');\n    }\n\n    // add a class based on the @isInline argument\n    if (this.args.isInline) {\n      classes.push('hds-button--is-inline');\n    }\n\n    // add a class based on the @size argument\n    classes.push(`hds-button--size-${this.size}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsInteractive\n      class={{this.classNames}}\n      @current-when={{@current-when}}\n      @models={{@models}}\n      @model={{@model}}\n      @query={{@query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      @isRouteExternal={{@isRouteExternal}}\n      @href={{@href}}\n      @isHrefExternal={{@isHrefExternal}}\n      ...attributes\n      aria-label={{if this.isIconOnly this.text null}}\n    >\n      {{#if this.isIconOnly}}\n        {{#if this.icon}}\n          <span class=\"hds-button__icon\">\n            <HdsIcon\n              @name={{this.icon}}\n              @size={{this.iconSize}}\n              @stretched={{true}}\n            />\n          </span>\n        {{/if}}\n      {{else}}\n        {{#if this.icon}}\n          {{#if (eq this.iconPosition \"leading\")}}\n            <span class=\"hds-button__icon\">\n              <HdsIcon\n                @name={{this.icon}}\n                @size={{this.iconSize}}\n                @stretched={{true}}\n              />\n            </span>\n            <span class=\"hds-button__text\">\n              {{this.text}}\n            </span>\n          {{else}}\n            <span class=\"hds-button__text\">\n              {{this.text}}\n            </span>\n            <span class=\"hds-button__icon\">\n              <HdsIcon\n                @name={{this.icon}}\n                @size={{this.iconSize}}\n                @stretched={{true}}\n              />\n            </span>\n          {{/if}}\n        {{else}}\n          <span class=\"hds-button__text\">\n            {{this.text}}\n          </span>\n        {{/if}}\n      {{/if}}\n    </HdsInteractive>\n  </template>\n}\n"],"names":["SIZES","Object","values","HdsButtonSizeValues","COLORS","HdsButtonColorValues","ICON_POSITIONS","HdsButtonIconPositionValues","DEFAULT_SIZE","Medium","DEFAULT_COLOR","Primary","DEFAULT_ICON_POSITION","Leading","HdsButton","Component","text","args","assert","undefined","size","join","includes","color","icon","isIconOnly","iconPosition","iconSize","isFullWidth","classNames","classes","push","isInline","setComponentTemplate","precompileTemplate","strictMode","scope","HdsInteractive","HdsIcon","eq"],"mappings":"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"}

package/dist/components/hds/button-set/index.js

@@ -3,7 +3,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const HdsButtonSet = setComponentTemplate(precompileTemplate("<div class=\"hds-button-set\" ...attributes>\n  {{yield}}\n</div>", {

package/dist/components/hds/button-set/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button-set/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nexport interface HdsButtonSetSignature {\n  Blocks: { default: [] };\n  Element: HTMLDivElement;\n}\nconst HdsButtonSet: TemplateOnlyComponent<HdsButtonSetSignature> = <template>\n  <div class=\"hds-button-set\" ...attributes>\n    {{yield}}\n  </div>\n</template>;\n\nexport default HdsButtonSet;\n"],"names":["HdsButtonSet","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAOD,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,mEAAA,EAInE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/button-set/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nexport interface HdsButtonSetSignature {\n  Blocks: { default: [] };\n  Element: HTMLDivElement;\n}\nconst HdsButtonSet: TemplateOnlyComponent<HdsButtonSetSignature> = <template>\n  <div class=\"hds-button-set\" ...attributes>\n    {{yield}}\n  </div>\n</template>;\n\nexport default HdsButtonSet;\n"],"names":["HdsButtonSet","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAOD,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,mEAAA,EAInE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/card/container.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_LEVEL = HdsCardLevelValues.Base;

package/dist/components/hds/card/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../../../../src/components/hds/card/container.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { eq } from 'ember-truth-helpers';\nimport { element } from 'ember-element-helper';\n\nimport {\n  HdsCardBackgroundValues,\n  HdsCardLevelValues,\n  HdsCardOverflowValues,\n  HdsCardTagValues,\n} from './types.ts';\n\nimport type {\n  HdsCardBackground,\n  HdsCardLevel,\n  HdsCardOverflow,\n  HdsCardTag,\n} from './types.ts';\n\nexport const DEFAULT_LEVEL = HdsCardLevelValues.Base;\nexport const DEFAULT_BACKGROUND = HdsCardBackgroundValues.NeutralPrimary;\nexport const DEFAULT_OVERFLOW = HdsCardOverflowValues.Visible;\nexport const DEFAULT_TAG = HdsCardTagValues.Div;\nexport const LEVELS: HdsCardLevel[] = Object.values(HdsCardLevelValues);\nexport const BACKGROUNDS: HdsCardBackground[] = Object.values(\n  HdsCardBackgroundValues\n);\nexport const OVERFLOWS: HdsCardOverflow[] = Object.values(\n  HdsCardOverflowValues\n);\nexport const TAGS: HdsCardTag[] = Object.values(HdsCardTagValues);\n\nexport interface HdsCardContainerSignature {\n  Args: {\n    level?: HdsCardLevel;\n    levelActive?: HdsCardLevel;\n    levelHover?: HdsCardLevel;\n    background?: HdsCardBackground;\n    hasBorder?: boolean;\n    overflow?: HdsCardOverflow;\n    tag?: HdsCardTag;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsCardContainer extends Component<HdsCardContainerSignature> {\n  // Sets the \"elevation\" level for the component\n  get level(): HdsCardLevel {\n    const { level = DEFAULT_LEVEL } = this.args;\n\n    assert(\n      `@level for \"Hds::Card::Container\" must be one of the following: ${LEVELS.join(\n        ', '\n      )}; received: ${level}`,\n      LEVELS.includes(level)\n    );\n\n    return level;\n  }\n\n  // Sets the \"elevation\" level for the component on \":hover\" state\n  get levelHover(): HdsCardLevel | undefined {\n    const { levelHover } = this.args;\n\n    if (levelHover) {\n      assert(\n        `@levelHover for \"Hds::Card::Container\" must be one of the following: ${LEVELS.join(\n          ', '\n        )}; received: ${levelHover}`,\n        LEVELS.includes(levelHover)\n      );\n    }\n\n    return levelHover;\n  }\n\n  // Sets the \"elevation\" level for the component on \":active\" state\n  get levelActive(): HdsCardLevel | undefined {\n    const { levelActive } = this.args;\n\n    if (levelActive) {\n      assert(\n        `@levelActive for \"Hds::Card::Container\" must be one of the following: ${LEVELS.join(\n          ', '\n        )}; received: ${levelActive}`,\n        LEVELS.includes(levelActive)\n      );\n    }\n\n    return levelActive;\n  }\n\n  // Sets the background for the component\n  get background(): HdsCardBackground {\n    const { background = DEFAULT_BACKGROUND } = this.args;\n\n    assert(\n      `@background for \"Hds::Card::Container\" must be one of the following: ${BACKGROUNDS.join(\n        ', '\n      )}; received: ${background}`,\n      BACKGROUNDS.includes(background)\n    );\n\n    return background;\n  }\n\n  // Sets the level for the card\n  get overflow(): HdsCardOverflow {\n    const { overflow = DEFAULT_OVERFLOW } = this.args;\n\n    assert(\n      `@overflow for \"Hds::Card::Container\" must be one of the following: ${OVERFLOWS.join(\n        ', '\n      )}; received: ${overflow}`,\n      OVERFLOWS.includes(overflow)\n    );\n\n    return overflow;\n  }\n\n  get componentTag(): HdsCardTag {\n    const { tag = DEFAULT_TAG } = this.args;\n\n    assert(\n      `@tag for \"Hds::Card::Container\" must be one of the following: ${TAGS.join(', ')}; received: ${tag}`,\n      TAGS.includes(tag)\n    );\n\n    return tag;\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-card__container'];\n\n    // add \"elevation\" classes based on the @level and @hasBorder arguments\n    classes.push(\n      `hds-card__container--level-${\n        this.args.hasBorder ? 'surface' : 'elevation'\n      }-${this.level}`\n    );\n    if (this.levelHover) {\n      classes.push(\n        `hds-card__container--hover-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelHover}`\n      );\n    }\n    if (this.levelActive) {\n      classes.push(\n        `hds-card__container--active-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelActive}`\n      );\n    }\n\n    // add a class based on the @background argument\n    classes.push(`hds-card__container--background-${this.background}`);\n\n    // add a class based on the @overflow argument\n    classes.push(`hds-card__container--overflow-${this.overflow}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{!\n      Dynamically generating an HTML tag in Ember creates a dynamic component class (with the corresponding tagName), while rendering\n      a plain HTML element requires less computing cycles for Ember (you will notice it doesn't add the ember-view class to it).\n    }}\n    {{#if (eq this.componentTag \"div\")}}\n      <div class={{this.classNames}} ...attributes>{{yield}}</div>\n    {{else}}\n      {{#let (element this.componentTag) as |Tag|}}\n        <Tag\n          class={{this.classNames}}\n          role={{if (eq this.componentTag \"li\") \"listitem\"}}\n          ...attributes\n        >{{yield}}</Tag>\n      {{/let}}\n    {{/if}}\n  </template>\n}\n"],"names":["DEFAULT_LEVEL","HdsCardLevelValues","Base","DEFAULT_BACKGROUND","HdsCardBackgroundValues","NeutralPrimary","DEFAULT_OVERFLOW","HdsCardOverflowValues","Visible","DEFAULT_TAG","HdsCardTagValues","Div","LEVELS","Object","values","BACKGROUNDS","OVERFLOWS","TAGS","HdsCardContainer","Component","level","args","assert","join","includes","levelHover","levelActive","background","overflow","componentTag","tag","classNames","classes","push","hasBorder","setComponentTemplate","precompileTemplate","strictMode","scope","eq","element"],"mappings":"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"}
+{"version":3,"file":"container.js","sources":["../../../../src/components/hds/card/container.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { eq } from 'ember-truth-helpers';\nimport { element } from 'ember-element-helper';\n\nimport {\n  HdsCardBackgroundValues,\n  HdsCardLevelValues,\n  HdsCardOverflowValues,\n  HdsCardTagValues,\n} from './types.ts';\n\nimport type {\n  HdsCardBackground,\n  HdsCardLevel,\n  HdsCardOverflow,\n  HdsCardTag,\n} from './types.ts';\n\nexport const DEFAULT_LEVEL = HdsCardLevelValues.Base;\nexport const DEFAULT_BACKGROUND = HdsCardBackgroundValues.NeutralPrimary;\nexport const DEFAULT_OVERFLOW = HdsCardOverflowValues.Visible;\nexport const DEFAULT_TAG = HdsCardTagValues.Div;\nexport const LEVELS: HdsCardLevel[] = Object.values(HdsCardLevelValues);\nexport const BACKGROUNDS: HdsCardBackground[] = Object.values(\n  HdsCardBackgroundValues\n);\nexport const OVERFLOWS: HdsCardOverflow[] = Object.values(\n  HdsCardOverflowValues\n);\nexport const TAGS: HdsCardTag[] = Object.values(HdsCardTagValues);\n\nexport interface HdsCardContainerSignature {\n  Args: {\n    level?: HdsCardLevel;\n    levelActive?: HdsCardLevel;\n    levelHover?: HdsCardLevel;\n    background?: HdsCardBackground;\n    hasBorder?: boolean;\n    overflow?: HdsCardOverflow;\n    tag?: HdsCardTag;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsCardContainer extends Component<HdsCardContainerSignature> {\n  // Sets the \"elevation\" level for the component\n  get level(): HdsCardLevel {\n    const { level = DEFAULT_LEVEL } = this.args;\n\n    assert(\n      `@level for \"Hds::Card::Container\" must be one of the following: ${LEVELS.join(\n        ', '\n      )}; received: ${level}`,\n      LEVELS.includes(level)\n    );\n\n    return level;\n  }\n\n  // Sets the \"elevation\" level for the component on \":hover\" state\n  get levelHover(): HdsCardLevel | undefined {\n    const { levelHover } = this.args;\n\n    if (levelHover) {\n      assert(\n        `@levelHover for \"Hds::Card::Container\" must be one of the following: ${LEVELS.join(\n          ', '\n        )}; received: ${levelHover}`,\n        LEVELS.includes(levelHover)\n      );\n    }\n\n    return levelHover;\n  }\n\n  // Sets the \"elevation\" level for the component on \":active\" state\n  get levelActive(): HdsCardLevel | undefined {\n    const { levelActive } = this.args;\n\n    if (levelActive) {\n      assert(\n        `@levelActive for \"Hds::Card::Container\" must be one of the following: ${LEVELS.join(\n          ', '\n        )}; received: ${levelActive}`,\n        LEVELS.includes(levelActive)\n      );\n    }\n\n    return levelActive;\n  }\n\n  // Sets the background for the component\n  get background(): HdsCardBackground {\n    const { background = DEFAULT_BACKGROUND } = this.args;\n\n    assert(\n      `@background for \"Hds::Card::Container\" must be one of the following: ${BACKGROUNDS.join(\n        ', '\n      )}; received: ${background}`,\n      BACKGROUNDS.includes(background)\n    );\n\n    return background;\n  }\n\n  // Sets the level for the card\n  get overflow(): HdsCardOverflow {\n    const { overflow = DEFAULT_OVERFLOW } = this.args;\n\n    assert(\n      `@overflow for \"Hds::Card::Container\" must be one of the following: ${OVERFLOWS.join(\n        ', '\n      )}; received: ${overflow}`,\n      OVERFLOWS.includes(overflow)\n    );\n\n    return overflow;\n  }\n\n  get componentTag(): HdsCardTag {\n    const { tag = DEFAULT_TAG } = this.args;\n\n    assert(\n      `@tag for \"Hds::Card::Container\" must be one of the following: ${TAGS.join(', ')}; received: ${tag}`,\n      TAGS.includes(tag)\n    );\n\n    return tag;\n  }\n\n  // Get the class names to apply to the component.\n  get classNames(): string {\n    const classes = ['hds-card__container'];\n\n    // add \"elevation\" classes based on the @level and @hasBorder arguments\n    classes.push(\n      `hds-card__container--level-${\n        this.args.hasBorder ? 'surface' : 'elevation'\n      }-${this.level}`\n    );\n    if (this.levelHover) {\n      classes.push(\n        `hds-card__container--hover-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelHover}`\n      );\n    }\n    if (this.levelActive) {\n      classes.push(\n        `hds-card__container--active-level-${\n          this.args.hasBorder ? 'surface' : 'elevation'\n        }-${this.levelActive}`\n      );\n    }\n\n    // add a class based on the @background argument\n    classes.push(`hds-card__container--background-${this.background}`);\n\n    // add a class based on the @overflow argument\n    classes.push(`hds-card__container--overflow-${this.overflow}`);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{!\n      Dynamically generating an HTML tag in Ember creates a dynamic component class (with the corresponding tagName), while rendering\n      a plain HTML element requires less computing cycles for Ember (you will notice it doesn't add the ember-view class to it).\n    }}\n    {{#if (eq this.componentTag \"div\")}}\n      <div class={{this.classNames}} ...attributes>{{yield}}</div>\n    {{else}}\n      {{#let (element this.componentTag) as |Tag|}}\n        <Tag\n          class={{this.classNames}}\n          role={{if (eq this.componentTag \"li\") \"listitem\"}}\n          ...attributes\n        >{{yield}}</Tag>\n      {{/let}}\n    {{/if}}\n  </template>\n}\n"],"names":["DEFAULT_LEVEL","HdsCardLevelValues","Base","DEFAULT_BACKGROUND","HdsCardBackgroundValues","NeutralPrimary","DEFAULT_OVERFLOW","HdsCardOverflowValues","Visible","DEFAULT_TAG","HdsCardTagValues","Div","LEVELS","Object","values","BACKGROUNDS","OVERFLOWS","TAGS","HdsCardContainer","Component","level","args","assert","join","includes","levelHover","levelActive","background","overflow","componentTag","tag","classNames","classes","push","hasBorder","setComponentTemplate","precompileTemplate","strictMode","scope","eq","element"],"mappings":"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"}

package/dist/components/hds/code-block/copy-button.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsCodeBlockCopyButton extends Component {

package/dist/components/hds/code-block/copy-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.js","sources":["../../../../src/components/hds/code-block/copy-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsCopyButton from '../copy/button/index.gts';\n\nimport type { HdsCopyButtonSignature } from '../copy/button/index.gts';\n\nexport interface HdsCodeBlockCopyButtonSignature {\n  Args: {\n    targetToCopy?: HdsCopyButtonSignature['Args']['targetToCopy'];\n    text?: HdsCopyButtonSignature['Args']['text'];\n    onCopy?: HdsCopyButtonSignature['Args']['onSuccess'];\n    copySuccessMessageText?: HdsCopyButtonSignature['Args']['ariaMessageText'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCopyButtonSignature['Element'];\n}\n\nexport default class HdsCodeBlockCopyButton extends Component<HdsCodeBlockCopyButtonSignature> {\n  get text(): HdsCopyButtonSignature['Args']['text'] {\n    return this.args.text ? this.args.text : 'Copy';\n  }\n\n  <template>\n    <HdsCopyButton\n      class=\"hds-code-block__copy-button\"\n      @text={{this.text}}\n      @isIconOnly={{true}}\n      @size=\"small\"\n      @targetToCopy={{@targetToCopy}}\n      @onSuccess={{@onCopy}}\n      @ariaMessageText={{@copySuccessMessageText}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["HdsCodeBlockCopyButton","Component","text","args","setComponentTemplate","precompileTemplate","strictMode","scope","HdsCopyButton"],"mappings":";;;;;AAAA;;;AAGC;AAqBc,MAAMA,+BAA+BC,SAAA,CAAU;EAC5D,IAAIC,IAAAA,GAA+C;AACjD,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,GAAG,IAAI,CAACC,IAAI,CAACD,IAAI,GAAG,MAAA;AAC3C,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,oOAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"copy-button.js","sources":["../../../../src/components/hds/code-block/copy-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsCopyButton from '../copy/button/index.gts';\n\nimport type { HdsCopyButtonSignature } from '../copy/button/index.gts';\n\nexport interface HdsCodeBlockCopyButtonSignature {\n  Args: {\n    targetToCopy?: HdsCopyButtonSignature['Args']['targetToCopy'];\n    text?: HdsCopyButtonSignature['Args']['text'];\n    onCopy?: HdsCopyButtonSignature['Args']['onSuccess'];\n    copySuccessMessageText?: HdsCopyButtonSignature['Args']['ariaMessageText'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCopyButtonSignature['Element'];\n}\n\nexport default class HdsCodeBlockCopyButton extends Component<HdsCodeBlockCopyButtonSignature> {\n  get text(): HdsCopyButtonSignature['Args']['text'] {\n    return this.args.text ? this.args.text : 'Copy';\n  }\n\n  <template>\n    <HdsCopyButton\n      class=\"hds-code-block__copy-button\"\n      @text={{this.text}}\n      @isIconOnly={{true}}\n      @size=\"small\"\n      @targetToCopy={{@targetToCopy}}\n      @onSuccess={{@onCopy}}\n      @ariaMessageText={{@copySuccessMessageText}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["HdsCodeBlockCopyButton","Component","text","args","setComponentTemplate","precompileTemplate","strictMode","scope","HdsCopyButton"],"mappings":";;;;;AAAA;;;AAGC;AAqBc,MAAMA,+BAA+BC,SAAA,CAAU;EAC5D,IAAIC,IAAAA,GAA+C;AACjD,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,IAAI,GAAG,IAAI,CAACC,IAAI,CAACD,IAAI,GAAG,MAAA;AAC3C,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,oOAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/code-block/description.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsCodeBlockDescription extends Component {

package/dist/components/hds/code-block/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-block/description.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport HdsTextBody from '../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../text/body.gts';\n\ntype HdsCodeBlockDescriptionElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeBlockDescriptionSignature {\n  Args: {\n    didInsertNode: (element: HdsCodeBlockDescriptionElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCodeBlockDescriptionElement;\n}\n\nexport default class HdsCodeBlockDescription extends Component<HdsCodeBlockDescriptionSignature> {\n  private _id = 'description-' + guidFor(this);\n\n  private _setUpDescription = modifier(\n    (\n      element: HTMLElement,\n      [insertCallbackFunction]: [(element: HTMLElement) => void]\n    ) => {\n      if (typeof insertCallbackFunction === 'function') {\n        insertCallbackFunction(element);\n      }\n    }\n  );\n\n  <template>\n    <HdsTextBody\n      id={{this._id}}\n      @tag=\"p\"\n      @size=\"100\"\n      class=\"hds-code-block__description\"\n      ...attributes\n      {{this._setUpDescription @didInsertNode}}\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsCodeBlockDescription","Component","_id","guidFor","_setUpDescription","modifier","element","insertCallbackFunction","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;;AAAA;;;AAGC;AAqBc,MAAMA,gCAAgCC,SAAA,CAAU;AACrDC,EAAAA,GAAA,GAAM,cAAA,GAAiBC,OAAA,CAAQ,IAAI,CAAA;EAEnCC,iBAAA,GAAoBC,QAAA,CAC1B,CACEC,OAAS,EACT,CAACC,sBAAA,CAAyD,KAAA;AAE1D,IAAA,IAAI,OAAOA,2BAA2B,UAAA,EAAY;MAChDA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AACF,EAAA,CAAA,CAAA;AAGF,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,mLAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-block/description.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport HdsTextBody from '../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../text/body.gts';\n\ntype HdsCodeBlockDescriptionElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeBlockDescriptionSignature {\n  Args: {\n    didInsertNode: (element: HdsCodeBlockDescriptionElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCodeBlockDescriptionElement;\n}\n\nexport default class HdsCodeBlockDescription extends Component<HdsCodeBlockDescriptionSignature> {\n  private _id = 'description-' + guidFor(this);\n\n  private _setUpDescription = modifier(\n    (\n      element: HTMLElement,\n      [insertCallbackFunction]: [(element: HTMLElement) => void]\n    ) => {\n      if (typeof insertCallbackFunction === 'function') {\n        insertCallbackFunction(element);\n      }\n    }\n  );\n\n  <template>\n    <HdsTextBody\n      id={{this._id}}\n      @tag=\"p\"\n      @size=\"100\"\n      class=\"hds-code-block__description\"\n      ...attributes\n      {{this._setUpDescription @didInsertNode}}\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsCodeBlockDescription","Component","_id","guidFor","_setUpDescription","modifier","element","insertCallbackFunction","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;;AAAA;;;AAGC;AAqBc,MAAMA,gCAAgCC,SAAA,CAAU;AACrDC,EAAAA,GAAA,GAAM,cAAA,GAAiBC,OAAA,CAAQ,IAAI,CAAA;EAEnCC,iBAAA,GAAoBC,QAAA,CAC1B,CACEC,OAAS,EACT,CAACC,sBAAA,CAAyD,KAAA;AAE1D,IAAA,IAAI,OAAOA,2BAA2B,UAAA,EAAY;MAChDA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AACF,EAAA,CAAA,CAAA;AAGF,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,mLAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/code-block/index.js

@@ -9,6 +9,7 @@ import { hash } from '@ember/helper';
 import { on } from '@ember/modifier';
 import Prism from 'prismjs';
 import style from 'ember-style-modifier';
+import HdsTHelper from '../../../helpers/hds-t.js';
 import { HdsCodeBlockLanguageValues } from './types.js';
 import HdsCodeBlockCopyButton from './copy-button.js';
 import HdsButton from '../button/index.js';
@@ -31,7 +32,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const LANGUAGES = Object.values(HdsCodeBlockLanguageValues);
@@ -262,7 +263,7 @@ class HdsCodeBlock extends Component {
     return classes.join(' ');
   }
   static {
-    setComponentTemplate(precompileTemplate("<div class={{this.classNames}} ...attributes {{this._setUpCodeObserver}}>\n  <div class=\"hds-code-block__header\">\n    {{~yield (hash Title=(component HdsCodeBlockTitle didInsertNode=this.registerTitleElement))~}}\n    {{~yield (hash Description=(component HdsCodeBlockDescription didInsertNode=this.registerDescriptionElement))~}}\n  </div>\n  <div class=\"hds-code-block__body\">\n    {{!-- content within pre tag is whitespace-sensitive; do not add new lines! --}}\n    <pre class=\"hds-code-block__code\" {{style maxHeight=this.maxHeight}} data-line={{@highlightLines}} data-start={{@lineNumberStart}} id={{this._preCodeId}} aria-label={{@ariaLabel}} aria-labelledby={{this.ariaLabelledBy}} aria-describedby={{this.ariaDescribedBy}} tabindex=\"0\"><code {{this._setUpCodeBlockCode}}>\n        {{~this._prismCode~}}\n      </code></pre>\n\n    {{#if @hasCopyButton}}\n      <HdsCodeBlockCopyButton @targetToCopy=\"#{{this._preCodeId}}\" aria-describedby={{this._preCodeId}} @text={{this.copyButtonText}} @onCopy={{@onCopy}} @copySuccessMessageText={{@copySuccessMessageText}} />\n    {{/if}}\n  </div>\n  {{#if this.showFooter}}\n    <div class=\"hds-code-block__overlay-footer\">\n      <HdsButton class=\"hds-code-block__height-toggle-button\" @text={{if this._isExpanded \"Show less code\" \"Show more code\"}} @color=\"secondary\" @icon={{if this._isExpanded \"unfold-close\" \"unfold-open\"}} @size=\"small\" {{on \"click\" this.toggleExpanded}} />\n    </div>\n  {{/if}}\n</div>", {
+    setComponentTemplate(precompileTemplate("<div class={{this.classNames}} ...attributes {{this._setUpCodeObserver}}>\n  <div class=\"hds-code-block__header\">\n    {{~yield (hash Title=(component HdsCodeBlockTitle didInsertNode=this.registerTitleElement))~}}\n    {{~yield (hash Description=(component HdsCodeBlockDescription didInsertNode=this.registerDescriptionElement))~}}\n  </div>\n  <div class=\"hds-code-block__body\">\n    {{!-- content within pre tag is whitespace-sensitive; do not add new lines! --}}\n    <pre class=\"hds-code-block__code\" {{style maxHeight=this.maxHeight}} data-line={{@highlightLines}} data-start={{@lineNumberStart}} id={{this._preCodeId}} aria-label={{@ariaLabel}} aria-labelledby={{this.ariaLabelledBy}} aria-describedby={{this.ariaDescribedBy}} tabindex=\"0\"><code {{this._setUpCodeBlockCode}}>\n        {{~this._prismCode~}}\n      </code></pre>\n\n    {{#if @hasCopyButton}}\n      <HdsCodeBlockCopyButton @targetToCopy=\"#{{this._preCodeId}}\" aria-describedby={{this._preCodeId}} @text={{this.copyButtonText}} @onCopy={{@onCopy}} @copySuccessMessageText={{@copySuccessMessageText}} />\n    {{/if}}\n  </div>\n  {{#if this.showFooter}}\n    <div class=\"hds-code-block__overlay-footer\">\n      <HdsButton class=\"hds-code-block__height-toggle-button\" @text={{if this._isExpanded (hdsT \"hds.components.code-block.height-toggle-button.show-less\" default=\"Show less code\") (hdsT \"hds.components.code-block.height-toggle-button.show-more\" default=\"Show more code\")}} @color=\"secondary\" @icon={{if this._isExpanded \"unfold-close\" \"unfold-open\"}} @size=\"small\" {{on \"click\" this.toggleExpanded}} />\n    </div>\n  {{/if}}\n</div>", {
       strictMode: true,
       scope: () => ({
         hash,
@@ -271,6 +272,7 @@ class HdsCodeBlock extends Component {
         style,
         HdsCodeBlockCopyButton,
         HdsButton,
+        hdsT: HdsTHelper,
         on
       })
     }), this);

package/dist/components/hds/code-block/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/code-block/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { next, schedule } from '@ember/runloop';\nimport { htmlSafe } from '@ember/template';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport Prism from 'prismjs';\nimport style from 'ember-style-modifier';\n\nimport type { SafeString } from '@ember/template';\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { HdsCodeBlockLanguageValues } from './types.ts';\nimport HdsCodeBlockCopyButton from './copy-button.gts';\nimport HdsButton from '../button/index.gts';\nimport HdsCodeBlockTitle from './title.gts';\nimport HdsCodeBlockDescription from './description.gts';\n\nimport type { HdsCodeBlockTitleSignature } from './title.gts';\nimport type { HdsCodeBlockDescriptionSignature } from './description.gts';\nimport type { HdsCodeBlockLanguages } from './types.ts';\nimport type { HdsCopyButtonSignature } from '../copy/button/index.gts';\n\nimport 'prismjs/plugins/line-numbers/prism-line-numbers';\nimport 'prismjs/plugins/line-highlight/prism-line-highlight';\n\nimport 'prismjs/components/prism-bash';\nimport 'prismjs/components/prism-go';\nimport 'prismjs/components/prism-hcl';\nimport 'prismjs/components/prism-json';\nimport 'prismjs/components/prism-log';\nimport 'prismjs/components/prism-ruby';\nimport 'prismjs/components/prism-shell-session';\nimport 'prismjs/components/prism-yaml';\n\n// These imports are required to overcome a global variable clash in Helios website\n// where language import are overriden by the Prism instance in `CodeBlock`\n// Note that `prism-handlebars` is dependant on `prism-markup-templating`\nimport 'prismjs/components/prism-markup-templating';\nimport 'prismjs/components/prism-handlebars';\n\nexport const LANGUAGES: HdsCodeBlockLanguages[] = Object.values(\n  HdsCodeBlockLanguageValues\n);\n\nexport interface HdsCodeBlockSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    ariaDescribedBy?: string;\n    hasCopyButton?: boolean;\n    hasLineNumbers?: boolean;\n    hasLineWrapping?: boolean;\n    highlightLines?: string;\n    lineNumberStart?: number;\n    isStandalone?: boolean;\n    language?: HdsCodeBlockLanguages;\n    maxHeight?: string;\n    value: string;\n    copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n    onCopy?: HdsCopyButtonSignature['Args']['onSuccess'];\n    copySuccessMessageText?: HdsCopyButtonSignature['Args']['ariaMessageText'];\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: WithBoundArgs<typeof HdsCodeBlockTitle, 'didInsertNode'>;\n        Description?: WithBoundArgs<\n          typeof HdsCodeBlockDescription,\n          'didInsertNode'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsCodeBlock extends Component<HdsCodeBlockSignature> {\n  @tracked private _prismCode: SafeString = htmlSafe('');\n  @tracked private _isExpanded: boolean = false;\n  @tracked private _codeContentHeight: number = 0;\n  @tracked private _codeContainerHeight: number = 0;\n  @tracked private _titleId: string | undefined;\n  @tracked private _descriptionId: string | undefined;\n\n  // Generates a unique ID for the code content\n  private _preCodeId = 'pre-code-' + guidFor(this);\n  private _preCodeElement!: HTMLPreElement;\n  private _observer!: ResizeObserver;\n\n  // If a code block is hidden from view, and made visible after load, the Prism code needs to be re-run\n  private _setUpCodeObserver = modifier((element: HTMLElement) => {\n    this._preCodeElement = element.querySelector(\n      '.hds-code-block__code'\n    ) as HTMLPreElement;\n    this._observer = new ResizeObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.contentBoxSize) {\n          this._updateCodeHeights();\n          this._updatePrismPlugins();\n        }\n      });\n    });\n    this._observer.observe(element);\n\n    return () => {\n      this._observer.disconnect();\n    };\n  });\n\n  private _setUpCodeBlockCode = modifier((element: HTMLElement) => {\n    this._isExpanded = false; // reset expanded state on updates\n    this.setPrismCode(element);\n    return () => {};\n  });\n\n  get ariaLabelledBy(): string | undefined {\n    if (this.args.ariaLabel !== undefined) {\n      return;\n    }\n\n    return this.args.ariaLabelledBy ?? this._titleId;\n  }\n\n  get ariaDescribedBy(): string | undefined {\n    return this.args.ariaDescribedBy ?? this._descriptionId;\n  }\n\n  // code text content for the CodeBlock\n  get code(): string {\n    const code = this.args.value;\n\n    assert(\n      '@code for \"Hds::CodeBlock\" must have a valid value',\n      code !== undefined\n    );\n\n    if (Prism?.plugins?.['NormalizeWhitespace']) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n      return Prism.plugins['NormalizeWhitespace'].normalize(code);\n    }\n\n    return code;\n  }\n\n  get maxHeight(): string | undefined {\n    return this._isExpanded ? 'none' : this.args.maxHeight;\n  }\n\n  // Shows overlay footer if maxHeight is set and the pre tag content height is greater than the pre tag height\n  get showFooter(): boolean {\n    if (this.args.maxHeight) {\n      return this._codeContentHeight > this._codeContainerHeight;\n    }\n    return false;\n  }\n\n  // Name of coding language used within CodeBlock for syntax highlighting\n  get language(): HdsCodeBlockLanguages | undefined {\n    return this.args.language ?? undefined;\n  }\n\n  // Displays line numbers if true\n  get hasLineNumbers(): boolean {\n    return this.args.hasLineNumbers ?? true;\n  }\n\n  // Make CodeBlock container corners appear rounded (the standalone variation)\n  get isStandalone(): boolean {\n    return this.args.isStandalone ?? true;\n  }\n\n  // Make text content wrap to multiple lines\n  get hasLineWrapping(): boolean {\n    return this.args.hasLineWrapping ?? false;\n  }\n\n  get copyButtonText(): HdsCopyButtonSignature['Args']['text'] {\n    return this.args.copyButtonText ? this.args.copyButtonText : 'Copy';\n  }\n\n  registerTitleElement = (\n    element: HdsCodeBlockTitleSignature['Element']\n  ): void => {\n    this._titleId = element.id;\n  };\n\n  registerDescriptionElement = (\n    element: HdsCodeBlockDescriptionSignature['Element']\n  ): void => {\n    this._descriptionId = element.id;\n  };\n\n  setPrismCode = (element: HTMLElement): void => {\n    const code = this.code;\n    const language = this.language;\n    const grammar = language ? Prism.languages[language] : undefined;\n\n    if (code) {\n      // eslint-disable-next-line ember/no-runloop\n      next((): void => {\n        if (language && grammar) {\n          this._prismCode = htmlSafe(Prism.highlight(code, grammar, language));\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-base-to-string\n          this._prismCode = htmlSafe(Prism.util.encode(code).toString());\n        }\n\n        // Existing line numbers must be removed in order to be updated correctly\n        const lineNumbers = element.querySelector(\n          '.line-numbers-rows'\n        ) as HTMLElement;\n        if (lineNumbers) {\n          element.removeChild(lineNumbers);\n        }\n\n        if (this.args.highlightLines) {\n          this._prismCode = this._addHighlightSrOnlyText(\n            this._prismCode.toString()\n          );\n        }\n\n        // Force prism-line-numbers plugin initialization, required for Prism.highlight usage\n        // See https://github.com/PrismJS/prism/issues/1234\n        Prism.hooks.run('complete', {\n          code,\n          element,\n        });\n\n        // eslint-disable-next-line ember/no-runloop\n        schedule('afterRender', (): void => {\n          this._updateCodeHeights();\n          // we need to delay re-evaluating the context for prism plugins for as much as possible, and `afterRender` is the 'latest' we can use in the component lifecycle\n          this._updatePrismPlugins();\n        });\n      });\n    }\n  };\n\n  private _updateCodeHeights = (): void => {\n    if (!this._isExpanded) {\n      // Get the actual height & the content height of the preCodeElement\n      this._codeContentHeight = this._preCodeElement?.scrollHeight ?? 0;\n      this._codeContainerHeight = this._preCodeElement?.clientHeight ?? 0;\n    }\n  };\n\n  private _updatePrismPlugins = (): void => {\n    if (this.hasLineNumbers && Prism?.plugins?.['lineNumbers']) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n      Prism.plugins['lineNumbers'].resize(this._preCodeElement);\n    }\n\n    // Force prism-line-highlight plugin initialization\n    // Context: https://github.com/hashicorp/design-system/pull/1749#discussion_r1374288785\n    if (this.args.highlightLines) {\n      // we piggy-back on the plugin's `resize` event listener to trigger a new call of the `highlightLines` function: https://github.com/PrismJS/prism/blob/master/plugins/line-highlight/prism-line-highlight.js#L337\n      if (window) window.dispatchEvent(new Event('resize'));\n    }\n  };\n\n  toggleExpanded = (): void => {\n    this._isExpanded = !this._isExpanded;\n  };\n\n  // Logic for determining where line highlighting starts and ends taken from Prism.js plugin source code\n  // Context: https://github.com/PrismJS/prism/blob/19f8de66b0f3a79aedbbf096081a4060fc0e80af/src/plugins/line-highlight/prism-line-highlight.ts#L82\n  private _addHighlightSrOnlyText = (code: string): SafeString => {\n    const NEW_LINE_EXP = /\\n(?!$)/g;\n    const lines = code.split(NEW_LINE_EXP);\n    const numLines = lines.length;\n    const lineOffset = this.args.lineNumberStart\n      ? this.args.lineNumberStart\n      : 0;\n\n    const highlightStart = '<span class=\"sr-only\">highlight start</span>';\n    const highlightEnd = '<span class=\"sr-only\">highlight end</span>';\n\n    const ranges = this.args.highlightLines\n      ?.replace(/\\s+/g, '')\n      .split(',')\n      .filter(Boolean);\n\n    if (ranges && ranges.length > 0) {\n      const highlightedLines = [] as { start: number; end: number }[];\n\n      ranges.forEach((currentRange) => {\n        const range = currentRange.split('-');\n        const start = +range[0]! - lineOffset;\n        let end = +range[1]! || start - lineOffset;\n        end = Math.min(numLines, end);\n        highlightedLines.push({\n          start: start,\n          end: end,\n        });\n      });\n\n      highlightedLines.forEach((line) => {\n        lines[line.start - 1] = highlightStart + lines[line.start - 1];\n        lines[line.end - 1] = lines[line.end - 1] + highlightEnd;\n      });\n\n      return htmlSafe(lines.join('\\n'));\n    } else {\n      return htmlSafe(code);\n    }\n  };\n\n  get classNames(): string {\n    // Currently there is only one theme so the class name is hard-coded.\n    // In the future, additional themes such as a \"light\" theme could be added.\n    const classes = ['hds-code-block', 'hds-code-block--theme-dark'];\n\n    if (this.language) {\n      classes.push(`language-${this.language}`);\n    }\n\n    if (this.isStandalone === true) {\n      classes.push('hds-code-block--is-standalone');\n    }\n\n    if (this.hasLineWrapping === true) {\n      classes.push('hds-code-block--has-line-wrapping');\n    }\n\n    // Note: Prism.js is using the specific class name \"line-numbers\" to determine implementation of line numbers in the UI\n    if (this.hasLineNumbers) {\n      classes.push('line-numbers');\n    }\n\n    if (this.showFooter) {\n      classes.push('hds-code-block--has-overlay-footer');\n    }\n\n    if (this._isExpanded) {\n      classes.push('hds-code-block--is-expanded');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes {{this._setUpCodeObserver}}>\n      <div class=\"hds-code-block__header\">\n        {{~yield\n          (hash\n            Title=(component\n              HdsCodeBlockTitle didInsertNode=this.registerTitleElement\n            )\n          )\n        ~}}\n        {{~yield\n          (hash\n            Description=(component\n              HdsCodeBlockDescription\n              didInsertNode=this.registerDescriptionElement\n            )\n          )\n        ~}}\n      </div>\n      <div class=\"hds-code-block__body\">\n        {{! content within pre tag is whitespace-sensitive; do not add new lines! }}\n        <pre\n          class=\"hds-code-block__code\"\n          {{style maxHeight=this.maxHeight}}\n          data-line={{@highlightLines}}\n          data-start={{@lineNumberStart}}\n          id={{this._preCodeId}}\n          aria-label={{@ariaLabel}}\n          aria-labelledby={{this.ariaLabelledBy}}\n          aria-describedby={{this.ariaDescribedBy}}\n          tabindex=\"0\"\n        ><code {{this._setUpCodeBlockCode}}>\n            {{~this._prismCode~}}\n          </code></pre>\n\n        {{#if @hasCopyButton}}\n          <HdsCodeBlockCopyButton\n            @targetToCopy=\"#{{this._preCodeId}}\"\n            aria-describedby={{this._preCodeId}}\n            @text={{this.copyButtonText}}\n            @onCopy={{@onCopy}}\n            @copySuccessMessageText={{@copySuccessMessageText}}\n          />\n        {{/if}}\n      </div>\n      {{#if this.showFooter}}\n        <div class=\"hds-code-block__overlay-footer\">\n          <HdsButton\n            class=\"hds-code-block__height-toggle-button\"\n            @text={{if this._isExpanded \"Show less code\" \"Show more code\"}}\n            @color=\"secondary\"\n            @icon={{if this._isExpanded \"unfold-close\" \"unfold-open\"}}\n            @size=\"small\"\n            {{on \"click\" this.toggleExpanded}}\n          />\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["LANGUAGES","Object","values","HdsCodeBlockLanguageValues","HdsCodeBlock","Component","g","prototype","tracked","htmlSafe","i","_preCodeId","guidFor","_preCodeElement","_observer","_setUpCodeObserver","modifier","element","querySelector","ResizeObserver","entries","forEach","entry","contentBoxSize","_updateCodeHeights","_updatePrismPlugins","observe","disconnect","_setUpCodeBlockCode","_isExpanded","setPrismCode","ariaLabelledBy","args","ariaLabel","undefined","_titleId","ariaDescribedBy","_descriptionId","code","value","assert","Prism","plugins","normalize","maxHeight","showFooter","_codeContentHeight","_codeContainerHeight","language","hasLineNumbers","isStandalone","hasLineWrapping","copyButtonText","registerTitleElement","id","registerDescriptionElement","grammar","languages","next","_prismCode","highlight","util","encode","toString","lineNumbers","removeChild","highlightLines","_addHighlightSrOnlyText","hooks","run","schedule","scrollHeight","clientHeight","resize","window","dispatchEvent","Event","toggleExpanded","NEW_LINE_EXP","lines","split","numLines","length","lineOffset","lineNumberStart","highlightStart","highlightEnd","ranges","replace","filter","Boolean","highlightedLines","currentRange","range","start","end","Math","min","push","line","join","classNames","classes","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsCodeBlockTitle","HdsCodeBlockDescription","style","HdsCodeBlockCopyButton","HdsButton","on"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/code-block/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { next, schedule } from '@ember/runloop';\nimport { htmlSafe } from '@ember/template';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport Prism from 'prismjs';\nimport style from 'ember-style-modifier';\n\nimport type { SafeString } from '@ember/template';\nimport type { WithBoundArgs } from '@glint/template';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport { HdsCodeBlockLanguageValues } from './types.ts';\nimport HdsCodeBlockCopyButton from './copy-button.gts';\nimport HdsButton from '../button/index.gts';\nimport HdsCodeBlockTitle from './title.gts';\nimport HdsCodeBlockDescription from './description.gts';\n\nimport type { HdsCodeBlockTitleSignature } from './title.gts';\nimport type { HdsCodeBlockDescriptionSignature } from './description.gts';\nimport type { HdsCodeBlockLanguages } from './types.ts';\nimport type { HdsCopyButtonSignature } from '../copy/button/index.gts';\n\nimport 'prismjs/plugins/line-numbers/prism-line-numbers';\nimport 'prismjs/plugins/line-highlight/prism-line-highlight';\n\nimport 'prismjs/components/prism-bash';\nimport 'prismjs/components/prism-go';\nimport 'prismjs/components/prism-hcl';\nimport 'prismjs/components/prism-json';\nimport 'prismjs/components/prism-log';\nimport 'prismjs/components/prism-ruby';\nimport 'prismjs/components/prism-shell-session';\nimport 'prismjs/components/prism-yaml';\n\n// These imports are required to overcome a global variable clash in Helios website\n// where language import are overriden by the Prism instance in `CodeBlock`\n// Note that `prism-handlebars` is dependant on `prism-markup-templating`\nimport 'prismjs/components/prism-markup-templating';\nimport 'prismjs/components/prism-handlebars';\n\nexport const LANGUAGES: HdsCodeBlockLanguages[] = Object.values(\n  HdsCodeBlockLanguageValues\n);\n\nexport interface HdsCodeBlockSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    ariaDescribedBy?: string;\n    hasCopyButton?: boolean;\n    hasLineNumbers?: boolean;\n    hasLineWrapping?: boolean;\n    highlightLines?: string;\n    lineNumberStart?: number;\n    isStandalone?: boolean;\n    language?: HdsCodeBlockLanguages;\n    maxHeight?: string;\n    value: string;\n    copyButtonText?: HdsCopyButtonSignature['Args']['text'];\n    onCopy?: HdsCopyButtonSignature['Args']['onSuccess'];\n    copySuccessMessageText?: HdsCopyButtonSignature['Args']['ariaMessageText'];\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: WithBoundArgs<typeof HdsCodeBlockTitle, 'didInsertNode'>;\n        Description?: WithBoundArgs<\n          typeof HdsCodeBlockDescription,\n          'didInsertNode'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsCodeBlock extends Component<HdsCodeBlockSignature> {\n  @tracked private _prismCode: SafeString = htmlSafe('');\n  @tracked private _isExpanded: boolean = false;\n  @tracked private _codeContentHeight: number = 0;\n  @tracked private _codeContainerHeight: number = 0;\n  @tracked private _titleId: string | undefined;\n  @tracked private _descriptionId: string | undefined;\n\n  // Generates a unique ID for the code content\n  private _preCodeId = 'pre-code-' + guidFor(this);\n  private _preCodeElement!: HTMLPreElement;\n  private _observer!: ResizeObserver;\n\n  // If a code block is hidden from view, and made visible after load, the Prism code needs to be re-run\n  private _setUpCodeObserver = modifier((element: HTMLElement) => {\n    this._preCodeElement = element.querySelector(\n      '.hds-code-block__code'\n    ) as HTMLPreElement;\n    this._observer = new ResizeObserver((entries) => {\n      entries.forEach((entry) => {\n        if (entry.contentBoxSize) {\n          this._updateCodeHeights();\n          this._updatePrismPlugins();\n        }\n      });\n    });\n    this._observer.observe(element);\n\n    return () => {\n      this._observer.disconnect();\n    };\n  });\n\n  private _setUpCodeBlockCode = modifier((element: HTMLElement) => {\n    this._isExpanded = false; // reset expanded state on updates\n    this.setPrismCode(element);\n    return () => {};\n  });\n\n  get ariaLabelledBy(): string | undefined {\n    if (this.args.ariaLabel !== undefined) {\n      return;\n    }\n\n    return this.args.ariaLabelledBy ?? this._titleId;\n  }\n\n  get ariaDescribedBy(): string | undefined {\n    return this.args.ariaDescribedBy ?? this._descriptionId;\n  }\n\n  // code text content for the CodeBlock\n  get code(): string {\n    const code = this.args.value;\n\n    assert(\n      '@code for \"Hds::CodeBlock\" must have a valid value',\n      code !== undefined\n    );\n\n    if (Prism?.plugins?.['NormalizeWhitespace']) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n      return Prism.plugins['NormalizeWhitespace'].normalize(code);\n    }\n\n    return code;\n  }\n\n  get maxHeight(): string | undefined {\n    return this._isExpanded ? 'none' : this.args.maxHeight;\n  }\n\n  // Shows overlay footer if maxHeight is set and the pre tag content height is greater than the pre tag height\n  get showFooter(): boolean {\n    if (this.args.maxHeight) {\n      return this._codeContentHeight > this._codeContainerHeight;\n    }\n    return false;\n  }\n\n  // Name of coding language used within CodeBlock for syntax highlighting\n  get language(): HdsCodeBlockLanguages | undefined {\n    return this.args.language ?? undefined;\n  }\n\n  // Displays line numbers if true\n  get hasLineNumbers(): boolean {\n    return this.args.hasLineNumbers ?? true;\n  }\n\n  // Make CodeBlock container corners appear rounded (the standalone variation)\n  get isStandalone(): boolean {\n    return this.args.isStandalone ?? true;\n  }\n\n  // Make text content wrap to multiple lines\n  get hasLineWrapping(): boolean {\n    return this.args.hasLineWrapping ?? false;\n  }\n\n  get copyButtonText(): HdsCopyButtonSignature['Args']['text'] {\n    return this.args.copyButtonText ? this.args.copyButtonText : 'Copy';\n  }\n\n  registerTitleElement = (\n    element: HdsCodeBlockTitleSignature['Element']\n  ): void => {\n    this._titleId = element.id;\n  };\n\n  registerDescriptionElement = (\n    element: HdsCodeBlockDescriptionSignature['Element']\n  ): void => {\n    this._descriptionId = element.id;\n  };\n\n  setPrismCode = (element: HTMLElement): void => {\n    const code = this.code;\n    const language = this.language;\n    const grammar = language ? Prism.languages[language] : undefined;\n\n    if (code) {\n      // eslint-disable-next-line ember/no-runloop\n      next((): void => {\n        if (language && grammar) {\n          this._prismCode = htmlSafe(Prism.highlight(code, grammar, language));\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-base-to-string\n          this._prismCode = htmlSafe(Prism.util.encode(code).toString());\n        }\n\n        // Existing line numbers must be removed in order to be updated correctly\n        const lineNumbers = element.querySelector(\n          '.line-numbers-rows'\n        ) as HTMLElement;\n        if (lineNumbers) {\n          element.removeChild(lineNumbers);\n        }\n\n        if (this.args.highlightLines) {\n          this._prismCode = this._addHighlightSrOnlyText(\n            this._prismCode.toString()\n          );\n        }\n\n        // Force prism-line-numbers plugin initialization, required for Prism.highlight usage\n        // See https://github.com/PrismJS/prism/issues/1234\n        Prism.hooks.run('complete', {\n          code,\n          element,\n        });\n\n        // eslint-disable-next-line ember/no-runloop\n        schedule('afterRender', (): void => {\n          this._updateCodeHeights();\n          // we need to delay re-evaluating the context for prism plugins for as much as possible, and `afterRender` is the 'latest' we can use in the component lifecycle\n          this._updatePrismPlugins();\n        });\n      });\n    }\n  };\n\n  private _updateCodeHeights = (): void => {\n    if (!this._isExpanded) {\n      // Get the actual height & the content height of the preCodeElement\n      this._codeContentHeight = this._preCodeElement?.scrollHeight ?? 0;\n      this._codeContainerHeight = this._preCodeElement?.clientHeight ?? 0;\n    }\n  };\n\n  private _updatePrismPlugins = (): void => {\n    if (this.hasLineNumbers && Prism?.plugins?.['lineNumbers']) {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access\n      Prism.plugins['lineNumbers'].resize(this._preCodeElement);\n    }\n\n    // Force prism-line-highlight plugin initialization\n    // Context: https://github.com/hashicorp/design-system/pull/1749#discussion_r1374288785\n    if (this.args.highlightLines) {\n      // we piggy-back on the plugin's `resize` event listener to trigger a new call of the `highlightLines` function: https://github.com/PrismJS/prism/blob/master/plugins/line-highlight/prism-line-highlight.js#L337\n      if (window) window.dispatchEvent(new Event('resize'));\n    }\n  };\n\n  toggleExpanded = (): void => {\n    this._isExpanded = !this._isExpanded;\n  };\n\n  // Logic for determining where line highlighting starts and ends taken from Prism.js plugin source code\n  // Context: https://github.com/PrismJS/prism/blob/19f8de66b0f3a79aedbbf096081a4060fc0e80af/src/plugins/line-highlight/prism-line-highlight.ts#L82\n  private _addHighlightSrOnlyText = (code: string): SafeString => {\n    const NEW_LINE_EXP = /\\n(?!$)/g;\n    const lines = code.split(NEW_LINE_EXP);\n    const numLines = lines.length;\n    const lineOffset = this.args.lineNumberStart\n      ? this.args.lineNumberStart\n      : 0;\n\n    const highlightStart = '<span class=\"sr-only\">highlight start</span>';\n    const highlightEnd = '<span class=\"sr-only\">highlight end</span>';\n\n    const ranges = this.args.highlightLines\n      ?.replace(/\\s+/g, '')\n      .split(',')\n      .filter(Boolean);\n\n    if (ranges && ranges.length > 0) {\n      const highlightedLines = [] as { start: number; end: number }[];\n\n      ranges.forEach((currentRange) => {\n        const range = currentRange.split('-');\n        const start = +range[0]! - lineOffset;\n        let end = +range[1]! || start - lineOffset;\n        end = Math.min(numLines, end);\n        highlightedLines.push({\n          start: start,\n          end: end,\n        });\n      });\n\n      highlightedLines.forEach((line) => {\n        lines[line.start - 1] = highlightStart + lines[line.start - 1];\n        lines[line.end - 1] = lines[line.end - 1] + highlightEnd;\n      });\n\n      return htmlSafe(lines.join('\\n'));\n    } else {\n      return htmlSafe(code);\n    }\n  };\n\n  get classNames(): string {\n    // Currently there is only one theme so the class name is hard-coded.\n    // In the future, additional themes such as a \"light\" theme could be added.\n    const classes = ['hds-code-block', 'hds-code-block--theme-dark'];\n\n    if (this.language) {\n      classes.push(`language-${this.language}`);\n    }\n\n    if (this.isStandalone === true) {\n      classes.push('hds-code-block--is-standalone');\n    }\n\n    if (this.hasLineWrapping === true) {\n      classes.push('hds-code-block--has-line-wrapping');\n    }\n\n    // Note: Prism.js is using the specific class name \"line-numbers\" to determine implementation of line numbers in the UI\n    if (this.hasLineNumbers) {\n      classes.push('line-numbers');\n    }\n\n    if (this.showFooter) {\n      classes.push('hds-code-block--has-overlay-footer');\n    }\n\n    if (this._isExpanded) {\n      classes.push('hds-code-block--is-expanded');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes {{this._setUpCodeObserver}}>\n      <div class=\"hds-code-block__header\">\n        {{~yield\n          (hash\n            Title=(component\n              HdsCodeBlockTitle didInsertNode=this.registerTitleElement\n            )\n          )\n        ~}}\n        {{~yield\n          (hash\n            Description=(component\n              HdsCodeBlockDescription\n              didInsertNode=this.registerDescriptionElement\n            )\n          )\n        ~}}\n      </div>\n      <div class=\"hds-code-block__body\">\n        {{! content within pre tag is whitespace-sensitive; do not add new lines! }}\n        <pre\n          class=\"hds-code-block__code\"\n          {{style maxHeight=this.maxHeight}}\n          data-line={{@highlightLines}}\n          data-start={{@lineNumberStart}}\n          id={{this._preCodeId}}\n          aria-label={{@ariaLabel}}\n          aria-labelledby={{this.ariaLabelledBy}}\n          aria-describedby={{this.ariaDescribedBy}}\n          tabindex=\"0\"\n        ><code {{this._setUpCodeBlockCode}}>\n            {{~this._prismCode~}}\n          </code></pre>\n\n        {{#if @hasCopyButton}}\n          <HdsCodeBlockCopyButton\n            @targetToCopy=\"#{{this._preCodeId}}\"\n            aria-describedby={{this._preCodeId}}\n            @text={{this.copyButtonText}}\n            @onCopy={{@onCopy}}\n            @copySuccessMessageText={{@copySuccessMessageText}}\n          />\n        {{/if}}\n      </div>\n      {{#if this.showFooter}}\n        <div class=\"hds-code-block__overlay-footer\">\n          <HdsButton\n            class=\"hds-code-block__height-toggle-button\"\n            @text={{if\n              this._isExpanded\n              (hdsT\n                \"hds.components.code-block.height-toggle-button.show-less\"\n                default=\"Show less code\"\n              )\n              (hdsT\n                \"hds.components.code-block.height-toggle-button.show-more\"\n                default=\"Show more code\"\n              )\n            }}\n            @color=\"secondary\"\n            @icon={{if this._isExpanded \"unfold-close\" \"unfold-open\"}}\n            @size=\"small\"\n            {{on \"click\" this.toggleExpanded}}\n          />\n        </div>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["LANGUAGES","Object","values","HdsCodeBlockLanguageValues","HdsCodeBlock","Component","g","prototype","tracked","htmlSafe","i","_preCodeId","guidFor","_preCodeElement","_observer","_setUpCodeObserver","modifier","element","querySelector","ResizeObserver","entries","forEach","entry","contentBoxSize","_updateCodeHeights","_updatePrismPlugins","observe","disconnect","_setUpCodeBlockCode","_isExpanded","setPrismCode","ariaLabelledBy","args","ariaLabel","undefined","_titleId","ariaDescribedBy","_descriptionId","code","value","assert","Prism","plugins","normalize","maxHeight","showFooter","_codeContentHeight","_codeContainerHeight","language","hasLineNumbers","isStandalone","hasLineWrapping","copyButtonText","registerTitleElement","id","registerDescriptionElement","grammar","languages","next","_prismCode","highlight","util","encode","toString","lineNumbers","removeChild","highlightLines","_addHighlightSrOnlyText","hooks","run","schedule","scrollHeight","clientHeight","resize","window","dispatchEvent","Event","toggleExpanded","NEW_LINE_EXP","lines","split","numLines","length","lineOffset","lineNumberStart","highlightStart","highlightEnd","ranges","replace","filter","Boolean","highlightedLines","currentRange","range","start","end","Math","min","push","line","join","classNames","classes","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsCodeBlockTitle","HdsCodeBlockDescription","style","HdsCodeBlockCopyButton","HdsButton","hdsT","on"],"mappings":"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"}

package/dist/components/hds/code-block/title.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsCodeBlockTitle extends Component {

package/dist/components/hds/code-block/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../src/components/hds/code-block/title.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport { HdsCodeBlockTitleTagValues } from './types.ts';\nimport HdsTextBody from '../text/body.gts';\n\nimport type { HdsCodeBlockTitleTags } from './types.ts';\nimport type { HdsTextBodySignature } from '../text/body.gts';\n\ntype HdsCodeBlockTitleElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeBlockTitleSignature {\n  Args: {\n    tag?: HdsCodeBlockTitleTags;\n    didInsertNode: (element: HdsCodeBlockTitleElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsCodeBlockTitle extends Component<HdsCodeBlockTitleSignature> {\n  private _id = 'title-' + guidFor(this);\n\n  private _setUpTitle = modifier(\n    (\n      element: HTMLElement,\n      [insertCallbackFunction]: [(element: HTMLElement) => void]\n    ) => {\n      if (typeof insertCallbackFunction === 'function') {\n        insertCallbackFunction(element);\n      }\n    }\n  );\n\n  get componentTag(): HdsCodeBlockTitleTags {\n    return this.args.tag ?? HdsCodeBlockTitleTagValues.P;\n  }\n\n  <template>\n    <HdsTextBody\n      id={{this._id}}\n      @size=\"200\"\n      @tag={{this.componentTag}}\n      @weight=\"semibold\"\n      class=\"hds-code-block__title\"\n      ...attributes\n      {{this._setUpTitle @didInsertNode}}\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsCodeBlockTitle","Component","_id","guidFor","_setUpTitle","modifier","element","insertCallbackFunction","componentTag","args","tag","HdsCodeBlockTitleTagValues","P","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;;;AAAA;;;AAGC;AAuBc,MAAMA,0BAA0BC,SAAA,CAAU;AAC/CC,EAAAA,GAAA,GAAM,QAAA,GAAWC,OAAA,CAAQ,IAAI,CAAA;EAE7BC,WAAA,GAAcC,QAAA,CACpB,CACEC,OAAS,EACT,CAACC,sBAAA,CAAyD,KAAA;AAE1D,IAAA,IAAI,OAAOA,2BAA2B,UAAA,EAAY;MAChDA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AACF,EAAA,CAAA,CAAA;EAGF,IAAIE,eAAsC;IACxC,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAIC,2BAA2BC,CAAC;AACtD,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4MAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../src/components/hds/code-block/title.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\n\nimport { HdsCodeBlockTitleTagValues } from './types.ts';\nimport HdsTextBody from '../text/body.gts';\n\nimport type { HdsCodeBlockTitleTags } from './types.ts';\nimport type { HdsTextBodySignature } from '../text/body.gts';\n\ntype HdsCodeBlockTitleElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeBlockTitleSignature {\n  Args: {\n    tag?: HdsCodeBlockTitleTags;\n    didInsertNode: (element: HdsCodeBlockTitleElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsCodeBlockTitle extends Component<HdsCodeBlockTitleSignature> {\n  private _id = 'title-' + guidFor(this);\n\n  private _setUpTitle = modifier(\n    (\n      element: HTMLElement,\n      [insertCallbackFunction]: [(element: HTMLElement) => void]\n    ) => {\n      if (typeof insertCallbackFunction === 'function') {\n        insertCallbackFunction(element);\n      }\n    }\n  );\n\n  get componentTag(): HdsCodeBlockTitleTags {\n    return this.args.tag ?? HdsCodeBlockTitleTagValues.P;\n  }\n\n  <template>\n    <HdsTextBody\n      id={{this._id}}\n      @size=\"200\"\n      @tag={{this.componentTag}}\n      @weight=\"semibold\"\n      class=\"hds-code-block__title\"\n      ...attributes\n      {{this._setUpTitle @didInsertNode}}\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsCodeBlockTitle","Component","_id","guidFor","_setUpTitle","modifier","element","insertCallbackFunction","componentTag","args","tag","HdsCodeBlockTitleTagValues","P","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody"],"mappings":";;;;;;;;AAAA;;;AAGC;AAuBc,MAAMA,0BAA0BC,SAAA,CAAU;AAC/CC,EAAAA,GAAA,GAAM,QAAA,GAAWC,OAAA,CAAQ,IAAI,CAAA;EAE7BC,WAAA,GAAcC,QAAA,CACpB,CACEC,OAAS,EACT,CAACC,sBAAA,CAAyD,KAAA;AAE1D,IAAA,IAAI,OAAOA,2BAA2B,UAAA,EAAY;MAChDA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AACF,EAAA,CAAA,CAAA;EAGF,IAAIE,eAAsC;IACxC,OAAO,IAAI,CAACC,IAAI,CAACC,GAAG,IAAIC,2BAA2BC,CAAC;AACtD,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4MAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/code-editor/description.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsCodeEditorDescription extends Component {

package/dist/components/hds/code-editor/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-editor/description.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport HdsTextBody from '../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../text/body.gts';\n\ntype HdsCodeEditorDescriptionElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeEditorDescriptionSignature {\n  Args: {\n    editorId: string;\n    onInsert: (element: HdsCodeEditorDescriptionElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCodeEditorDescriptionElement;\n}\n\nexport default class HdsCodeEditorDescription extends Component<HdsCodeEditorDescriptionSignature> {\n  private _id = `${this.args.editorId}-description`;\n\n  <template>\n    <HdsTextBody\n      id={{this._id}}\n      class=\"hds-code-editor__description\"\n      @tag=\"p\"\n      @size=\"100\"\n      {{didInsert @onInsert}}\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsCodeEditorDescription","Component","_id","args","editorId","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","didInsert"],"mappings":";;;;;;AAAA;;;AAGC;AAsBc,MAAMA,iCAAiCC,SAAA,CAAU;AACtDC,EAAAA,GAAA,GAAM,CAAA,EAAG,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAA,YAAA,CAAc;AAEjD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kKAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../src/components/hds/code-editor/description.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport HdsTextBody from '../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../text/body.gts';\n\ntype HdsCodeEditorDescriptionElement = HdsTextBodySignature['Element'];\nexport interface HdsCodeEditorDescriptionSignature {\n  Args: {\n    editorId: string;\n    onInsert: (element: HdsCodeEditorDescriptionElement) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsCodeEditorDescriptionElement;\n}\n\nexport default class HdsCodeEditorDescription extends Component<HdsCodeEditorDescriptionSignature> {\n  private _id = `${this.args.editorId}-description`;\n\n  <template>\n    <HdsTextBody\n      id={{this._id}}\n      class=\"hds-code-editor__description\"\n      @tag=\"p\"\n      @size=\"100\"\n      {{didInsert @onInsert}}\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["HdsCodeEditorDescription","Component","_id","args","editorId","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","didInsert"],"mappings":";;;;;;AAAA;;;AAGC;AAsBc,MAAMA,iCAAiCC,SAAA,CAAU;AACtDC,EAAAA,GAAA,GAAM,CAAA,EAAG,IAAI,CAACC,IAAI,CAACC,QAAQ,CAAA,YAAA,CAAc;AAEjD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kKAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/code-editor/full-screen-button.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsCodeEditorFullScreenButton extends Component {

package/dist/components/hds/code-editor/full-screen-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"full-screen-button.js","sources":["../../../../src/components/hds/code-editor/full-screen-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport HdsButton from '../button/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type { HdsButtonSignature } from '../button/index.gts';\n\nexport interface HdsCodeEditorFullScreenButtonSignature {\n  Args: {\n    isFullScreen: boolean;\n    onToggleFullScreen: () => void;\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsCodeEditorFullScreenButton extends Component<HdsCodeEditorFullScreenButtonSignature> {\n  get state(): 'minimize' | 'maximize' {\n    return this.args.isFullScreen ? 'minimize' : 'maximize';\n  }\n\n  get className(): string {\n    const classes = [\n      'hds-code-editor__full-screen-button',\n      'hds-code-editor__button',\n    ];\n\n    const stateClass = `hds-code-editor__full-screen-button--${this.state}`;\n\n    classes.push(stateClass);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsButton\n      class={{this.className}}\n      aria-pressed={{@isFullScreen}}\n      @isIconOnly={{true}}\n      @color=\"secondary\"\n      @size=\"small\"\n      @icon={{this.state}}\n      @text={{hdsT\n        \"hds.components.code-editor.full-screen-button.text\"\n        default=\"Toggle full screen view\"\n      }}\n      {{on \"click\" @onToggleFullScreen}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["HdsCodeEditorFullScreenButton","Component","state","args","isFullScreen","className","classes","stateClass","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","hdsT","on"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBc,MAAMA,sCAAsCC,SAAA,CAAU;EACnE,IAAIC,KAAAA,GAAiC;IACnC,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,GAAG,UAAA,GAAa,UAAA;AAC/C,EAAA;EAEA,IAAIC,SAAAA,GAAoB;AACtB,IAAA,MAAMC,OAAA,GAAU,CACd,qCAAA,EACA,yBAAA,CACD;AAED,IAAA,MAAMC,UAAA,GAAa,CAAA,qCAAA,EAAwC,IAAI,CAACL,KAAK,CAAA,CAAE;AAEvEI,IAAAA,OAAA,CAAQE,IAAI,CAACD,UAAA,CAAA;AAEb,IAAA,OAAOD,OAAA,CAAQG,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mTAAA,EAeA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"full-screen-button.js","sources":["../../../../src/components/hds/code-editor/full-screen-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\n\nimport HdsButton from '../button/index.gts';\nimport hdsT from '../../../helpers/hds-t.ts';\n\nimport type { HdsButtonSignature } from '../button/index.gts';\n\nexport interface HdsCodeEditorFullScreenButtonSignature {\n  Args: {\n    isFullScreen: boolean;\n    onToggleFullScreen: () => void;\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsCodeEditorFullScreenButton extends Component<HdsCodeEditorFullScreenButtonSignature> {\n  get state(): 'minimize' | 'maximize' {\n    return this.args.isFullScreen ? 'minimize' : 'maximize';\n  }\n\n  get className(): string {\n    const classes = [\n      'hds-code-editor__full-screen-button',\n      'hds-code-editor__button',\n    ];\n\n    const stateClass = `hds-code-editor__full-screen-button--${this.state}`;\n\n    classes.push(stateClass);\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsButton\n      class={{this.className}}\n      aria-pressed={{@isFullScreen}}\n      @isIconOnly={{true}}\n      @color=\"secondary\"\n      @size=\"small\"\n      @icon={{this.state}}\n      @text={{hdsT\n        \"hds.components.code-editor.full-screen-button.text\"\n        default=\"Toggle full screen view\"\n      }}\n      {{on \"click\" @onToggleFullScreen}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["HdsCodeEditorFullScreenButton","Component","state","args","isFullScreen","className","classes","stateClass","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","hdsT","on"],"mappings":";;;;;;;AAAA;;;AAGC;AAkBc,MAAMA,sCAAsCC,SAAA,CAAU;EACnE,IAAIC,KAAAA,GAAiC;IACnC,OAAO,IAAI,CAACC,IAAI,CAACC,YAAY,GAAG,UAAA,GAAa,UAAA;AAC/C,EAAA;EAEA,IAAIC,SAAAA,GAAoB;AACtB,IAAA,MAAMC,OAAA,GAAU,CACd,qCAAA,EACA,yBAAA,CACD;AAED,IAAA,MAAMC,UAAA,GAAa,CAAA,qCAAA,EAAwC,IAAI,CAACL,KAAK,CAAA,CAAE;AAEvEI,IAAAA,OAAA,CAAQE,IAAI,CAACD,UAAA,CAAA;AAEb,IAAA,OAAOD,OAAA,CAAQG,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mTAAA,EAeA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/code-editor/generic.js

@@ -3,7 +3,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const HdsCodeEditorGeneric = setComponentTemplate(precompileTemplate("<div class=\"hds-code-editor__header-generic\" ...attributes>\n  {{yield}}\n</div>", {

package/dist/components/hds/code-editor/generic.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic.js","sources":["../../../../src/components/hds/code-editor/generic.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsCodeEditorGenericSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsCodeEditorGeneric: TemplateOnlyComponent<HdsCodeEditorGenericSignature> =\n  <template>\n    <div class=\"hds-code-editor__header-generic\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default HdsCodeEditorGeneric;\n"],"names":["HdsCodeEditorGeneric","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,oFAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"generic.js","sources":["../../../../src/components/hds/code-editor/generic.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsCodeEditorGenericSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsCodeEditorGeneric: TemplateOnlyComponent<HdsCodeEditorGenericSignature> =\n  <template>\n    <div class=\"hds-code-editor__header-generic\" ...attributes>\n      {{yield}}\n    </div>\n  </template>;\n\nexport default HdsCodeEditorGeneric;\n"],"names":["HdsCodeEditorGeneric","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAWD,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,oFAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/code-editor/index.js

@@ -18,7 +18,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsCodeEditor extends Component {