npm - @hashicorp/design-system-components - Versions diffs - 6.2.0 → 6.3.0-rc-20260514101332 - Mend

@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (884) hide show

package/dist/components/hds/stepper/list/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/stepper/list/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 { schedule } from '@ember/runloop';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { HdsStepperTitleTagValues } from '../types.ts';\nimport HdsStepperListStep from './step.gts';\n\nimport type { HdsStepperTitleTags, HdsStepperListStepIds } from '../types.ts';\n\nexport interface HdsStepperListSignature {\n Args: {\n titleTag?: HdsStepperTitleTags;\n ariaLabel: string;\n };\n Blocks: {\n default: [\n {\n Step?: WithBoundArgs<\n typeof HdsStepperListStep,\n 'titleTag' \| 'stepIds' \| 'didInsertNode' \| 'willDestroyNode'\n >;\n },\n ];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperList extends Component<HdsStepperListSignature> {\n @tracked private _stepIds: HdsStepperListStepIds = [];\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n didInsertStep = (element: HTMLElement): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this._stepIds = [...this._stepIds, element.id];\n });\n };\n\n willDestroyStep = (element: HTMLElement): void => {\n this._stepIds = this._stepIds.filter(\n (stepId): boolean => stepId !== element.id\n );\n };\n\n <template>\n <ol class=\"hds-stepper-list\" aria-label={{@ariaLabel}} ...attributes>\n {{yield\n (hash\n Step=(component\n HdsStepperListStep\n titleTag=this.titleTag\n stepIds=this._stepIds\n didInsertNode=this.didInsertStep\n willDestroyNode=this.willDestroyStep\n )\n )\n }}\n </ol>\n </template>\n}\n"],"names":["HdsStepperList","Component","g","prototype","tracked","i","titleTag","args","HdsStepperTitleTagValues","Div","didInsertStep","element","schedule","_stepIds","id","willDestroyStep","filter","stepId","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsStepperListStep"],"mappings":";;;;;;;;;;AAAA;;;AAGC;AAgCc,MAAMA,uBAAuBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CACnDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAkD,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;EAErD,IAAIC,WAAgC;IAClC,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAIE,yBAAyBC,GAAG;AAC3D,EAAA;EAEAC,aAAA,GAAiBC,OAAS,IAAkB;AAC1C;IACAC,QAAA,CAAS,aAAA,EAAe,MAAQ;AAC9B,MAAA,IAAI,CAACC,QAAQ,GAAG,CAAI,GAAA,IAAI,CAACA,QAAQ,EAAEF,OAAA,CAAQG,EAAE,CAAC;AAChD,IAAA,CAAA,CAAA;EACF,CAAA;EAEAC,eAAA,GAAmBJ,OAAS,IAAkB;AAC5C,IAAA,IAAI,CAACE,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACG,MAAM,CACjCC,MAAA,IAAoBA,MAAA,KAAWN,QAAQG,EAAE,CAAA;EAE9C,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,2PAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/stepper/list/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 { schedule } from '@ember/runloop';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { HdsStepperTitleTagValues } from '../types.ts';\nimport HdsStepperListStep from './step.gts';\n\nimport type { HdsStepperTitleTags, HdsStepperListStepIds } from '../types.ts';\n\nexport interface HdsStepperListSignature {\n Args: {\n titleTag?: HdsStepperTitleTags;\n ariaLabel: string;\n };\n Blocks: {\n default: [\n {\n Step?: WithBoundArgs<\n typeof HdsStepperListStep,\n 'titleTag' \| 'stepIds' \| 'didInsertNode' \| 'willDestroyNode'\n >;\n },\n ];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperList extends Component<HdsStepperListSignature> {\n @tracked private _stepIds: HdsStepperListStepIds = [];\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n didInsertStep = (element: HTMLElement): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this._stepIds = [...this._stepIds, element.id];\n });\n };\n\n willDestroyStep = (element: HTMLElement): void => {\n this._stepIds = this._stepIds.filter(\n (stepId): boolean => stepId !== element.id\n );\n };\n\n <template>\n <ol class=\"hds-stepper-list\" aria-label={{@ariaLabel}} ...attributes>\n {{yield\n (hash\n Step=(component\n HdsStepperListStep\n titleTag=this.titleTag\n stepIds=this._stepIds\n didInsertNode=this.didInsertStep\n willDestroyNode=this.willDestroyStep\n )\n )\n }}\n </ol>\n </template>\n}\n"],"names":["HdsStepperList","Component","g","prototype","tracked","i","titleTag","args","HdsStepperTitleTagValues","Div","didInsertStep","element","schedule","_stepIds","id","willDestroyStep","filter","stepId","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsStepperListStep"],"mappings":";;;;;;;;;;AAAA;;;AAGC;AAgCc,MAAMA,uBAAuBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CACnDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAkD,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;EAErD,IAAIC,WAAgC;IAClC,OAAO,IAAI,CAACC,IAAI,CAACD,QAAQ,IAAIE,yBAAyBC,GAAG;AAC3D,EAAA;EAEAC,aAAA,GAAiBC,OAAS,IAAkB;AAC1C;IACAC,QAAA,CAAS,aAAA,EAAe,MAAQ;AAC9B,MAAA,IAAI,CAACC,QAAQ,GAAG,CAAI,GAAA,IAAI,CAACA,QAAQ,EAAEF,OAAA,CAAQG,EAAE,CAAC;AAChD,IAAA,CAAA,CAAA;EACF,CAAA;EAEAC,eAAA,GAAmBJ,OAAS,IAAkB;AAC5C,IAAA,IAAI,CAACE,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACG,MAAM,CACjCC,MAAA,IAAoBA,MAAA,KAAWN,QAAQG,EAAE,CAAA;EAE9C,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,2PAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/stepper/list/step.js CHANGED Viewed

@@ -11,7 +11,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 DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;

package/dist/components/hds/stepper/list/step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"step.js","sources":["../../../../../src/components/hds/stepper/list/step.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 { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\nimport { service } from '@ember/service';\nimport type HdsIntlService from '../../../../services/hds-intl';\nimport type Owner from '@ember/owner';\n\nimport {\n HdsStepperStatusesValues,\n HdsStepperStatusToSrOnlyText,\n HdsStepperTitleTagValues,\n} from '../types.ts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsStepperStepIndicator from '../step/indicator.gts';\n\nimport type {\n HdsStepperListStepIds,\n HdsStepperStatuses,\n HdsStepperTitleTags,\n} from '../types.ts';\n\nexport const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;\nexport const STATUSES: HdsStepperStatuses[] = Object.values(\n HdsStepperStatusesValues\n);\n\nexport interface HdsStepperListStepSignature {\n Args: {\n status?: HdsStepperStatuses;\n titleTag?: HdsStepperTitleTags;\n stepIds?: HdsStepperListStepIds;\n didInsertNode?: (element: HTMLElement) => void;\n willDestroyNode?: (element: HTMLElement) => void;\n };\n Blocks: {\n title: [];\n description?: [];\n content?: [];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperListStep extends Component<HdsStepperListStepSignature> {\n @service declare readonly hdsIntl: HdsIntlService;\n\n private _statusSrOnlyTextMap?: Record<HdsStepperStatusesValues, string>;\n private _stepId = 'step-' + guidFor(this);\n\n private _setUpStep = modifier(\n (\n element: HTMLElement,\n [insertCallbackFunction, destroyCallbackFunction]\n ) => {\n if (typeof insertCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n insertCallbackFunction(element);\n }\n\n return () => {\n if (typeof destroyCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n destroyCallbackFunction(element);\n }\n };\n }\n );\n\n constructor(owner: Owner, args: HdsStepperListStepSignature['Args']) {\n super(owner, args);\n\n this._statusSrOnlyTextMap = HdsStepperStatusToSrOnlyText(this.hdsIntl);\n }\n\n get stepNumber(): number \| undefined {\n return this.args.stepIds\n ? this.args.stepIds.indexOf(this._stepId) + 1\n : undefined;\n }\n\n get status(): HdsStepperStatuses {\n const { status = DEFAULT_STATUS } = this.args;\n\n assert(\n `@status for \"Hds::Stepper::List::Step\" must be one of the following: ${STATUSES.join(\n ', '\n )}; received: ${status}`,\n STATUSES.includes(status)\n );\n\n return status;\n }\n\n get statusSrOnlyText(): string {\n return this._statusSrOnlyTextMap![this.status];\n }\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n get classNames(): string {\n const classes = ['hds-stepper-list__step'];\n\n classes.push(`hds-stepper-list__step--${this.status}`);\n\n return classes.join(' ');\n }\n\n <template>\n <li\n class={{this.classNames}}\n ...attributes\n id={{this._stepId}}\n {{this._setUpStep @didInsertNode @willDestroyNode}}\n >\n <div class=\"hds-stepper-list__step-progress\">\n <HdsStepperStepIndicator\n @text=\"{{this.stepNumber}}\"\n @status={{this.status}}\n @isInteractive={{false}}\n class=\"hds-stepper-list__step-indicator\"\n />\n </div>\n <div class=\"hds-stepper-list__step-text\">\n <HdsTextBody\n class=\"hds-stepper-list__step-title\"\n @tag={{this.titleTag}}\n @size=\"200\"\n @weight=\"semibold\"\n @color=\"strong\"\n >\n {{yield to=\"title\"}}\n <span class=\"sr-only\">{{this.statusSrOnlyText}}</span>\n </HdsTextBody>\n {{#if (has-block \"description\")}}\n <HdsTextBody\n class=\"hds-stepper-list__step-description\"\n @tag=\"div\"\n @size=\"100\"\n @weight=\"regular\"\n @color=\"primary\"\n >\n {{yield to=\"description\"}}\n </HdsTextBody>\n {{/if}}\n {{#if (has-block \"content\")}}\n <div class=\"hds-stepper-list__step-content\">\n {{yield to=\"content\"}}\n </div>\n {{/if}}\n </div>\n </li>\n </template>\n}\n"],"names":["DEFAULT_STATUS","HdsStepperStatusesValues","Incomplete","STATUSES","Object","values","HdsStepperListStep","Component","g","prototype","service","i","_statusSrOnlyTextMap","_stepId","guidFor","_setUpStep","modifier","element","insertCallbackFunction","destroyCallbackFunction","constructor","owner","args","HdsStepperStatusToSrOnlyText","hdsIntl","stepNumber","stepIds","indexOf","undefined","status","assert","join","includes","statusSrOnlyText","titleTag","HdsStepperTitleTagValues","Div","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsStepperStepIndicator","HdsTextBody"],"mappings":";;;;;;;;;;;;AAAA;;;AAGC;AAwBM,MAAMA,cAAA,GAAiBC,wBAAA,CAAyBC;AAChD,MAAMC,QAAU,GAAuBC,MAAA,CAAOC,MAAM,CACzDJ,wBAAA;AAmBa,MAAMK,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEOC,oBAAA;AACAC,EAAAA,OAAA,GAAU,OAAA,GAAUC,OAAA,CAAQ,IAAI,CAAA;EAEhCC,aAAaC,QAAA,CACnB,CACEC,OAAS,EACT,CAACC,wBAAwBC,uBAAA,CAAwB,KAAA;AAEjD,IAAA,IAAI,OAAOD,2BAA2B,UAAA,EAAY;AAChD;MACAA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,OAAOE,4BAA4B,UAAA,EAAY;AACjD;QACAA,uBAAA,CAAwBF,OAAA,CAAA;AAC1B,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;AAGFG,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAyC,EAAE;AACnE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;IAEb,IAAI,CAACV,oBAAoB,GAAGW,4BAAA,CAA6B,IAAI,CAACC,OAAO,CAAA;AACvE,EAAA;EAEA,IAAIC,UAAAA,GAAiC;IACnC,OAAO,IAAI,CAACH,IAAI,CAACI,OAAO,GACpB,IAAI,CAACJ,IAAI,CAACI,OAAO,CAACC,OAAO,CAAC,IAAI,CAACd,OAAO,IAAI,CAAA,GAC1Ce,SAAA;AACN,EAAA;EAEA,IAAIC,SAA6B;IAC/B,MAAM;AAAEA,MAAAA,MAAA,GAAS7B;KAAgB,GAAG,IAAI,CAACsB,IAAI;AAE7CQ,IAAAA,MAAA,CACE,CAAA,qEAAA,EAAwE3B,QAAA,CAAS4B,IAAI,CACnF,IAAA,CAAA,CAAA,YAAA,EACcF,MAAA,CAAA,CAAQ,EACxB1B,QAAA,CAAS6B,QAAQ,CAACH,MAAA,CAAA,CAAA;AAGpB,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAII,gBAAAA,GAA2B;AAC7B,IAAA,OAAO,IAAI,CAACrB,oBAAoB,CAAE,IAAI,CAACiB,MAAM,CAAC;AAChD,EAAA;EAEA,IAAIK,WAAgC;IAClC,OAAO,IAAI,CAACZ,IAAI,CAACY,QAAQ,IAAIC,yBAAyBC,GAAG;AAC3D,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,wBAAA,CAAyB;IAE1CA,OAAA,CAAQC,IAAI,CAAC,CAAA,wBAAA,EAA2B,IAAI,CAACV,MAAM,EAAE,CAAA;AAErD,IAAA,OAAOS,OAAA,CAAQP,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,ohCAAA,EA4CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,uBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"step.js","sources":["../../../../../src/components/hds/stepper/list/step.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 { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\nimport { service } from '@ember/service';\nimport type HdsIntlService from '../../../../services/hds-intl';\nimport type Owner from '@ember/owner';\n\nimport {\n HdsStepperStatusesValues,\n HdsStepperStatusToSrOnlyText,\n HdsStepperTitleTagValues,\n} from '../types.ts';\nimport HdsTextBody from '../../text/body.gts';\nimport HdsStepperStepIndicator from '../step/indicator.gts';\n\nimport type {\n HdsStepperListStepIds,\n HdsStepperStatuses,\n HdsStepperTitleTags,\n} from '../types.ts';\n\nexport const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;\nexport const STATUSES: HdsStepperStatuses[] = Object.values(\n HdsStepperStatusesValues\n);\n\nexport interface HdsStepperListStepSignature {\n Args: {\n status?: HdsStepperStatuses;\n titleTag?: HdsStepperTitleTags;\n stepIds?: HdsStepperListStepIds;\n didInsertNode?: (element: HTMLElement) => void;\n willDestroyNode?: (element: HTMLElement) => void;\n };\n Blocks: {\n title: [];\n description?: [];\n content?: [];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperListStep extends Component<HdsStepperListStepSignature> {\n @service declare readonly hdsIntl: HdsIntlService;\n\n private _statusSrOnlyTextMap?: Record<HdsStepperStatusesValues, string>;\n private _stepId = 'step-' + guidFor(this);\n\n private _setUpStep = modifier(\n (\n element: HTMLElement,\n [insertCallbackFunction, destroyCallbackFunction]\n ) => {\n if (typeof insertCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n insertCallbackFunction(element);\n }\n\n return () => {\n if (typeof destroyCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n destroyCallbackFunction(element);\n }\n };\n }\n );\n\n constructor(owner: Owner, args: HdsStepperListStepSignature['Args']) {\n super(owner, args);\n\n this._statusSrOnlyTextMap = HdsStepperStatusToSrOnlyText(this.hdsIntl);\n }\n\n get stepNumber(): number \| undefined {\n return this.args.stepIds\n ? this.args.stepIds.indexOf(this._stepId) + 1\n : undefined;\n }\n\n get status(): HdsStepperStatuses {\n const { status = DEFAULT_STATUS } = this.args;\n\n assert(\n `@status for \"Hds::Stepper::List::Step\" must be one of the following: ${STATUSES.join(\n ', '\n )}; received: ${status}`,\n STATUSES.includes(status)\n );\n\n return status;\n }\n\n get statusSrOnlyText(): string {\n return this._statusSrOnlyTextMap![this.status];\n }\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n get classNames(): string {\n const classes = ['hds-stepper-list__step'];\n\n classes.push(`hds-stepper-list__step--${this.status}`);\n\n return classes.join(' ');\n }\n\n <template>\n <li\n class={{this.classNames}}\n ...attributes\n id={{this._stepId}}\n {{this._setUpStep @didInsertNode @willDestroyNode}}\n >\n <div class=\"hds-stepper-list__step-progress\">\n <HdsStepperStepIndicator\n @text=\"{{this.stepNumber}}\"\n @status={{this.status}}\n @isInteractive={{false}}\n class=\"hds-stepper-list__step-indicator\"\n />\n </div>\n <div class=\"hds-stepper-list__step-text\">\n <HdsTextBody\n class=\"hds-stepper-list__step-title\"\n @tag={{this.titleTag}}\n @size=\"200\"\n @weight=\"semibold\"\n @color=\"strong\"\n >\n {{yield to=\"title\"}}\n <span class=\"sr-only\">{{this.statusSrOnlyText}}</span>\n </HdsTextBody>\n {{#if (has-block \"description\")}}\n <HdsTextBody\n class=\"hds-stepper-list__step-description\"\n @tag=\"div\"\n @size=\"100\"\n @weight=\"regular\"\n @color=\"primary\"\n >\n {{yield to=\"description\"}}\n </HdsTextBody>\n {{/if}}\n {{#if (has-block \"content\")}}\n <div class=\"hds-stepper-list__step-content\">\n {{yield to=\"content\"}}\n </div>\n {{/if}}\n </div>\n </li>\n </template>\n}\n"],"names":["DEFAULT_STATUS","HdsStepperStatusesValues","Incomplete","STATUSES","Object","values","HdsStepperListStep","Component","g","prototype","service","i","_statusSrOnlyTextMap","_stepId","guidFor","_setUpStep","modifier","element","insertCallbackFunction","destroyCallbackFunction","constructor","owner","args","HdsStepperStatusToSrOnlyText","hdsIntl","stepNumber","stepIds","indexOf","undefined","status","assert","join","includes","statusSrOnlyText","titleTag","HdsStepperTitleTagValues","Div","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsStepperStepIndicator","HdsTextBody"],"mappings":";;;;;;;;;;;;AAAA;;;AAGC;AAwBM,MAAMA,cAAA,GAAiBC,wBAAA,CAAyBC;AAChD,MAAMC,QAAU,GAAuBC,MAAA,CAAOC,MAAM,CACzDJ,wBAAA;AAmBa,MAAMK,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEOC,oBAAA;AACAC,EAAAA,OAAA,GAAU,OAAA,GAAUC,OAAA,CAAQ,IAAI,CAAA;EAEhCC,aAAaC,QAAA,CACnB,CACEC,OAAS,EACT,CAACC,wBAAwBC,uBAAA,CAAwB,KAAA;AAEjD,IAAA,IAAI,OAAOD,2BAA2B,UAAA,EAAY;AAChD;MACAA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,OAAOE,4BAA4B,UAAA,EAAY;AACjD;QACAA,uBAAA,CAAwBF,OAAA,CAAA;AAC1B,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;AAGFG,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAyC,EAAE;AACnE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;IAEb,IAAI,CAACV,oBAAoB,GAAGW,4BAAA,CAA6B,IAAI,CAACC,OAAO,CAAA;AACvE,EAAA;EAEA,IAAIC,UAAAA,GAAiC;IACnC,OAAO,IAAI,CAACH,IAAI,CAACI,OAAO,GACpB,IAAI,CAACJ,IAAI,CAACI,OAAO,CAACC,OAAO,CAAC,IAAI,CAACd,OAAO,IAAI,CAAA,GAC1Ce,SAAA;AACN,EAAA;EAEA,IAAIC,SAA6B;IAC/B,MAAM;AAAEA,MAAAA,MAAA,GAAS7B;KAAgB,GAAG,IAAI,CAACsB,IAAI;AAE7CQ,IAAAA,MAAA,CACE,CAAA,qEAAA,EAAwE3B,QAAA,CAAS4B,IAAI,CACnF,IAAA,CAAA,CAAA,YAAA,EACcF,MAAA,CAAA,CAAQ,EACxB1B,QAAA,CAAS6B,QAAQ,CAACH,MAAA,CAAA,CAAA;AAGpB,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAII,gBAAAA,GAA2B;AAC7B,IAAA,OAAO,IAAI,CAACrB,oBAAoB,CAAE,IAAI,CAACiB,MAAM,CAAC;AAChD,EAAA;EAEA,IAAIK,WAAgC;IAClC,OAAO,IAAI,CAACZ,IAAI,CAACY,QAAQ,IAAIC,yBAAyBC,GAAG;AAC3D,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,wBAAA,CAAyB;IAE1CA,OAAA,CAAQC,IAAI,CAAC,CAAA,wBAAA,EAA2B,IAAI,CAACV,MAAM,EAAE,CAAA;AAErD,IAAA,OAAOS,OAAA,CAAQP,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAS,oBAAA,CAAAC,kBAAA,CAAA,ohCAAA,EA4CA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,uBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/stepper/nav/index.js CHANGED Viewed

@@ -14,7 +14,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 STEP_ELEMENT_SELECTOR = '.hds-stepper-nav__step-content';

package/dist/components/hds/stepper/nav/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/stepper/nav/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 { schedule } from '@ember/runloop';\nimport { assert } from '@ember/debug';\nimport { modifier } from 'ember-modifier';\nimport { hash } from '@ember/helper';\nimport { and } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { HdsStepperTitleTagValues } from '../types.ts';\nimport HdsStepperNavStep from './step.gts';\nimport HdsStepperNavPanel from './panel.gts';\n\nimport type {\n HdsStepperTitleTags,\n HdsStepperNavStepIds,\n HdsStepperNavStep as HdsStepperNavStepType,\n HdsStepperNavPanelIds,\n} from '../types.ts';\n\nconst STEP_ELEMENT_SELECTOR = '.hds-stepper-nav__step-content';\nconst PANEL_ELEMENT_SELECTOR = '.hds-stepper-nav__panel';\n\nexport interface HdsStepperNavSignature {\n Args: {\n steps?: HdsStepperNavStepType[];\n currentStep?: number;\n isInteractive?: boolean;\n titleTag?: HdsStepperTitleTags;\n ariaLabel: string;\n onStepChange?: (event: MouseEvent, stepNumber: number) => void;\n };\n Blocks: {\n body?: [];\n default: [\n {\n Step?: WithBoundArgs<\n typeof HdsStepperNavStep,\n \| 'currentStep'\n \| 'isNavInteractive'\n \| 'titleTag'\n \| 'stepIds'\n \| 'panelIds'\n \| 'didInsertNode'\n \| 'willDestroyNode'\n \| 'onStepChange'\n \| 'onKeyUp'\n >;\n Panel?: WithBoundArgs<\n typeof HdsStepperNavPanel,\n \| 'currentStep'\n \| 'isNavInteractive'\n \| 'stepIds'\n \| 'panelIds'\n \| 'didInsertNode'\n \| 'willDestroyNode'\n >;\n },\n ];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsStepperNav extends Component<HdsStepperNavSignature> {\n @tracked private _stepIds: HdsStepperNavStepIds = [];\n @tracked private _stepNodes: HTMLElement[] = [];\n @tracked private _panelNodes: HTMLElement[] = [];\n @tracked private _panelIds: HdsStepperNavPanelIds = [];\n\n private _element!: HTMLDivElement;\n\n private _setUpStepperNav = modifier((element: HTMLDivElement) => {\n if (this.isInteractive) {\n assert(\n 'If @isInteractive is true, the number of Steps must be equal to the number of Panels',\n this._stepNodes.length === this._panelNodes.length\n );\n }\n\n this._element = element;\n\n return () => {};\n });\n\n get currentStep(): number {\n const { currentStep } = this.args;\n\n if (currentStep) {\n if (currentStep < 0) {\n return 0;\n } else {\n return currentStep;\n }\n } else {\n return 0;\n }\n }\n\n get isInteractive(): boolean {\n return this.args.isInteractive != undefined\n ? this.args.isInteractive\n : true;\n }\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n get inlineStyles(): Record<string, unknown> {\n const inlineStyles: {\n '--hds-stepper-nav-progress-bar-width'?: string;\n } = {};\n\n inlineStyles['--hds-stepper-nav-progress-bar-width'] =\n this.progressBarWidthStyle;\n\n return inlineStyles;\n }\n\n get progressBarWidthStyle(): string {\n let progressBarWidth = 0;\n let progressBarOffset = 0;\n if (this._stepIds.length != 0) {\n if (this.currentStep >= this._stepIds.length) {\n progressBarWidth = 100;\n progressBarOffset = 0;\n } else {\n const activeStepWidth = 1 / this._stepIds.length / 2;\n const width = this.currentStep / this._stepIds.length;\n progressBarWidth = (width + activeStepWidth) 100;\n progressBarOffset = 16;\n }\n }\n return `calc(${progressBarWidth}% - ${progressBarOffset}px)`;\n }\n\n didInsertStep = (): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this.updateSteps();\n });\n };\n\n willDestroyStep = (element: HTMLElement): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this._stepNodes = this._stepNodes.filter(\n (node): boolean => node.id !== element.id\n );\n this._stepIds = this._stepIds.filter(\n (stepId): boolean => stepId !== element.id\n );\n });\n };\n\n didInsertPanel = (): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this.updatePanels();\n });\n };\n\n willDestroyPanel = (element: HTMLElement): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this._panelNodes = this._panelNodes.filter(\n (node): boolean => node.id !== element.id\n );\n this._panelIds = this._panelIds.filter(\n (panelId): boolean => panelId !== element.id\n );\n });\n };\n\n onKeyUp = (currentStepIndex: number, event: KeyboardEvent): void => {\n const leftArrow = 'ArrowLeft';\n const rightArrow = 'ArrowRight';\n\n if (event.key === rightArrow) {\n const nextStepIndex = this.findNextInteractiveStepIndex(\n currentStepIndex,\n 1\n );\n this.focusStep(nextStepIndex, event);\n } else if (event.key === leftArrow) {\n const prevStepIndex = this.findNextInteractiveStepIndex(\n currentStepIndex,\n this._stepIds.length - 1\n );\n this.focusStep(prevStepIndex, event);\n }\n };\n\n // Update the step arrays based on how they are ordered in the DOM\n private updateSteps = (): void => {\n const steps = this._element.querySelectorAll(STEP_ELEMENT_SELECTOR);\n let newStepIds: HdsStepperNavStepIds = [];\n let newStepNodes: HTMLElement[] = [];\n steps.forEach((step) => {\n newStepIds = [...newStepIds, step.id];\n newStepNodes = [...newStepNodes, step as HTMLElement];\n });\n this._stepIds = newStepIds;\n this._stepNodes = newStepNodes;\n };\n\n // Update the panel arrays based on how they are ordered in the DOM\n private updatePanels = (): void => {\n const panels = this._element.querySelectorAll(PANEL_ELEMENT_SELECTOR);\n let newPanelIds: HdsStepperNavPanelIds = [];\n let newPanelNodes: HTMLElement[] = [];\n panels.forEach((panel) => {\n newPanelIds = [...newPanelIds, panel.id];\n newPanelNodes = [...newPanelNodes, panel as HTMLElement];\n });\n this._panelIds = newPanelIds;\n this._panelNodes = newPanelNodes;\n };\n\n // Find the next interactive step to focus based on keyboard input\n private findNextInteractiveStepIndex = (\n currentStepIndex: number,\n increment: number\n ): number => {\n let newStepIndex = (currentStepIndex + increment) % this._stepIds.length;\n while (newStepIndex > this.currentStep) {\n newStepIndex = (newStepIndex + increment) % this._stepIds.length;\n }\n return newStepIndex;\n };\n\n // Focus step for keyboard & mouse nav\n private focusStep = (stepIndex: number, event: KeyboardEvent): void => {\n event.preventDefault();\n const step = this._stepNodes[stepIndex];\n step?.focus();\n };\n\n get classNames() {\n const classes = ['hds-stepper-nav'];\n\n if (this.isInteractive) {\n classes.push('hds-stepper-nav--interactive');\n }\n\n return classes.join(' ');\n }\n\n <template>\n <div\n class={{this.classNames}}\n ...attributes\n {{style this.inlineStyles}}\n {{this._setUpStepperNav}}\n >\n <div class=\"hds-stepper-nav__progress-bar\"></div>\n <ol\n class=\"hds-stepper-nav__list\"\n aria-label={{@ariaLabel}}\n role={{if this.isInteractive \"tablist\"}}\n >\n {{#if @steps}}\n {{#each @steps as \|step\|}}\n <HdsStepperNavStep\n @currentStep={{this.currentStep}}\n @isNavInteractive={{this.isInteractive}}\n @titleTag={{this.titleTag}}\n @didInsertNode={{this.didInsertStep}}\n @willDestroyNode={{this.willDestroyStep}}\n @stepIds={{this._stepIds}}\n @panelIds={{this._panelIds}}\n @onStepChange={{@onStepChange}}\n @onKeyUp={{this.onKeyUp}}\n >\n <:title>{{step.title}}</:title>\n <:description>{{step.description}}</:description>\n </HdsStepperNavStep>\n {{/each}}\n {{else}}\n {{yield\n (hash\n Step=(component\n HdsStepperNavStep\n currentStep=this.currentStep\n isNavInteractive=this.isInteractive\n titleTag=this.titleTag\n stepIds=this._stepIds\n panelIds=this._panelIds\n didInsertNode=this.didInsertStep\n willDestroyNode=this.willDestroyStep\n onStepChange=@onStepChange\n onKeyUp=this.onKeyUp\n )\n )\n }}\n {{/if}}\n </ol>\n {{#if (and @steps (has-block \"body\"))}}\n {{#each @steps}}\n <HdsStepperNavPanel\n @currentStep={{this.currentStep}}\n @isNavInteractive={{this.isInteractive}}\n @stepIds={{this._stepIds}}\n @panelIds={{this._panelIds}}\n @didInsertNode={{this.didInsertPanel}}\n @willDestroyNode={{this.willDestroyPanel}}\n >\n {{yield to=\"body\"}}\n </HdsStepperNavPanel>\n {{/each}}\n {{else}}\n {{yield\n (hash\n Panel=(component\n HdsStepperNavPanel\n currentStep=this.currentStep\n isNavInteractive=this.isInteractive\n stepIds=this._stepIds\n panelIds=this._panelIds\n didInsertNode=this.didInsertPanel\n willDestroyNode=this.willDestroyPanel\n )\n )\n }}\n {{/if}}\n </div>\n </template>\n}\n"],"names":["STEP_ELEMENT_SELECTOR","PANEL_ELEMENT_SELECTOR","HdsStepperNav","Component","g","prototype","tracked","i","_element","_setUpStepperNav","modifier","element","isInteractive","assert","_stepNodes","length","_panelNodes","currentStep","args","undefined","titleTag","HdsStepperTitleTagValues","Div","inlineStyles","progressBarWidthStyle","progressBarWidth","progressBarOffset","_stepIds","activeStepWidth","width","didInsertStep","schedule","updateSteps","willDestroyStep","filter","node","id","stepId","didInsertPanel","updatePanels","willDestroyPanel","_panelIds","panelId","onKeyUp","currentStepIndex","event","leftArrow","rightArrow","key","nextStepIndex","findNextInteractiveStepIndex","focusStep","prevStepIndex","steps","querySelectorAll","newStepIds","newStepNodes","forEach","step","panels","newPanelIds","newPanelNodes","panel","increment","newStepIndex","stepIndex","preventDefault","focus","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","style","HdsStepperNavStep","hash","and","HdsStepperNavPanel"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/stepper/nav/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 { schedule } from '@ember/runloop';\nimport { assert } from '@ember/debug';\nimport { modifier } from 'ember-modifier';\nimport { hash } from '@ember/helper';\nimport { and } from 'ember-truth-helpers';\nimport style from 'ember-style-modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { HdsStepperTitleTagValues } from '../types.ts';\nimport HdsStepperNavStep from './step.gts';\nimport HdsStepperNavPanel from './panel.gts';\n\nimport type {\n HdsStepperTitleTags,\n HdsStepperNavStepIds,\n HdsStepperNavStep as HdsStepperNavStepType,\n HdsStepperNavPanelIds,\n} from '../types.ts';\n\nconst STEP_ELEMENT_SELECTOR = '.hds-stepper-nav__step-content';\nconst PANEL_ELEMENT_SELECTOR = '.hds-stepper-nav__panel';\n\nexport interface HdsStepperNavSignature {\n Args: {\n steps?: HdsStepperNavStepType[];\n currentStep?: number;\n isInteractive?: boolean;\n titleTag?: HdsStepperTitleTags;\n ariaLabel: string;\n onStepChange?: (event: MouseEvent, stepNumber: number) => void;\n };\n Blocks: {\n body?: [];\n default: [\n {\n Step?: WithBoundArgs<\n typeof HdsStepperNavStep,\n \| 'currentStep'\n \| 'isNavInteractive'\n \| 'titleTag'\n \| 'stepIds'\n \| 'panelIds'\n \| 'didInsertNode'\n \| 'willDestroyNode'\n \| 'onStepChange'\n \| 'onKeyUp'\n >;\n Panel?: WithBoundArgs<\n typeof HdsStepperNavPanel,\n \| 'currentStep'\n \| 'isNavInteractive'\n \| 'stepIds'\n \| 'panelIds'\n \| 'didInsertNode'\n \| 'willDestroyNode'\n >;\n },\n ];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsStepperNav extends Component<HdsStepperNavSignature> {\n @tracked private _stepIds: HdsStepperNavStepIds = [];\n @tracked private _stepNodes: HTMLElement[] = [];\n @tracked private _panelNodes: HTMLElement[] = [];\n @tracked private _panelIds: HdsStepperNavPanelIds = [];\n\n private _element!: HTMLDivElement;\n\n private _setUpStepperNav = modifier((element: HTMLDivElement) => {\n if (this.isInteractive) {\n assert(\n 'If @isInteractive is true, the number of Steps must be equal to the number of Panels',\n this._stepNodes.length === this._panelNodes.length\n );\n }\n\n this._element = element;\n\n return () => {};\n });\n\n get currentStep(): number {\n const { currentStep } = this.args;\n\n if (currentStep) {\n if (currentStep < 0) {\n return 0;\n } else {\n return currentStep;\n }\n } else {\n return 0;\n }\n }\n\n get isInteractive(): boolean {\n return this.args.isInteractive != undefined\n ? this.args.isInteractive\n : true;\n }\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n get inlineStyles(): Record<string, unknown> {\n const inlineStyles: {\n '--hds-stepper-nav-progress-bar-width'?: string;\n } = {};\n\n inlineStyles['--hds-stepper-nav-progress-bar-width'] =\n this.progressBarWidthStyle;\n\n return inlineStyles;\n }\n\n get progressBarWidthStyle(): string {\n let progressBarWidth = 0;\n let progressBarOffset = 0;\n if (this._stepIds.length != 0) {\n if (this.currentStep >= this._stepIds.length) {\n progressBarWidth = 100;\n progressBarOffset = 0;\n } else {\n const activeStepWidth = 1 / this._stepIds.length / 2;\n const width = this.currentStep / this._stepIds.length;\n progressBarWidth = (width + activeStepWidth) 100;\n progressBarOffset = 16;\n }\n }\n return `calc(${progressBarWidth}% - ${progressBarOffset}px)`;\n }\n\n didInsertStep = (): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this.updateSteps();\n });\n };\n\n willDestroyStep = (element: HTMLElement): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this._stepNodes = this._stepNodes.filter(\n (node): boolean => node.id !== element.id\n );\n this._stepIds = this._stepIds.filter(\n (stepId): boolean => stepId !== element.id\n );\n });\n };\n\n didInsertPanel = (): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this.updatePanels();\n });\n };\n\n willDestroyPanel = (element: HTMLElement): void => {\n // eslint-disable-next-line ember/no-runloop\n schedule('afterRender', (): void => {\n this._panelNodes = this._panelNodes.filter(\n (node): boolean => node.id !== element.id\n );\n this._panelIds = this._panelIds.filter(\n (panelId): boolean => panelId !== element.id\n );\n });\n };\n\n onKeyUp = (currentStepIndex: number, event: KeyboardEvent): void => {\n const leftArrow = 'ArrowLeft';\n const rightArrow = 'ArrowRight';\n\n if (event.key === rightArrow) {\n const nextStepIndex = this.findNextInteractiveStepIndex(\n currentStepIndex,\n 1\n );\n this.focusStep(nextStepIndex, event);\n } else if (event.key === leftArrow) {\n const prevStepIndex = this.findNextInteractiveStepIndex(\n currentStepIndex,\n this._stepIds.length - 1\n );\n this.focusStep(prevStepIndex, event);\n }\n };\n\n // Update the step arrays based on how they are ordered in the DOM\n private updateSteps = (): void => {\n const steps = this._element.querySelectorAll(STEP_ELEMENT_SELECTOR);\n let newStepIds: HdsStepperNavStepIds = [];\n let newStepNodes: HTMLElement[] = [];\n steps.forEach((step) => {\n newStepIds = [...newStepIds, step.id];\n newStepNodes = [...newStepNodes, step as HTMLElement];\n });\n this._stepIds = newStepIds;\n this._stepNodes = newStepNodes;\n };\n\n // Update the panel arrays based on how they are ordered in the DOM\n private updatePanels = (): void => {\n const panels = this._element.querySelectorAll(PANEL_ELEMENT_SELECTOR);\n let newPanelIds: HdsStepperNavPanelIds = [];\n let newPanelNodes: HTMLElement[] = [];\n panels.forEach((panel) => {\n newPanelIds = [...newPanelIds, panel.id];\n newPanelNodes = [...newPanelNodes, panel as HTMLElement];\n });\n this._panelIds = newPanelIds;\n this._panelNodes = newPanelNodes;\n };\n\n // Find the next interactive step to focus based on keyboard input\n private findNextInteractiveStepIndex = (\n currentStepIndex: number,\n increment: number\n ): number => {\n let newStepIndex = (currentStepIndex + increment) % this._stepIds.length;\n while (newStepIndex > this.currentStep) {\n newStepIndex = (newStepIndex + increment) % this._stepIds.length;\n }\n return newStepIndex;\n };\n\n // Focus step for keyboard & mouse nav\n private focusStep = (stepIndex: number, event: KeyboardEvent): void => {\n event.preventDefault();\n const step = this._stepNodes[stepIndex];\n step?.focus();\n };\n\n get classNames() {\n const classes = ['hds-stepper-nav'];\n\n if (this.isInteractive) {\n classes.push('hds-stepper-nav--interactive');\n }\n\n return classes.join(' ');\n }\n\n <template>\n <div\n class={{this.classNames}}\n ...attributes\n {{style this.inlineStyles}}\n {{this._setUpStepperNav}}\n >\n <div class=\"hds-stepper-nav__progress-bar\"></div>\n <ol\n class=\"hds-stepper-nav__list\"\n aria-label={{@ariaLabel}}\n role={{if this.isInteractive \"tablist\"}}\n >\n {{#if @steps}}\n {{#each @steps as \|step\|}}\n <HdsStepperNavStep\n @currentStep={{this.currentStep}}\n @isNavInteractive={{this.isInteractive}}\n @titleTag={{this.titleTag}}\n @didInsertNode={{this.didInsertStep}}\n @willDestroyNode={{this.willDestroyStep}}\n @stepIds={{this._stepIds}}\n @panelIds={{this._panelIds}}\n @onStepChange={{@onStepChange}}\n @onKeyUp={{this.onKeyUp}}\n >\n <:title>{{step.title}}</:title>\n <:description>{{step.description}}</:description>\n </HdsStepperNavStep>\n {{/each}}\n {{else}}\n {{yield\n (hash\n Step=(component\n HdsStepperNavStep\n currentStep=this.currentStep\n isNavInteractive=this.isInteractive\n titleTag=this.titleTag\n stepIds=this._stepIds\n panelIds=this._panelIds\n didInsertNode=this.didInsertStep\n willDestroyNode=this.willDestroyStep\n onStepChange=@onStepChange\n onKeyUp=this.onKeyUp\n )\n )\n }}\n {{/if}}\n </ol>\n {{#if (and @steps (has-block \"body\"))}}\n {{#each @steps}}\n <HdsStepperNavPanel\n @currentStep={{this.currentStep}}\n @isNavInteractive={{this.isInteractive}}\n @stepIds={{this._stepIds}}\n @panelIds={{this._panelIds}}\n @didInsertNode={{this.didInsertPanel}}\n @willDestroyNode={{this.willDestroyPanel}}\n >\n {{yield to=\"body\"}}\n </HdsStepperNavPanel>\n {{/each}}\n {{else}}\n {{yield\n (hash\n Panel=(component\n HdsStepperNavPanel\n currentStep=this.currentStep\n isNavInteractive=this.isInteractive\n stepIds=this._stepIds\n panelIds=this._panelIds\n didInsertNode=this.didInsertPanel\n willDestroyNode=this.willDestroyPanel\n )\n )\n }}\n {{/if}}\n </div>\n </template>\n}\n"],"names":["STEP_ELEMENT_SELECTOR","PANEL_ELEMENT_SELECTOR","HdsStepperNav","Component","g","prototype","tracked","i","_element","_setUpStepperNav","modifier","element","isInteractive","assert","_stepNodes","length","_panelNodes","currentStep","args","undefined","titleTag","HdsStepperTitleTagValues","Div","inlineStyles","progressBarWidthStyle","progressBarWidth","progressBarOffset","_stepIds","activeStepWidth","width","didInsertStep","schedule","updateSteps","willDestroyStep","filter","node","id","stepId","didInsertPanel","updatePanels","willDestroyPanel","_panelIds","panelId","onKeyUp","currentStepIndex","event","leftArrow","rightArrow","key","nextStepIndex","findNextInteractiveStepIndex","focusStep","prevStepIndex","steps","querySelectorAll","newStepIds","newStepNodes","forEach","step","panels","newPanelIds","newPanelNodes","panel","increment","newStepIndex","stepIndex","preventDefault","focus","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","style","HdsStepperNavStep","hash","and","HdsStepperNavPanel"],"mappings":";;;;;;;;;;;;;;;AAAA;;;AAGC;AAwBD,MAAMA,qBAAA,GAAwB,gCAAA;AAC9B,MAAMC,sBAAA,GAAyB,yBAAA;AA0ChB,MAAMC,sBAAsBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CAClDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiD,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACnDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA4C,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAC9CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA6C,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,YAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,WAAA,EAAA,CAC/CC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAmD,EAAE;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;EAE9CC;AAEAC,EAAAA,gBAAA,GAAmBC,QAAA,CAAUC,OAAS,IAAA;IAC5C,IAAI,IAAI,CAACC,aAAa,EAAE;AACtBC,MAAAA,MAAA,CACE,sFAAA,EACA,IAAI,CAACC,UAAU,CAACC,MAAM,KAAK,IAAI,CAACC,WAAW,CAACD,MAAM,CAAA;AAEtD,IAAA;IAEA,IAAI,CAACP,QAAQ,GAAGG,OAAA;IAEhB,OAAO,MAAA,CAAO,CAAA;AAChB,EAAA,CAAA,CAAA;EAEA,IAAIM,WAAAA,GAAsB;IACxB,MAAM;AAAEA,MAAAA;KAAa,GAAG,IAAI,CAACC,IAAI;AAEjC,IAAA,IAAID,WAAA,EAAa;MACf,IAAIA,cAAc,CAAA,EAAG;AACnB,QAAA,OAAO,CAAA;AACT,MAAA,CAAA,MAAO;AACL,QAAA,OAAOA,WAAA;AACT,MAAA;AACF,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,CAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIL,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACM,IAAI,CAACN,aAAa,IAAIO,SAAA,GAC9B,IAAI,CAACD,IAAI,CAACN,aAAa,GACvB,IAAA;AACN,EAAA;EAEA,IAAIQ,WAAgC;IAClC,OAAO,IAAI,CAACF,IAAI,CAACE,QAAQ,IAAIC,yBAAyBC,GAAG;AAC3D,EAAA;EAEA,IAAIC,YAAAA,GAAwC;IAC1C,MAAMA,eAEF,EAAC;AAELA,IAAAA,YAAY,CAAC,sCAAA,CAAuC,GAClD,IAAI,CAACC,qBAAqB;AAE5B,IAAA,OAAOD,YAAA;AACT,EAAA;EAEA,IAAIC,qBAAAA,GAAgC;IAClC,IAAIC,gBAAA,GAAmB,CAAA;IACvB,IAAIC,iBAAA,GAAoB,CAAA;AACxB,IAAA,IAAI,IAAI,CAACC,QAAQ,CAACZ,MAAM,IAAI,CAAA,EAAG;MAC7B,IAAI,IAAI,CAACE,WAAW,IAAI,IAAI,CAACU,QAAQ,CAACZ,MAAM,EAAE;AAC5CU,QAAAA,gBAAA,GAAmB,GAAA;AACnBC,QAAAA,iBAAA,GAAoB,CAAA;AACtB,MAAA,CAAA,MAAO;QACL,MAAME,kBAAkB,CAAA,GAAI,IAAI,CAACD,QAAQ,CAACZ,MAAM,GAAG,CAAA;QACnD,MAAMc,KAAA,GAAQ,IAAI,CAACZ,WAAW,GAAG,IAAI,CAACU,QAAQ,CAACZ,MAAM;AACrDU,QAAAA,gBAAA,GAAmB,CAACI,KAAA,GAAQD,eAAe,IAAI,GAAA;AAC/CF,QAAAA,iBAAA,GAAoB,EAAA;AACtB,MAAA;AACF,IAAA;AACA,IAAA,OAAO,CAAA,KAAA,EAAQD,gBAAA,CAAA,IAAA,EAAuBC,iBAAA,CAAA,GAAA,CAAsB;AAC9D,EAAA;EAEAI,aAAA,GAAgBA,MAAQ;AACtB;IACAC,QAAA,CAAS,aAAA,EAAe,MAAQ;MAC9B,IAAI,CAACC,WAAW,EAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAC,eAAA,GAAmBtB,OAAS,IAAkB;AAC5C;IACAoB,QAAA,CAAS,aAAA,EAAe,MAAQ;AAC9B,MAAA,IAAI,CAACjB,UAAU,GAAG,IAAI,CAACA,UAAU,CAACoB,MAAM,CACrCC,QAAkBA,KAAKC,EAAE,KAAKzB,QAAQyB,EAAE,CAAA;AAE3C,MAAA,IAAI,CAACT,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACO,MAAM,CACjCG,MAAA,IAAoBA,MAAA,KAAW1B,QAAQyB,EAAE,CAAA;AAE9C,IAAA,CAAA,CAAA;EACF,CAAA;EAEAE,cAAA,GAAiBA,MAAQ;AACvB;IACAP,QAAA,CAAS,aAAA,EAAe,MAAQ;MAC9B,IAAI,CAACQ,YAAY,EAAA;AACnB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAC,gBAAA,GAAoB7B,OAAS,IAAkB;AAC7C;IACAoB,QAAA,CAAS,aAAA,EAAe,MAAQ;AAC9B,MAAA,IAAI,CAACf,WAAW,GAAG,IAAI,CAACA,WAAW,CAACkB,MAAM,CACvCC,QAAkBA,KAAKC,EAAE,KAAKzB,QAAQyB,EAAE,CAAA;AAE3C,MAAA,IAAI,CAACK,SAAS,GAAG,IAAI,CAACA,SAAS,CAACP,MAAM,CACnCQ,OAAA,IAAqBA,OAAA,KAAY/B,QAAQyB,EAAE,CAAA;AAEhD,IAAA,CAAA,CAAA;EACF,CAAA;AAEAO,EAAAA,OAAA,GAAUA,CAACC,gBAAwB,EAAEC,UAA2B;IAC9D,MAAMC,SAAA,GAAY,WAAA;IAClB,MAAMC,UAAA,GAAa,YAAA;AAEnB,IAAA,IAAIF,KAAA,CAAMG,GAAG,KAAKD,UAAA,EAAY;MAC5B,MAAME,aAAA,GAAgB,IAAI,CAACC,4BAA4B,CACrDN,gBAAA,EACA,CAAA,CAAA;AAEF,MAAA,IAAI,CAACO,SAAS,CAACF,aAAA,EAAeJ,KAAA,CAAA;AAChC,IAAA,CAAA,MAAO,IAAIA,KAAA,CAAMG,GAAG,KAAKF,SAAA,EAAW;AAClC,MAAA,MAAMM,aAAA,GAAgB,IAAI,CAACF,4BAA4B,CACrDN,gBAAA,EACA,IAAI,CAACjB,QAAQ,CAACZ,MAAM,GAAG,CAAA,CAAA;AAEzB,MAAA,IAAI,CAACoC,SAAS,CAACC,aAAA,EAAeP,KAAA,CAAA;AAChC,IAAA;EACF,CAAA;AAEA;EACQb,WAAA,GAAcA,MAAQ;IAC5B,MAAMqB,QAAQ,IAAI,CAAC7C,QAAQ,CAAC8C,gBAAgB,CAACtD,qBAAA,CAAA;IAC7C,IAAIuD,aAAmC,EAAE;IACzC,IAAIC,eAA8B,EAAE;AACpCH,IAAAA,KAAA,CAAMI,OAAO,CAAEC,IAAA,IAAA;MACbH,UAAA,GAAa,CAAI,GAAAA,UAAA,EAAYG,IAAA,CAAKtB,EAAE,CAAC;AACrCoB,MAAAA,YAAA,GAAe,CAAI,GAAAA,YAAA,EAAcE,IAAA,CAAoB;AACvD,IAAA,CAAA,CAAA;IACA,IAAI,CAAC/B,QAAQ,GAAG4B,UAAA;IAChB,IAAI,CAACzC,UAAU,GAAG0C,YAAA;EACpB,CAAA;AAEA;EACQjB,YAAA,GAAeA,MAAQ;IAC7B,MAAMoB,SAAS,IAAI,CAACnD,QAAQ,CAAC8C,gBAAgB,CAACrD,sBAAA,CAAA;IAC9C,IAAI2D,cAAqC,EAAE;IAC3C,IAAIC,gBAA+B,EAAE;AACrCF,IAAAA,MAAA,CAAOF,OAAO,CAAEK,KAAA,IAAA;MACdF,WAAA,GAAc,CAAI,GAAAA,WAAA,EAAaE,KAAA,CAAM1B,EAAE,CAAC;AACxCyB,MAAAA,aAAA,GAAgB,CAAI,GAAAA,aAAA,EAAeC,KAAA,CAAqB;AAC1D,IAAA,CAAA,CAAA;IACA,IAAI,CAACrB,SAAS,GAAGmB,WAAA;IACjB,IAAI,CAAC5C,WAAW,GAAG6C,aAAA;EACrB,CAAA;AAEA;AACQX,EAAAA,4BAAA,GAA+BA,CACrCN,gBAAwB,EACxBmB,SAAiB,KACV;IACP,IAAIC,YAAA,GAAe,CAACpB,gBAAA,GAAmBmB,SAAS,IAAI,IAAI,CAACpC,QAAQ,CAACZ,MAAM;AACxE,IAAA,OAAOiD,YAAA,GAAe,IAAI,CAAC/C,WAAW,EAAE;MACtC+C,YAAA,GAAe,CAACA,eAAeD,SAAS,IAAI,IAAI,CAACpC,QAAQ,CAACZ,MAAM;AAClE,IAAA;AACA,IAAA,OAAOiD,YAAA;EACT,CAAA;AAEA;AACQb,EAAAA,YAAYA,CAACc,SAAiB,EAAEpB,UAA2B;IACjEA,KAAA,CAAMqB,cAAc,EAAA;AACpB,IAAA,MAAMR,IAAA,GAAO,IAAI,CAAC5C,UAAU,CAACmD,SAAA,CAAU;IACvCP,IAAA,EAAMS,KAAA,EAAA;EACR,CAAA;EAEA,IAAIC,UAAAA,GAAa;AACf,IAAA,MAAMC,OAAA,GAAU,CAAC,iBAAA,CAAkB;IAEnC,IAAI,IAAI,CAACzD,aAAa,EAAE;AACtByD,MAAAA,OAAA,CAAQC,IAAI,CAAC,8BAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uwDAAA,EA8EA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,KAAA;QAAAC,iBAAA;QAAAC,IAAA;QAAAC,GAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/stepper/nav/panel.js CHANGED Viewed

@@ -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 HdsStepperNavPanel extends Component {

package/dist/components/hds/stepper/nav/panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel.js","sources":["../../../../../src/components/hds/stepper/nav/panel.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';\nimport { not } from 'ember-truth-helpers';\n\nimport type { HdsStepperNavStepIds, HdsStepperNavPanelIds } from '../types.ts';\n\nexport interface HdsStepperNavPanelSignature {\n Args: {\n currentStep: number;\n isNavInteractive?: boolean;\n stepIds?: HdsStepperNavStepIds;\n panelIds?: HdsStepperNavPanelIds;\n didInsertNode?: () => void;\n willDestroyNode?: (element: HTMLElement) => void;\n };\n Blocks: {\n default: [];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperNavPanel extends Component<HdsStepperNavPanelSignature> {\n private _panelId = 'panel-' + guidFor(this);\n private _elementId?: string;\n\n private _setUpPanel = modifier(\n (\n element: HTMLElement,\n [insertCallbackFunction, destroyCallbackFunction]\n ) => {\n if (typeof insertCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n insertCallbackFunction(element);\n }\n\n return () => {\n if (typeof destroyCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n destroyCallbackFunction(element);\n }\n };\n }\n );\n\n get isNavInteractive(): boolean {\n return this.args.isNavInteractive != undefined\n ? this.args.isNavInteractive\n : true;\n }\n\n get nodeIndex(): number \| undefined {\n return this.args.panelIds?.indexOf(this._panelId);\n }\n\n get coupledStepId(): string \| undefined {\n return this.nodeIndex !== undefined\n ? this.args.stepIds?.[this.nodeIndex]\n : undefined;\n }\n\n get isVisible(): boolean {\n return this.nodeIndex === this.args.currentStep;\n }\n\n didInsertNode = (element: HTMLElement): void => {\n const { didInsertNode } = this.args;\n\n if (typeof didInsertNode === 'function') {\n this._elementId = element.id;\n didInsertNode();\n }\n };\n\n willDestroyNode = (element: HTMLElement): void => {\n const { willDestroyNode } = this.args;\n\n if (typeof willDestroyNode === 'function') {\n willDestroyNode(element);\n }\n };\n\n <template>\n <section\n class=\"hds-stepper-nav__panel\"\n ...attributes\n role={{if this.isNavInteractive \"tabpanel\"}}\n id={{this._panelId}}\n hidden={{not this.isVisible}}\n aria-labelledby={{this.coupledStepId}}\n {{this._setUpPanel this.didInsertNode this.willDestroyNode}}\n >\n {{#if this.isVisible}}\n {{yield}}\n {{/if}}\n </section>\n </template>\n}\n"],"names":["HdsStepperNavPanel","Component","_panelId","guidFor","_elementId","_setUpPanel","modifier","element","insertCallbackFunction","destroyCallbackFunction","isNavInteractive","args","undefined","nodeIndex","panelIds","indexOf","coupledStepId","stepIds","isVisible","currentStep","didInsertNode","id","willDestroyNode","setComponentTemplate","precompileTemplate","strictMode","scope","not"],"mappings":";;;;;;;AAAA;;;AAGC;AAwBc,MAAMA,2BAA2BC,SAAA,CAAU;AAChDC,EAAAA,QAAA,GAAW,QAAA,GAAWC,OAAA,CAAQ,IAAI,CAAA;EAClCC,UAAA;EAEAC,cAAcC,QAAA,CACpB,CACEC,OAAS,EACT,CAACC,wBAAwBC,uBAAA,CAAwB,KAAA;AAEjD,IAAA,IAAI,OAAOD,2BAA2B,UAAA,EAAY;AAChD;MACAA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,OAAOE,4BAA4B,UAAA,EAAY;AACjD;QACAA,uBAAA,CAAwBF,OAAA,CAAA;AAC1B,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;EAGF,IAAIG,gBAAAA,GAA4B;AAC9B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,gBAAgB,IAAIE,SAAA,GACjC,IAAI,CAACD,IAAI,CAACD,gBAAgB,GAC1B,IAAA;AACN,EAAA;EAEA,IAAIG,SAAAA,GAAgC;IAClC,OAAO,IAAI,CAACF,IAAI,CAACG,QAAQ,EAAEC,OAAA,CAAQ,IAAI,CAACb,QAAQ,CAAA;AAClD,EAAA;EAEA,IAAIc,aAAAA,GAAoC;AACtC,IAAA,OAAO,IAAI,CAACH,SAAS,KAAKD,SAAA,GACtB,IAAI,CAACD,IAAI,CAACM,OAAO,GAAG,IAAI,CAACJ,SAAS,CAAC,GACnCD,SAAA;AACN,EAAA;EAEA,IAAIM,SAAAA,GAAqB;IACvB,OAAO,IAAI,CAACL,SAAS,KAAK,IAAI,CAACF,IAAI,CAACQ,WAAW;AACjD,EAAA;EAEAC,aAAA,GAAiBb,OAAS,IAAkB;IAC1C,MAAM;AAAEa,MAAAA;KAAe,GAAG,IAAI,CAACT,IAAI;AAEnC,IAAA,IAAI,OAAOS,kBAAkB,UAAA,EAAY;AACvC,MAAA,IAAI,CAAChB,UAAU,GAAGG,OAAA,CAAQc,EAAE;AAC5BD,MAAAA,aAAA,EAAA;AACF,IAAA;EACF,CAAA;EAEAE,eAAA,GAAmBf,OAAS,IAAkB;IAC5C,MAAM;AAAEe,MAAAA;KAAiB,GAAG,IAAI,CAACX,IAAI;AAErC,IAAA,IAAI,OAAOW,oBAAoB,UAAA,EAAY;MACzCA,eAAA,CAAgBf,OAAA,CAAA;AAClB,IAAA;EACF,CAAA;AAEA,EAAA;IAAAgB,oBAAA,CAAAC,kBAAA,CAAA,gUAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"panel.js","sources":["../../../../../src/components/hds/stepper/nav/panel.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';\nimport { not } from 'ember-truth-helpers';\n\nimport type { HdsStepperNavStepIds, HdsStepperNavPanelIds } from '../types.ts';\n\nexport interface HdsStepperNavPanelSignature {\n Args: {\n currentStep: number;\n isNavInteractive?: boolean;\n stepIds?: HdsStepperNavStepIds;\n panelIds?: HdsStepperNavPanelIds;\n didInsertNode?: () => void;\n willDestroyNode?: (element: HTMLElement) => void;\n };\n Blocks: {\n default: [];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperNavPanel extends Component<HdsStepperNavPanelSignature> {\n private _panelId = 'panel-' + guidFor(this);\n private _elementId?: string;\n\n private _setUpPanel = modifier(\n (\n element: HTMLElement,\n [insertCallbackFunction, destroyCallbackFunction]\n ) => {\n if (typeof insertCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n insertCallbackFunction(element);\n }\n\n return () => {\n if (typeof destroyCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n destroyCallbackFunction(element);\n }\n };\n }\n );\n\n get isNavInteractive(): boolean {\n return this.args.isNavInteractive != undefined\n ? this.args.isNavInteractive\n : true;\n }\n\n get nodeIndex(): number \| undefined {\n return this.args.panelIds?.indexOf(this._panelId);\n }\n\n get coupledStepId(): string \| undefined {\n return this.nodeIndex !== undefined\n ? this.args.stepIds?.[this.nodeIndex]\n : undefined;\n }\n\n get isVisible(): boolean {\n return this.nodeIndex === this.args.currentStep;\n }\n\n didInsertNode = (element: HTMLElement): void => {\n const { didInsertNode } = this.args;\n\n if (typeof didInsertNode === 'function') {\n this._elementId = element.id;\n didInsertNode();\n }\n };\n\n willDestroyNode = (element: HTMLElement): void => {\n const { willDestroyNode } = this.args;\n\n if (typeof willDestroyNode === 'function') {\n willDestroyNode(element);\n }\n };\n\n <template>\n <section\n class=\"hds-stepper-nav__panel\"\n ...attributes\n role={{if this.isNavInteractive \"tabpanel\"}}\n id={{this._panelId}}\n hidden={{not this.isVisible}}\n aria-labelledby={{this.coupledStepId}}\n {{this._setUpPanel this.didInsertNode this.willDestroyNode}}\n >\n {{#if this.isVisible}}\n {{yield}}\n {{/if}}\n </section>\n </template>\n}\n"],"names":["HdsStepperNavPanel","Component","_panelId","guidFor","_elementId","_setUpPanel","modifier","element","insertCallbackFunction","destroyCallbackFunction","isNavInteractive","args","undefined","nodeIndex","panelIds","indexOf","coupledStepId","stepIds","isVisible","currentStep","didInsertNode","id","willDestroyNode","setComponentTemplate","precompileTemplate","strictMode","scope","not"],"mappings":";;;;;;;AAAA;;;AAGC;AAwBc,MAAMA,2BAA2BC,SAAA,CAAU;AAChDC,EAAAA,QAAA,GAAW,QAAA,GAAWC,OAAA,CAAQ,IAAI,CAAA;EAClCC,UAAA;EAEAC,cAAcC,QAAA,CACpB,CACEC,OAAS,EACT,CAACC,wBAAwBC,uBAAA,CAAwB,KAAA;AAEjD,IAAA,IAAI,OAAOD,2BAA2B,UAAA,EAAY;AAChD;MACAA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,OAAOE,4BAA4B,UAAA,EAAY;AACjD;QACAA,uBAAA,CAAwBF,OAAA,CAAA;AAC1B,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;EAGF,IAAIG,gBAAAA,GAA4B;AAC9B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,gBAAgB,IAAIE,SAAA,GACjC,IAAI,CAACD,IAAI,CAACD,gBAAgB,GAC1B,IAAA;AACN,EAAA;EAEA,IAAIG,SAAAA,GAAgC;IAClC,OAAO,IAAI,CAACF,IAAI,CAACG,QAAQ,EAAEC,OAAA,CAAQ,IAAI,CAACb,QAAQ,CAAA;AAClD,EAAA;EAEA,IAAIc,aAAAA,GAAoC;AACtC,IAAA,OAAO,IAAI,CAACH,SAAS,KAAKD,SAAA,GACtB,IAAI,CAACD,IAAI,CAACM,OAAO,GAAG,IAAI,CAACJ,SAAS,CAAC,GACnCD,SAAA;AACN,EAAA;EAEA,IAAIM,SAAAA,GAAqB;IACvB,OAAO,IAAI,CAACL,SAAS,KAAK,IAAI,CAACF,IAAI,CAACQ,WAAW;AACjD,EAAA;EAEAC,aAAA,GAAiBb,OAAS,IAAkB;IAC1C,MAAM;AAAEa,MAAAA;KAAe,GAAG,IAAI,CAACT,IAAI;AAEnC,IAAA,IAAI,OAAOS,kBAAkB,UAAA,EAAY;AACvC,MAAA,IAAI,CAAChB,UAAU,GAAGG,OAAA,CAAQc,EAAE;AAC5BD,MAAAA,aAAA,EAAA;AACF,IAAA;EACF,CAAA;EAEAE,eAAA,GAAmBf,OAAS,IAAkB;IAC5C,MAAM;AAAEe,MAAAA;KAAiB,GAAG,IAAI,CAACX,IAAI;AAErC,IAAA,IAAI,OAAOW,oBAAoB,UAAA,EAAY;MACzCA,eAAA,CAAgBf,OAAA,CAAA;AAClB,IAAA;EACF,CAAA;AAEA,EAAA;IAAAgB,oBAAA,CAAAC,kBAAA,CAAA,gUAAA,EAcA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/stepper/nav/step.js CHANGED Viewed

@@ -12,7 +12,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 MAPPING_STATUS_TO_INDICATOR_STATUS = HdsStepperNavStatusToIndicatorStatus;

package/dist/components/hds/stepper/nav/step.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"step.js","sources":["../../../../../src/components/hds/stepper/nav/step.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';\nimport { eq } from 'ember-truth-helpers';\nimport { on } from '@ember/modifier';\n\nimport { service } from '@ember/service';\nimport type HdsIntlService from '../../../../services/hds-intl';\nimport type Owner from '@ember/owner';\n\nimport {\n HdsStepperNavStatusesValues,\n HdsStepperNavStatusToIndicatorStatus,\n HdsStepperNavStatusToSrOnlyText,\n HdsStepperTitleTagValues,\n} from '../types.ts';\nimport HdsStepperStepIndicator from '../step/indicator.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type {\n HdsStepperNavPanelIds,\n HdsStepperNavStatuses,\n HdsStepperNavStepIds,\n HdsStepperStatuses,\n HdsStepperTitleTags,\n} from '../types.ts';\n\nexport const MAPPING_STATUS_TO_INDICATOR_STATUS =\n HdsStepperNavStatusToIndicatorStatus;\n\nexport interface HdsStepperNavStepSignature {\n Args: {\n currentStep: number;\n isNavInteractive?: boolean;\n titleTag?: HdsStepperTitleTags;\n stepIds?: HdsStepperNavStepIds;\n panelIds?: HdsStepperNavPanelIds;\n didInsertNode?: () => void;\n willDestroyNode?: (element: HTMLButtonElement) => void;\n onStepChange?: (event: MouseEvent, nodeIndex: number) => void;\n onKeyUp?: (nodeIndex: number, event: KeyboardEvent) => void;\n };\n Blocks: {\n title: [];\n description?: [];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperNavStep extends Component<HdsStepperNavStepSignature> {\n @service declare readonly hdsIntl: HdsIntlService;\n\n private _statusSrOnlyTextMap?: Record<HdsStepperNavStatuses, string>;\n private _stepId = 'step-' + guidFor(this);\n private _elementId?: string;\n\n private _setUpStep = modifier(\n (\n element: HTMLElement,\n [insertCallbackFunction, destroyCallbackFunction]\n ) => {\n if (typeof insertCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n insertCallbackFunction(element);\n }\n\n return () => {\n if (typeof destroyCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n destroyCallbackFunction(element);\n }\n };\n }\n );\n\n constructor(owner: Owner, args: HdsStepperNavStepSignature['Args']) {\n super(owner, args);\n\n this._statusSrOnlyTextMap = HdsStepperNavStatusToSrOnlyText(this.hdsIntl);\n }\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n get isNavInteractive(): boolean {\n return this.args.isNavInteractive != undefined\n ? this.args.isNavInteractive\n : true;\n }\n\n get nodeIndex(): number \| undefined {\n return this.args.stepIds?.indexOf(this._stepId);\n }\n\n get stepNumber(): number \| undefined {\n return this.args.stepIds\n ? this.args.stepIds.indexOf(this._stepId) + 1\n : undefined;\n }\n\n get coupledPanelId(): string \| undefined {\n return this.nodeIndex !== undefined\n ? this.args.panelIds?.[this.nodeIndex]\n : undefined;\n }\n\n get status(): HdsStepperNavStatuses {\n if (this.nodeIndex != undefined && this.nodeIndex >= 0) {\n if (this.nodeIndex === this.args.currentStep) {\n return HdsStepperNavStatusesValues.Active;\n } else if (this.nodeIndex < this.args.currentStep) {\n return HdsStepperNavStatusesValues.Complete;\n } else {\n return HdsStepperNavStatusesValues.Incomplete;\n }\n } else {\n return HdsStepperNavStatusesValues.Incomplete;\n }\n }\n\n get stepIndicatorStatus(): HdsStepperStatuses {\n return MAPPING_STATUS_TO_INDICATOR_STATUS[this.status];\n }\n\n get statusSrOnlyText(): string {\n return this._statusSrOnlyTextMap![this.status];\n }\n\n get isInteractive(): boolean {\n return (\n this.isNavInteractive &&\n this.status === HdsStepperNavStatusesValues.Complete\n );\n }\n\n didInsertNode = (element: HTMLButtonElement): void => {\n const { didInsertNode } = this.args;\n\n if (typeof didInsertNode === 'function') {\n this._elementId = element.id;\n didInsertNode();\n }\n };\n\n willDestroyNode = (element: HTMLButtonElement): void => {\n const { willDestroyNode } = this.args;\n\n if (typeof willDestroyNode === 'function') {\n willDestroyNode(element);\n }\n };\n\n onStepChange = (event: MouseEvent): false \| undefined => {\n const { onStepChange } = this.args;\n\n if (\n this.isInteractive &&\n this.nodeIndex !== undefined &&\n typeof onStepChange === 'function'\n ) {\n onStepChange(event, this.nodeIndex);\n } else {\n return false;\n }\n };\n\n onKeyUp = (event: KeyboardEvent): void => {\n const { onKeyUp } = this.args;\n\n if (\n !(this.status === HdsStepperNavStatusesValues.Incomplete) &&\n this.nodeIndex !== undefined &&\n typeof onKeyUp === 'function'\n ) {\n onKeyUp(this.nodeIndex, event);\n }\n };\n\n get classNames(): string {\n const classes = ['hds-stepper-nav__step'];\n\n classes.push(`hds-stepper-nav__step--${this.status}`);\n\n if (this.isInteractive) {\n classes.push('hds-stepper-nav__step--interactive');\n }\n\n if (this.isNavInteractive) {\n classes.push('hds-stepper-nav__step--nav-interactive');\n }\n\n return classes.join(' ');\n }\n\n <template>\n {{! template-lint-disable require-context-role no-invalid-role }}\n {{! template-lint-disable require-presentational-children }}\n {{#if this.isNavInteractive}}\n <li\n class={{this.classNames}}\n ...attributes\n role={{if this.isNavInteractive \"presentation\"}}\n >\n <button\n class=\"hds-stepper-nav__step-content hds-stepper-nav__step-button\"\n id={{this._stepId}}\n tabindex={{unless (eq this.status \"active\") \"-1\"}}\n type=\"button\"\n role=\"tab\"\n aria-controls={{this.coupledPanelId}}\n aria-selected={{if (eq this.status \"active\") \"true\" \"false\"}}\n aria-disabled={{if (eq this.status \"incomplete\") \"true\" \"false\"}}\n {{on \"click\" this.onStepChange}}\n {{on \"keyup\" this.onKeyUp}}\n {{this._setUpStep this.didInsertNode this.willDestroyNode}}\n >\n <div class=\"hds-stepper-nav__step-progress\">\n <HdsStepperStepIndicator\n @text=\"{{this.stepNumber}}\"\n @status={{this.stepIndicatorStatus}}\n @isInteractive={{true}}\n class=\"hds-stepper-nav__step-indicator\"\n />\n </div>\n <div class=\"hds-stepper-nav__step-text\">\n <HdsTextBody\n class=\"hds-stepper-nav__step-title\"\n @tag={{this.titleTag}}\n @size=\"200\"\n @weight=\"semibold\"\n >\n {{yield to=\"title\"}}\n <span class=\"sr-only\">{{this.statusSrOnlyText}}</span>\n </HdsTextBody>\n {{#if (has-block \"description\")}}\n <HdsTextBody\n class=\"hds-stepper-nav__step-description\"\n @tag=\"div\"\n @size=\"100\"\n @weight=\"regular\"\n >\n {{yield to=\"description\"}}\n </HdsTextBody>\n {{/if}}\n </div>\n </button>\n </li>\n {{else}}\n <li\n class={{this.classNames}}\n ...attributes\n role={{if this.isNavInteractive \"presentation\"}}\n aria-current={{if (eq this.status \"active\") \"step\" \"false\"}}\n >\n <div\n class=\"hds-stepper-nav__step-content\"\n id={{this._stepId}}\n {{this._setUpStep this.didInsertNode this.willDestroyNode}}\n >\n <div class=\"hds-stepper-nav__step-progress\">\n <HdsStepperStepIndicator\n @text=\"{{this.stepNumber}}\"\n @status={{this.stepIndicatorStatus}}\n @isInteractive={{false}}\n aria-hidden=\"true\"\n class=\"hds-stepper-nav__step-indicator\"\n />\n </div>\n <div class=\"hds-stepper-nav__step-text\">\n <HdsTextBody\n class=\"hds-stepper-nav__step-title\"\n @tag={{this.titleTag}}\n @size=\"200\"\n @weight=\"semibold\"\n >\n {{yield to=\"title\"}}\n <span class=\"sr-only\">{{this.statusSrOnlyText}}</span>\n </HdsTextBody>\n {{#if (has-block \"description\")}}\n <HdsTextBody\n class=\"hds-stepper-nav__step-description\"\n @tag=\"div\"\n @size=\"100\"\n @weight=\"regular\"\n >\n {{yield to=\"description\"}}\n </HdsTextBody>\n {{/if}}\n </div>\n </div>\n </li>\n {{/if}}\n {{! template-lint-enable require-presentational-children }}\n {{! template-lint-enable require-context-role no-invalid-role }}\n </template>\n}\n"],"names":["MAPPING_STATUS_TO_INDICATOR_STATUS","HdsStepperNavStatusToIndicatorStatus","HdsStepperNavStep","Component","g","prototype","service","i","_statusSrOnlyTextMap","_stepId","guidFor","_elementId","_setUpStep","modifier","element","insertCallbackFunction","destroyCallbackFunction","constructor","owner","args","HdsStepperNavStatusToSrOnlyText","hdsIntl","titleTag","HdsStepperTitleTagValues","Div","isNavInteractive","undefined","nodeIndex","stepIds","indexOf","stepNumber","coupledPanelId","panelIds","status","currentStep","HdsStepperNavStatusesValues","Active","Complete","Incomplete","stepIndicatorStatus","statusSrOnlyText","isInteractive","didInsertNode","id","willDestroyNode","onStepChange","event","onKeyUp","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","eq","on","HdsStepperStepIndicator","HdsTextBody"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AA6BM,MAAMA,qCACXC;AAqBa,MAAMC,0BAA0BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACtDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEOC,oBAAA;AACAC,EAAAA,OAAA,GAAU,OAAA,GAAUC,OAAA,CAAQ,IAAI,CAAA;EAChCC,UAAA;EAEAC,aAAaC,QAAA,CACnB,CACEC,OAAS,EACT,CAACC,wBAAwBC,uBAAA,CAAwB,KAAA;AAEjD,IAAA,IAAI,OAAOD,2BAA2B,UAAA,EAAY;AAChD;MACAA,sBAAA,CAAuBD,OAAA,CAAA;AACzB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,OAAOE,4BAA4B,UAAA,EAAY;AACjD;QACAA,uBAAA,CAAwBF,OAAA,CAAA;AAC1B,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;AAGFG,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAwC,EAAE;AAClE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;IAEb,IAAI,CAACX,oBAAoB,GAAGY,+BAAA,CAAgC,IAAI,CAACC,OAAO,CAAA;AAC1E,EAAA;EAEA,IAAIC,WAAgC;IAClC,OAAO,IAAI,CAACH,IAAI,CAACG,QAAQ,IAAIC,yBAAyBC,GAAG;AAC3D,EAAA;EAEA,IAAIC,gBAAAA,GAA4B;AAC9B,IAAA,OAAO,IAAI,CAACN,IAAI,CAACM,gBAAgB,IAAIC,SAAA,GACjC,IAAI,CAACP,IAAI,CAACM,gBAAgB,GAC1B,IAAA;AACN,EAAA;EAEA,IAAIE,SAAAA,GAAgC;IAClC,OAAO,IAAI,CAACR,IAAI,CAACS,OAAO,EAAEC,OAAA,CAAQ,IAAI,CAACpB,OAAO,CAAA;AAChD,EAAA;EAEA,IAAIqB,UAAAA,GAAiC;IACnC,OAAO,IAAI,CAACX,IAAI,CAACS,OAAO,GACpB,IAAI,CAACT,IAAI,CAACS,OAAO,CAACC,OAAO,CAAC,IAAI,CAACpB,OAAO,IAAI,CAAA,GAC1CiB,SAAA;AACN,EAAA;EAEA,IAAIK,cAAAA,GAAqC;AACvC,IAAA,OAAO,IAAI,CAACJ,SAAS,KAAKD,SAAA,GACtB,IAAI,CAACP,IAAI,CAACa,QAAQ,GAAG,IAAI,CAACL,SAAS,CAAC,GACpCD,SAAA;AACN,EAAA;EAEA,IAAIO,SAAgC;IAClC,IAAI,IAAI,CAACN,SAAS,IAAID,aAAa,IAAI,CAACC,SAAS,IAAI,CAAA,EAAG;MACtD,IAAI,IAAI,CAACA,SAAS,KAAK,IAAI,CAACR,IAAI,CAACe,WAAW,EAAE;QAC5C,OAAOC,4BAA4BC,MAAM;MAC3C,CAAA,MAAO,IAAI,IAAI,CAACT,SAAS,GAAG,IAAI,CAACR,IAAI,CAACe,WAAW,EAAE;QACjD,OAAOC,4BAA4BE,QAAQ;AAC7C,MAAA,CAAA,MAAO;QACL,OAAOF,4BAA4BG,UAAU;AAC/C,MAAA;AACF,IAAA,CAAA,MAAO;MACL,OAAOH,4BAA4BG,UAAU;AAC/C,IAAA;AACF,EAAA;EAEA,IAAIC,sBAA0C;AAC5C,IAAA,OAAOvC,kCAAkC,CAAC,IAAI,CAACiC,MAAM,CAAC;AACxD,EAAA;EAEA,IAAIO,gBAAAA,GAA2B;AAC7B,IAAA,OAAO,IAAI,CAAChC,oBAAoB,CAAE,IAAI,CAACyB,MAAM,CAAC;AAChD,EAAA;EAEA,IAAIQ,aAAAA,GAAyB;IAC3B,OACE,IAAI,CAAChB,gBAAgB,IACrB,IAAI,CAACQ,MAAM,KAAKE,2BAAA,CAA4BE,QAAQ;AAExD,EAAA;EAEAK,aAAA,GAAiB5B,OAAS,IAAwB;IAChD,MAAM;AAAE4B,MAAAA;KAAe,GAAG,IAAI,CAACvB,IAAI;AAEnC,IAAA,IAAI,OAAOuB,kBAAkB,UAAA,EAAY;AACvC,MAAA,IAAI,CAAC/B,UAAU,GAAGG,OAAA,CAAQ6B,EAAE;AAC5BD,MAAAA,aAAA,EAAA;AACF,IAAA;EACF,CAAA;EAEAE,eAAA,GAAmB9B,OAAS,IAAwB;IAClD,MAAM;AAAE8B,MAAAA;KAAiB,GAAG,IAAI,CAACzB,IAAI;AAErC,IAAA,IAAI,OAAOyB,oBAAoB,UAAA,EAAY;MACzCA,eAAA,CAAgB9B,OAAA,CAAA;AAClB,IAAA;EACF,CAAA;EAEA+B,YAAA,GAAgBC,KAAO,IAA8B;IACnD,MAAM;AAAED,MAAAA;KAAc,GAAG,IAAI,CAAC1B,IAAI;AAElC,IAAA,IACE,IAAI,CAACsB,aAAa,IAClB,IAAI,CAACd,SAAS,KAAKD,SAAA,IACnB,OAAOmB,YAAA,KAAiB,UAAA,EACxB;AACAA,MAAAA,YAAA,CAAaC,KAAA,EAAO,IAAI,CAACnB,SAAS,CAAA;AACpC,IAAA,CAAA,MAAO;AACL,MAAA,OAAO,KAAA;AACT,IAAA;EACF,CAAA;EAEAoB,OAAA,GAAWD,KAAO,IAAoB;IACpC,MAAM;AAAEC,MAAAA;KAAS,GAAG,IAAI,CAAC5B,IAAI;IAE7B,IACE,EAAE,IAAI,CAACc,MAAM,KAAKE,2BAAA,CAA4BG,UAAU,CAAA,IACxD,IAAI,CAACX,SAAS,KAAKD,SAAA,IACnB,OAAOqB,YAAY,UAAA,EACnB;AACAA,MAAAA,OAAA,CAAQ,IAAI,CAACpB,SAAS,EAAEmB,KAAA,CAAA;AAC1B,IAAA;EACF,CAAA;EAEA,IAAIE,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,uBAAA,CAAwB;IAEzCA,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACjB,MAAM,EAAE,CAAA;IAEpD,IAAI,IAAI,CAACQ,aAAa,EAAE;AACtBQ,MAAAA,OAAA,CAAQC,IAAI,CAAC,oCAAA,CAAA;AACf,IAAA;IAEA,IAAI,IAAI,CAACzB,gBAAgB,EAAE;AACzBwB,MAAAA,OAAA,CAAQC,IAAI,CAAC,wCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6yFAAA,EAoGA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,EAAA;QAAAC,uBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"step.js","sources":["../../../../../src/components/hds/stepper/nav/step.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';\nimport { eq } from 'ember-truth-helpers';\nimport { on } from '@ember/modifier';\n\nimport { service } from '@ember/service';\nimport type HdsIntlService from '../../../../services/hds-intl';\nimport type Owner from '@ember/owner';\n\nimport {\n HdsStepperNavStatusesValues,\n HdsStepperNavStatusToIndicatorStatus,\n HdsStepperNavStatusToSrOnlyText,\n HdsStepperTitleTagValues,\n} from '../types.ts';\nimport HdsStepperStepIndicator from '../step/indicator.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type {\n HdsStepperNavPanelIds,\n HdsStepperNavStatuses,\n HdsStepperNavStepIds,\n HdsStepperStatuses,\n HdsStepperTitleTags,\n} from '../types.ts';\n\nexport const MAPPING_STATUS_TO_INDICATOR_STATUS =\n HdsStepperNavStatusToIndicatorStatus;\n\nexport interface HdsStepperNavStepSignature {\n Args: {\n currentStep: number;\n isNavInteractive?: boolean;\n titleTag?: HdsStepperTitleTags;\n stepIds?: HdsStepperNavStepIds;\n panelIds?: HdsStepperNavPanelIds;\n didInsertNode?: () => void;\n willDestroyNode?: (element: HTMLButtonElement) => void;\n onStepChange?: (event: MouseEvent, nodeIndex: number) => void;\n onKeyUp?: (nodeIndex: number, event: KeyboardEvent) => void;\n };\n Blocks: {\n title: [];\n description?: [];\n };\n Element: HTMLElement;\n}\n\nexport default class HdsStepperNavStep extends Component<HdsStepperNavStepSignature> {\n @service declare readonly hdsIntl: HdsIntlService;\n\n private _statusSrOnlyTextMap?: Record<HdsStepperNavStatuses, string>;\n private _stepId = 'step-' + guidFor(this);\n private _elementId?: string;\n\n private _setUpStep = modifier(\n (\n element: HTMLElement,\n [insertCallbackFunction, destroyCallbackFunction]\n ) => {\n if (typeof insertCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n insertCallbackFunction(element);\n }\n\n return () => {\n if (typeof destroyCallbackFunction === 'function') {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n destroyCallbackFunction(element);\n }\n };\n }\n );\n\n constructor(owner: Owner, args: HdsStepperNavStepSignature['Args']) {\n super(owner, args);\n\n this._statusSrOnlyTextMap = HdsStepperNavStatusToSrOnlyText(this.hdsIntl);\n }\n\n get titleTag(): HdsStepperTitleTags {\n return this.args.titleTag ?? HdsStepperTitleTagValues.Div;\n }\n\n get isNavInteractive(): boolean {\n return this.args.isNavInteractive != undefined\n ? this.args.isNavInteractive\n : true;\n }\n\n get nodeIndex(): number \| undefined {\n return this.args.stepIds?.indexOf(this._stepId);\n }\n\n get stepNumber(): number \| undefined {\n return this.args.stepIds\n ? this.args.stepIds.indexOf(this._stepId) + 1\n : undefined;\n }\n\n get coupledPanelId(): string \| undefined {\n return this.nodeIndex !== undefined\n ? this.args.panelIds?.[this.nodeIndex]\n : undefined;\n }\n\n get status(): HdsStepperNavStatuses {\n if (this.nodeIndex != undefined && this.nodeIndex >= 0) {\n if (this.nodeIndex === this.args.currentStep) {\n return HdsStepperNavStatusesValues.Active;\n } else if (this.nodeIndex < this.args.currentStep) {\n return HdsStepperNavStatusesValues.Complete;\n } else {\n return HdsStepperNavStatusesValues.Incomplete;\n }\n } else {\n return HdsStepperNavStatusesValues.Incomplete;\n }\n }\n\n get stepIndicatorStatus(): HdsStepperStatuses {\n return MAPPING_STATUS_TO_INDICATOR_STATUS[this.status];\n }\n\n get statusSrOnlyText(): string {\n return this._statusSrOnlyTextMap![this.status];\n }\n\n get isInteractive(): boolean {\n return (\n this.isNavInteractive &&\n this.status === HdsStepperNavStatusesValues.Complete\n );\n }\n\n didInsertNode = (element: HTMLButtonElement): void => {\n const { didInsertNode } = this.args;\n\n if (typeof didInsertNode === 'function') {\n this._elementId = element.id;\n didInsertNode();\n }\n };\n\n willDestroyNode = (element: HTMLButtonElement): void => {\n const { willDestroyNode } = this.args;\n\n if (typeof willDestroyNode === 'function') {\n willDestroyNode(element);\n }\n };\n\n onStepChange = (event: MouseEvent): false \| undefined => {\n const { onStepChange } = this.args;\n\n if (\n this.isInteractive &&\n this.nodeIndex !== undefined &&\n typeof onStepChange === 'function'\n ) {\n onStepChange(event, this.nodeIndex);\n } else {\n return false;\n }\n };\n\n onKeyUp = (event: KeyboardEvent): void => {\n const { onKeyUp } = this.args;\n\n if (\n !(this.status === HdsStepperNavStatusesValues.Incomplete) &&\n this.nodeIndex !== undefined &&\n typeof onKeyUp === 'function'\n ) {\n onKeyUp(this.nodeIndex, event);\n }\n };\n\n get classNames(): string {\n const classes = ['hds-stepper-nav__step'];\n\n classes.push(`hds-stepper-nav__step--${this.status}`);\n\n if (this.isInteractive) {\n classes.push('hds-stepper-nav__step--interactive');\n }\n\n if (this.isNavInteractive) {\n classes.push('hds-stepper-nav__step--nav-interactive');\n }\n\n return classes.join(' ');\n }\n\n <template>\n {{! template-lint-disable require-context-role no-invalid-role }}\n {{! template-lint-disable require-presentational-children }}\n {{#if this.isNavInteractive}}\n <li\n class={{this.classNames}}\n ...attributes\n role={{if this.isNavInteractive \"presentation\"}}\n >\n <button\n class=\"hds-stepper-nav__step-content hds-stepper-nav__step-button\"\n id={{this._stepId}}\n tabindex={{unless (eq this.status \"active\") \"-1\"}}\n type=\"button\"\n role=\"tab\"\n aria-controls={{this.coupledPanelId}}\n aria-selected={{if (eq this.status \"active\") \"true\" \"false\"}}\n aria-disabled={{if (eq this.status \"incomplete\") \"true\" \"false\"}}\n {{on \"click\" this.onStepChange}}\n {{on \"keyup\" this.onKeyUp}}\n {{this._setUpStep this.didInsertNode this.willDestroyNode}}\n >\n <div class=\"hds-stepper-nav__step-progress\">\n <HdsStepperStepIndicator\n @text=\"{{this.stepNumber}}\"\n @status={{this.stepIndicatorStatus}}\n @isInteractive={{true}}\n class=\"hds-stepper-nav__step-indicator\"\n />\n </div>\n <div class=\"hds-stepper-nav__step-text\">\n <HdsTextBody\n class=\"hds-stepper-nav__step-title\"\n @tag={{this.titleTag}}\n @size=\"200\"\n @weight=\"semibold\"\n >\n {{yield to=\"title\"}}\n <span class=\"sr-only\">{{this.statusSrOnlyText}}</span>\n </HdsTextBody>\n {{#if (has-block \"description\")}}\n <HdsTextBody\n class=\"hds-stepper-nav__step-description\"\n @tag=\"div\"\n @size=\"100\"\n @weight=\"regular\"\n >\n {{yield to=\"description\"}}\n </HdsTextBody>\n {{/if}}\n </div>\n </button>\n </li>\n {{else}}\n <li\n class={{this.classNames}}\n ...attributes\n role={{if this.isNavInteractive \"presentation\"}}\n aria-current={{if (eq this.status \"active\") \"step\" \"false\"}}\n >\n <div\n class=\"hds-stepper-nav__step-content\"\n id={{this._stepId}}\n {{this._setUpStep this.didInsertNode this.willDestroyNode}}\n >\n <div class=\"hds-stepper-nav__step-progress\">\n <HdsStepperStepIndicator\n @text=\"{{this.stepNumber}}\"\n @status={{this.stepIndicatorStatus}}\n @isInteractive={{false}}\n aria-hidden=\"true\"\n class=\"hds-stepper-nav__step-indicator\"\n />\n </div>\n <div class=\"hds-stepper-nav__step-text\">\n <HdsTextBody\n class=\"hds-stepper-nav__step-title\"\n @tag={{this.titleTag}}\n @size=\"200\"\n @weight=\"semibold\"\n >\n {{yield to=\"title\"}}\n <span class=\"sr-only\">{{this.statusSrOnlyText}}</span>\n </HdsTextBody>\n {{#if (has-block \"description\")}}\n <HdsTextBody\n class=\"hds-stepper-nav__step-description\"\n @tag=\"div\"\n @size=\"100\"\n @weight=\"regular\"\n >\n {{yield to=\"description\"}}\n </HdsTextBody>\n {{/if}}\n </div>\n </div>\n </li>\n {{/if}}\n {{! template-lint-enable require-presentational-children }}\n {{! template-lint-enable require-context-role no-invalid-role }}\n </template>\n}\n"],"names":["MAPPING_STATUS_TO_INDICATOR_STATUS","HdsStepperNavStatusToIndicatorStatus","HdsStepperNavStep","Component","g","prototype","service","i","_statusSrOnlyTextMap","_stepId","guidFor","_elementId","_setUpStep","modifier","element","insertCallbackFunction","destroyCallbackFunction","constructor","owner","args","HdsStepperNavStatusToSrOnlyText","hdsIntl","titleTag","HdsStepperTitleTagValues","Div","isNavInteractive","undefined","nodeIndex","stepIds","indexOf","stepNumber","coupledPanelId","panelIds","status","currentStep","HdsStepperNavStatusesValues","Active","Complete","Incomplete","stepIndicatorStatus","statusSrOnlyText","isInteractive","didInsertNode","id","willDestroyNode","onStepChange","event","onKeyUp","classNames","classes","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","eq","on","HdsStepperStepIndicator","HdsTextBody"],"mappings":"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"}

package/dist/components/hds/stepper/step/indicator.js CHANGED Viewed

@@ -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 DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;

package/dist/components/hds/stepper/step/indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"indicator.js","sources":["../../../../../src/components/hds/stepper/step/indicator.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\nimport { HdsStepperStatusesValues } from '../types.ts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsStepperStatuses } from '../types.ts';\n\nexport const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;\nexport const STATUSES: HdsStepperStatuses[] = Object.values(\n HdsStepperStatusesValues\n);\n\nexport interface HdsStepperStepIndicatorSignature {\n Args: {\n status?: HdsStepperStatuses;\n isInteractive?: boolean;\n text?: string;\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsStepperStepIndicator extends Component<HdsStepperStepIndicatorSignature> {\n get status(): HdsStepperStatuses {\n const { status = DEFAULT_STATUS } = this.args;\n\n assert(\n `@status for \"Hds::Stepper::Step::Indicator\" must be one of the following: ${STATUSES.join(\n ', '\n )}; received: ${status}`,\n STATUSES.includes(status)\n );\n\n return status;\n }\n\n get isInteractive(): boolean {\n return this.args.isInteractive \|\| false;\n }\n\n get classNames(): string {\n const classes = ['hds-stepper-indicator-step'];\n\n // Based on the @status arg\n classes.push(`hds-stepper-indicator-step--status-${this.status}`);\n\n if (this.isInteractive) {\n classes.push(`hds-stepper-indicator-step--is-interactive`);\n }\n\n return classes.join(' ');\n }\n\n <template>\n <div class={{this.classNames}} ...attributes>\n <div class=\"hds-stepper-indicator-step__svg-hexagon\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n d=\"m3.664 6.264 6.99-4.42a2.5 2.5 0 0 1 2.67-.002l7.01 4.422A2.5 2.5 0 0 1 21.5 8.38v7.242a2.5 2.5 0 0 1-1.166 2.115l-7.01 4.422a2.5 2.5 0 0 1-2.67-.002l-6.99-4.42A2.5 2.5 0 0 1 2.5 15.623V8.377a2.5 2.5 0 0 1 1.164-2.113Z\"\n stroke-width=\"1\"\n ></path>\n </svg>\n </div>\n <div class=\"hds-stepper-indicator-step__status\">\n {{#if (eq @status \"processing\")}}\n <HdsIcon\n class=\"hds-stepper-indicator-step__icon\"\n @name=\"loading\"\n @size=\"16\"\n />\n {{else if (eq @status \"complete\")}}\n <HdsIcon\n class=\"hds-stepper-indicator-step__icon\"\n @name=\"check\"\n @size=\"16\"\n />\n {{else}}\n <HdsTextBody\n class=\"hds-stepper-indicator-step__text\"\n @tag=\"span\"\n @size=\"100\"\n @weight=\"medium\"\n >{{@text}}</HdsTextBody>\n {{/if}}\n </div>\n </div>\n </template>\n}\n"],"names":["DEFAULT_STATUS","HdsStepperStatusesValues","Incomplete","STATUSES","Object","values","HdsStepperStepIndicator","Component","status","args","assert","join","includes","isInteractive","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","eq","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAYM,MAAMA,cAAA,GAAiBC,wBAAA,CAAyBC;AAChD,MAAMC,QAAU,GAAuBC,MAAA,CAAOC,MAAM,CACzDJ,wBAAA;AAYa,MAAMK,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAA6B;IAC/B,MAAM;AAAEA,MAAAA,MAAA,GAASR;KAAgB,GAAG,IAAI,CAACS,IAAI;AAE7CC,IAAAA,MAAA,CACE,CAAA,0EAAA,EAA6EP,QAAA,CAASQ,IAAI,CACxF,IAAA,CAAA,CAAA,YAAA,EACcH,MAAA,CAAA,CAAQ,EACxBL,QAAA,CAASS,QAAQ,CAACJ,MAAA,CAAA,CAAA;AAGpB,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAIK,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,aAAa,IAAI,KAAA;AACpC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,4BAAA,CAA6B;AAE9C;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,mCAAA,EAAsC,IAAI,CAACR,MAAM,EAAE,CAAA;IAEhE,IAAI,IAAI,CAACK,aAAa,EAAE;AACtBE,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQJ,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,kgCAAA,EAwCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"indicator.js","sources":["../../../../../src/components/hds/stepper/step/indicator.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\nimport { HdsStepperStatusesValues } from '../types.ts';\nimport HdsIcon from '../../icon/index.gts';\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsStepperStatuses } from '../types.ts';\n\nexport const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;\nexport const STATUSES: HdsStepperStatuses[] = Object.values(\n HdsStepperStatusesValues\n);\n\nexport interface HdsStepperStepIndicatorSignature {\n Args: {\n status?: HdsStepperStatuses;\n isInteractive?: boolean;\n text?: string;\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsStepperStepIndicator extends Component<HdsStepperStepIndicatorSignature> {\n get status(): HdsStepperStatuses {\n const { status = DEFAULT_STATUS } = this.args;\n\n assert(\n `@status for \"Hds::Stepper::Step::Indicator\" must be one of the following: ${STATUSES.join(\n ', '\n )}; received: ${status}`,\n STATUSES.includes(status)\n );\n\n return status;\n }\n\n get isInteractive(): boolean {\n return this.args.isInteractive \|\| false;\n }\n\n get classNames(): string {\n const classes = ['hds-stepper-indicator-step'];\n\n // Based on the @status arg\n classes.push(`hds-stepper-indicator-step--status-${this.status}`);\n\n if (this.isInteractive) {\n classes.push(`hds-stepper-indicator-step--is-interactive`);\n }\n\n return classes.join(' ');\n }\n\n <template>\n <div class={{this.classNames}} ...attributes>\n <div class=\"hds-stepper-indicator-step__svg-hexagon\">\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n d=\"m3.664 6.264 6.99-4.42a2.5 2.5 0 0 1 2.67-.002l7.01 4.422A2.5 2.5 0 0 1 21.5 8.38v7.242a2.5 2.5 0 0 1-1.166 2.115l-7.01 4.422a2.5 2.5 0 0 1-2.67-.002l-6.99-4.42A2.5 2.5 0 0 1 2.5 15.623V8.377a2.5 2.5 0 0 1 1.164-2.113Z\"\n stroke-width=\"1\"\n ></path>\n </svg>\n </div>\n <div class=\"hds-stepper-indicator-step__status\">\n {{#if (eq @status \"processing\")}}\n <HdsIcon\n class=\"hds-stepper-indicator-step__icon\"\n @name=\"loading\"\n @size=\"16\"\n />\n {{else if (eq @status \"complete\")}}\n <HdsIcon\n class=\"hds-stepper-indicator-step__icon\"\n @name=\"check\"\n @size=\"16\"\n />\n {{else}}\n <HdsTextBody\n class=\"hds-stepper-indicator-step__text\"\n @tag=\"span\"\n @size=\"100\"\n @weight=\"medium\"\n >{{@text}}</HdsTextBody>\n {{/if}}\n </div>\n </div>\n </template>\n}\n"],"names":["DEFAULT_STATUS","HdsStepperStatusesValues","Incomplete","STATUSES","Object","values","HdsStepperStepIndicator","Component","status","args","assert","join","includes","isInteractive","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","eq","HdsIcon","HdsTextBody"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAYM,MAAMA,cAAA,GAAiBC,wBAAA,CAAyBC;AAChD,MAAMC,QAAU,GAAuBC,MAAA,CAAOC,MAAM,CACzDJ,wBAAA;AAYa,MAAMK,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAA6B;IAC/B,MAAM;AAAEA,MAAAA,MAAA,GAASR;KAAgB,GAAG,IAAI,CAACS,IAAI;AAE7CC,IAAAA,MAAA,CACE,CAAA,0EAAA,EAA6EP,QAAA,CAASQ,IAAI,CACxF,IAAA,CAAA,CAAA,YAAA,EACcH,MAAA,CAAA,CAAQ,EACxBL,QAAA,CAASS,QAAQ,CAACJ,MAAA,CAAA,CAAA;AAGpB,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAIK,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,aAAa,IAAI,KAAA;AACpC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,4BAAA,CAA6B;AAE9C;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,mCAAA,EAAsC,IAAI,CAACR,MAAM,EAAE,CAAA;IAEhE,IAAI,IAAI,CAACK,aAAa,EAAE;AACtBE,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQJ,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,kgCAAA,EAwCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/stepper/task/indicator.js CHANGED Viewed

@@ -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
  */
 const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;

package/dist/components/hds/stepper/task/indicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"indicator.js","sources":["../../../../../src/components/hds/stepper/task/indicator.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';\n\nimport {\n HdsStepperStatusesValues,\n HdsStepperStatusToIconsValues,\n} from '../types.ts';\nimport HdsIcon from '../../icon/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsStepperStatuses } from '../types.ts';\n\nexport const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;\nexport const STATUSES: HdsStepperStatuses[] = Object.values(\n HdsStepperStatusesValues\n);\n\nexport const MAPPING_STATUS_TO_ICONS = HdsStepperStatusToIconsValues;\n\nexport interface HdsStepperTaskIndicatorSignature {\n Args: {\n status?: HdsStepperStatuses;\n isInteractive?: boolean;\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsStepperTaskIndicator extends Component<HdsStepperTaskIndicatorSignature> {\n get status(): HdsStepperStatuses {\n const { status = DEFAULT_STATUS } = this.args;\n\n assert(\n `@status for \"Hds::Stepper::Task::Indicator\" must be one of the following: ${STATUSES.join(\n ', '\n )}; received: ${status}`,\n STATUSES.includes(status)\n );\n\n return status;\n }\n\n get isInteractive(): boolean {\n return this.args.isInteractive \|\| false;\n }\n\n get iconName(): HdsIconSignature['Args']['name'] {\n return MAPPING_STATUS_TO_ICONS[this.status];\n }\n\n get classNames(): string {\n const classes = ['hds-stepper-indicator-task'];\n\n // Based on the @status arg\n classes.push(`hds-stepper-indicator-task--status-${this.status}`);\n\n if (this.isInteractive) {\n classes.push(`hds-stepper-indicator-task--is-interactive`);\n }\n\n return classes.join(' ');\n }\n\n <template>\n <div class={{this.classNames}} ...attributes>\n <HdsIcon\n class=\"hds-stepper-indicator-task__icon\"\n @name={{this.iconName}}\n @size=\"16\"\n />\n </div>\n </template>\n}\n"],"names":["DEFAULT_STATUS","HdsStepperStatusesValues","Incomplete","STATUSES","Object","values","MAPPING_STATUS_TO_ICONS","HdsStepperStatusToIconsValues","HdsStepperTaskIndicator","Component","status","args","assert","join","includes","isInteractive","iconName","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon"],"mappings":";;;;;;;AAAA;;;AAGC;AAcM,MAAMA,cAAA,GAAiBC,wBAAA,CAAyBC;AAChD,MAAMC,QAAU,GAAuBC,MAAA,CAAOC,MAAM,CACzDJ,wBAAA;AAGK,MAAMK,0BAA0BC;AAUxB,MAAMC,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAA6B;IAC/B,MAAM;AAAEA,MAAAA,MAAA,GAASV;KAAgB,GAAG,IAAI,CAACW,IAAI;AAE7CC,IAAAA,MAAA,CACE,CAAA,0EAAA,EAA6ET,QAAA,CAASU,IAAI,CACxF,IAAA,CAAA,CAAA,YAAA,EACcH,MAAA,CAAA,CAAQ,EACxBP,QAAA,CAASW,QAAQ,CAACJ,MAAA,CAAA,CAAA;AAGpB,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAIK,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,aAAa,IAAI,KAAA;AACpC,EAAA;EAEA,IAAIC,QAAAA,GAA6C;AAC/C,IAAA,OAAOV,uBAAuB,CAAC,IAAI,CAACI,MAAM,CAAC;AAC7C,EAAA;EAEA,IAAIO,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,4BAAA,CAA6B;AAE9C;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,mCAAA,EAAsC,IAAI,CAACT,MAAM,EAAE,CAAA;IAEhE,IAAI,IAAI,CAACK,aAAa,EAAE;AACtBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQL,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,sJAAA,EAQA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"indicator.js","sources":["../../../../../src/components/hds/stepper/task/indicator.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';\n\nimport {\n HdsStepperStatusesValues,\n HdsStepperStatusToIconsValues,\n} from '../types.ts';\nimport HdsIcon from '../../icon/index.gts';\n\nimport type { HdsIconSignature } from '../../icon/index.gts';\nimport type { HdsStepperStatuses } from '../types.ts';\n\nexport const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;\nexport const STATUSES: HdsStepperStatuses[] = Object.values(\n HdsStepperStatusesValues\n);\n\nexport const MAPPING_STATUS_TO_ICONS = HdsStepperStatusToIconsValues;\n\nexport interface HdsStepperTaskIndicatorSignature {\n Args: {\n status?: HdsStepperStatuses;\n isInteractive?: boolean;\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsStepperTaskIndicator extends Component<HdsStepperTaskIndicatorSignature> {\n get status(): HdsStepperStatuses {\n const { status = DEFAULT_STATUS } = this.args;\n\n assert(\n `@status for \"Hds::Stepper::Task::Indicator\" must be one of the following: ${STATUSES.join(\n ', '\n )}; received: ${status}`,\n STATUSES.includes(status)\n );\n\n return status;\n }\n\n get isInteractive(): boolean {\n return this.args.isInteractive \|\| false;\n }\n\n get iconName(): HdsIconSignature['Args']['name'] {\n return MAPPING_STATUS_TO_ICONS[this.status];\n }\n\n get classNames(): string {\n const classes = ['hds-stepper-indicator-task'];\n\n // Based on the @status arg\n classes.push(`hds-stepper-indicator-task--status-${this.status}`);\n\n if (this.isInteractive) {\n classes.push(`hds-stepper-indicator-task--is-interactive`);\n }\n\n return classes.join(' ');\n }\n\n <template>\n <div class={{this.classNames}} ...attributes>\n <HdsIcon\n class=\"hds-stepper-indicator-task__icon\"\n @name={{this.iconName}}\n @size=\"16\"\n />\n </div>\n </template>\n}\n"],"names":["DEFAULT_STATUS","HdsStepperStatusesValues","Incomplete","STATUSES","Object","values","MAPPING_STATUS_TO_ICONS","HdsStepperStatusToIconsValues","HdsStepperTaskIndicator","Component","status","args","assert","join","includes","isInteractive","iconName","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode","scope","HdsIcon"],"mappings":";;;;;;;AAAA;;;AAGC;AAcM,MAAMA,cAAA,GAAiBC,wBAAA,CAAyBC;AAChD,MAAMC,QAAU,GAAuBC,MAAA,CAAOC,MAAM,CACzDJ,wBAAA;AAGK,MAAMK,0BAA0BC;AAUxB,MAAMC,gCAAgCC,SAAA,CAAU;EAC7D,IAAIC,SAA6B;IAC/B,MAAM;AAAEA,MAAAA,MAAA,GAASV;KAAgB,GAAG,IAAI,CAACW,IAAI;AAE7CC,IAAAA,MAAA,CACE,CAAA,0EAAA,EAA6ET,QAAA,CAASU,IAAI,CACxF,IAAA,CAAA,CAAA,YAAA,EACcH,MAAA,CAAA,CAAQ,EACxBP,QAAA,CAASW,QAAQ,CAACJ,MAAA,CAAA,CAAA;AAGpB,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAIK,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,aAAa,IAAI,KAAA;AACpC,EAAA;EAEA,IAAIC,QAAAA,GAA6C;AAC/C,IAAA,OAAOV,uBAAuB,CAAC,IAAI,CAACI,MAAM,CAAC;AAC7C,EAAA;EAEA,IAAIO,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,4BAAA,CAA6B;AAE9C;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,mCAAA,EAAsC,IAAI,CAACT,MAAM,EAAE,CAAA;IAEhE,IAAI,IAAI,CAACK,aAAa,EAAE;AACtBG,MAAAA,OAAA,CAAQC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAA;AAC3D,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQL,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAO,oBAAA,CAAAC,kBAAA,CAAA,sJAAA,EAQA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/stepper/types.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */

package/dist/components/hds/stepper/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../../src/components/hds/stepper/types.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2021, ~~2025~~\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { HdsIconSignature } from '../icon/index.gts';\nimport type HdsIntlService from '../../../services/hds-intl';\n\nexport enum HdsStepperStatusesValues {\n Incomplete = 'incomplete',\n Progress = 'progress',\n Processing = 'processing',\n Complete = 'complete',\n}\n\nexport type HdsStepperStatuses = `${HdsStepperStatusesValues}`;\n\nexport const HdsStepperStatusToIconsValues: Record<\n HdsStepperStatusesValues,\n HdsIconSignature['Args']['name']\n> = {\n [HdsStepperStatusesValues.Incomplete]: 'circle',\n [HdsStepperStatusesValues.Progress]: 'circle-half',\n [HdsStepperStatusesValues.Processing]: 'loading',\n [HdsStepperStatusesValues.Complete]: 'check-circle',\n};\n\nexport function HdsStepperStatusToSrOnlyText(\n hdsIntl: HdsIntlService\n): Record<HdsStepperStatusesValues, string> {\n return {\n [HdsStepperStatusesValues.Incomplete]: '',\n [HdsStepperStatusesValues.Progress]: hdsIntl.t(\n 'hds.components.stepper.progress',\n {\n default: '(current)',\n }\n ),\n [HdsStepperStatusesValues.Processing]: hdsIntl.t(\n 'hds.components.stepper.processing',\n {\n default: '(in progress)',\n }\n ),\n [HdsStepperStatusesValues.Complete]: hdsIntl.t(\n 'hds.components.stepper.complete',\n {\n default: '(complete)',\n }\n ),\n };\n}\n\nexport enum HdsStepperTitleTagValues {\n Div = 'div',\n H1 = 'h1',\n H2 = 'h2',\n H3 = 'h3',\n H4 = 'h4',\n H5 = 'h5',\n H6 = 'h6',\n}\n\nexport type HdsStepperTitleTags = `${HdsStepperTitleTagValues}`;\n\nexport type HdsStepperNavStepIds = string[];\n\nexport interface HdsStepperNavStep {\n title: string;\n description?: string;\n}\n\nexport enum HdsStepperNavStatusesValues {\n Incomplete = 'incomplete',\n Active = 'active',\n Complete = 'complete',\n}\n\nexport type HdsStepperNavStatuses = `${HdsStepperNavStatusesValues}`;\n\nexport const HdsStepperNavStatusToIndicatorStatus: Record<\n HdsStepperNavStatusesValues,\n HdsStepperStatusesValues\n> = {\n [HdsStepperNavStatusesValues.Incomplete]: HdsStepperStatusesValues.Incomplete,\n [HdsStepperNavStatusesValues.Active]: HdsStepperStatusesValues.Progress,\n [HdsStepperNavStatusesValues.Complete]: HdsStepperStatusesValues.Complete,\n};\n\nexport function HdsStepperNavStatusToSrOnlyText(\n hdsIntl: HdsIntlService\n): Record<HdsStepperNavStatusesValues, string> {\n return {\n [HdsStepperNavStatusesValues.Incomplete]: '',\n [HdsStepperNavStatusesValues.Active]: hdsIntl.t(\n 'hds.components.stepper.nav.active',\n {\n default: '(current)',\n }\n ),\n [HdsStepperNavStatusesValues.Complete]: hdsIntl.t(\n 'hds.components.stepper.nav.complete',\n { default: '(complete)' }\n ),\n };\n}\n\nexport type HdsStepperNavPanelIds = string[];\n\nexport type HdsStepperListStepIds = string[];\n"],"names":["HdsStepperStatusesValues","HdsStepperStatusToIconsValues","Incomplete","Progress","Processing","Complete","HdsStepperStatusToSrOnlyText","hdsIntl","t","default","HdsStepperTitleTagValues","HdsStepperNavStatusesValues","HdsStepperNavStatusToIndicatorStatus","Active","HdsStepperNavStatusToSrOnlyText"],"mappings":"AAAA;AACA;AACA;AACA;;AAIA,IAAYA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,YAAA,CAAA,GAAA,YAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAxBA,wBAAwB,CAAA,YAAA,CAAA,GAAA,YAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AAS7B,MAAMC,6BAGZ,GAAG;AACF,EAAA,CAACD,wBAAwB,CAACE,UAAU,GAAG,QAAQ;AAC/C,EAAA,CAACF,wBAAwB,CAACG,QAAQ,GAAG,aAAa;AAClD,EAAA,CAACH,wBAAwB,CAACI,UAAU,GAAG,SAAS;EAChD,CAACJ,wBAAwB,CAACK,QAAQ,GAAG;AACvC;AAEO,SAASC,4BAA4BA,CAC1CC,OAAuB,EACmB;EAC1C,OAAO;AACL,IAAA,CAACP,wBAAwB,CAACE,UAAU,GAAG,EAAE;IACzC,CAACF,wBAAwB,CAACG,QAAQ,GAAGI,OAAO,CAACC,CAAC,CAC5C,iCAAiC,EACjC;AACEC,MAAAA,OAAO,EAAE;AACX,KACF,CAAC;IACD,CAACT,wBAAwB,CAACI,UAAU,GAAGG,OAAO,CAACC,CAAC,CAC9C,mCAAmC,EACnC;AACEC,MAAAA,OAAO,EAAE;AACX,KACF,CAAC;IACD,CAACT,wBAAwB,CAACK,QAAQ,GAAGE,OAAO,CAACC,CAAC,CAC5C,iCAAiC,EACjC;AACEC,MAAAA,OAAO,EAAE;KAEb;GACD;AACH;AAEA,IAAYC,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,KAAA,CAAA,GAAA,KAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AAmBpC,IAAYC,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,YAAA,CAAA,GAAA,YAAA;EAA3BA,2BAA2B,CAAA,QAAA,CAAA,GAAA,QAAA;EAA3BA,2BAA2B,CAAA,UAAA,CAAA,GAAA,UAAA;AAAA,EAAA,OAA3BA,2BAA2B;AAAA,CAAA,CAAA,EAAA;AAQhC,MAAMC,oCAGZ,GAAG;AACF,EAAA,CAACD,2BAA2B,CAACT,UAAU,GAAGF,wBAAwB,CAACE,UAAU;AAC7E,EAAA,CAACS,2BAA2B,CAACE,MAAM,GAAGb,wBAAwB,CAACG,QAAQ;AACvE,EAAA,CAACQ,2BAA2B,CAACN,QAAQ,GAAGL,wBAAwB,CAACK;AACnE;AAEO,SAASS,+BAA+BA,CAC7CP,OAAuB,EACsB;EAC7C,OAAO;AACL,IAAA,CAACI,2BAA2B,CAACT,UAAU,GAAG,EAAE;IAC5C,CAACS,2BAA2B,CAACE,MAAM,GAAGN,OAAO,CAACC,CAAC,CAC7C,mCAAmC,EACnC;AACEC,MAAAA,OAAO,EAAE;AACX,KACF,CAAC;IACD,CAACE,2BAA2B,CAACN,QAAQ,GAAGE,OAAO,CAACC,CAAC,CAC/C,qCAAqC,EACrC;AAAEC,MAAAA,OAAO,EAAE;KACb;GACD;AACH;;;;"}
1	+ {"version":3,"file":"types.js","sources":["../../../../src/components/hds/stepper/types.ts"],"sourcesContent":["/*\n Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\nimport type { HdsIconSignature } from '../icon/index.gts';\nimport type HdsIntlService from '../../../services/hds-intl';\n\nexport enum HdsStepperStatusesValues {\n Incomplete = 'incomplete',\n Progress = 'progress',\n Processing = 'processing',\n Complete = 'complete',\n}\n\nexport type HdsStepperStatuses = `${HdsStepperStatusesValues}`;\n\nexport const HdsStepperStatusToIconsValues: Record<\n HdsStepperStatusesValues,\n HdsIconSignature['Args']['name']\n> = {\n [HdsStepperStatusesValues.Incomplete]: 'circle',\n [HdsStepperStatusesValues.Progress]: 'circle-half',\n [HdsStepperStatusesValues.Processing]: 'loading',\n [HdsStepperStatusesValues.Complete]: 'check-circle',\n};\n\nexport function HdsStepperStatusToSrOnlyText(\n hdsIntl: HdsIntlService\n): Record<HdsStepperStatusesValues, string> {\n return {\n [HdsStepperStatusesValues.Incomplete]: '',\n [HdsStepperStatusesValues.Progress]: hdsIntl.t(\n 'hds.components.stepper.progress',\n {\n default: '(current)',\n }\n ),\n [HdsStepperStatusesValues.Processing]: hdsIntl.t(\n 'hds.components.stepper.processing',\n {\n default: '(in progress)',\n }\n ),\n [HdsStepperStatusesValues.Complete]: hdsIntl.t(\n 'hds.components.stepper.complete',\n {\n default: '(complete)',\n }\n ),\n };\n}\n\nexport enum HdsStepperTitleTagValues {\n Div = 'div',\n H1 = 'h1',\n H2 = 'h2',\n H3 = 'h3',\n H4 = 'h4',\n H5 = 'h5',\n H6 = 'h6',\n}\n\nexport type HdsStepperTitleTags = `${HdsStepperTitleTagValues}`;\n\nexport type HdsStepperNavStepIds = string[];\n\nexport interface HdsStepperNavStep {\n title: string;\n description?: string;\n}\n\nexport enum HdsStepperNavStatusesValues {\n Incomplete = 'incomplete',\n Active = 'active',\n Complete = 'complete',\n}\n\nexport type HdsStepperNavStatuses = `${HdsStepperNavStatusesValues}`;\n\nexport const HdsStepperNavStatusToIndicatorStatus: Record<\n HdsStepperNavStatusesValues,\n HdsStepperStatusesValues\n> = {\n [HdsStepperNavStatusesValues.Incomplete]: HdsStepperStatusesValues.Incomplete,\n [HdsStepperNavStatusesValues.Active]: HdsStepperStatusesValues.Progress,\n [HdsStepperNavStatusesValues.Complete]: HdsStepperStatusesValues.Complete,\n};\n\nexport function HdsStepperNavStatusToSrOnlyText(\n hdsIntl: HdsIntlService\n): Record<HdsStepperNavStatusesValues, string> {\n return {\n [HdsStepperNavStatusesValues.Incomplete]: '',\n [HdsStepperNavStatusesValues.Active]: hdsIntl.t(\n 'hds.components.stepper.nav.active',\n {\n default: '(current)',\n }\n ),\n [HdsStepperNavStatusesValues.Complete]: hdsIntl.t(\n 'hds.components.stepper.nav.complete',\n { default: '(complete)' }\n ),\n };\n}\n\nexport type HdsStepperNavPanelIds = string[];\n\nexport type HdsStepperListStepIds = string[];\n"],"names":["HdsStepperStatusesValues","HdsStepperStatusToIconsValues","Incomplete","Progress","Processing","Complete","HdsStepperStatusToSrOnlyText","hdsIntl","t","default","HdsStepperTitleTagValues","HdsStepperNavStatusesValues","HdsStepperNavStatusToIndicatorStatus","Active","HdsStepperNavStatusToSrOnlyText"],"mappings":"AAAA;AACA;AACA;AACA;;AAIA,IAAYA,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,YAAA,CAAA,GAAA,YAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;EAAxBA,wBAAwB,CAAA,YAAA,CAAA,GAAA,YAAA;EAAxBA,wBAAwB,CAAA,UAAA,CAAA,GAAA,UAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AAS7B,MAAMC,6BAGZ,GAAG;AACF,EAAA,CAACD,wBAAwB,CAACE,UAAU,GAAG,QAAQ;AAC/C,EAAA,CAACF,wBAAwB,CAACG,QAAQ,GAAG,aAAa;AAClD,EAAA,CAACH,wBAAwB,CAACI,UAAU,GAAG,SAAS;EAChD,CAACJ,wBAAwB,CAACK,QAAQ,GAAG;AACvC;AAEO,SAASC,4BAA4BA,CAC1CC,OAAuB,EACmB;EAC1C,OAAO;AACL,IAAA,CAACP,wBAAwB,CAACE,UAAU,GAAG,EAAE;IACzC,CAACF,wBAAwB,CAACG,QAAQ,GAAGI,OAAO,CAACC,CAAC,CAC5C,iCAAiC,EACjC;AACEC,MAAAA,OAAO,EAAE;AACX,KACF,CAAC;IACD,CAACT,wBAAwB,CAACI,UAAU,GAAGG,OAAO,CAACC,CAAC,CAC9C,mCAAmC,EACnC;AACEC,MAAAA,OAAO,EAAE;AACX,KACF,CAAC;IACD,CAACT,wBAAwB,CAACK,QAAQ,GAAGE,OAAO,CAACC,CAAC,CAC5C,iCAAiC,EACjC;AACEC,MAAAA,OAAO,EAAE;KAEb;GACD;AACH;AAEA,IAAYC,wBAAwB,0BAAxBA,wBAAwB,EAAA;EAAxBA,wBAAwB,CAAA,KAAA,CAAA,GAAA,KAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;EAAxBA,wBAAwB,CAAA,IAAA,CAAA,GAAA,IAAA;AAAA,EAAA,OAAxBA,wBAAwB;AAAA,CAAA,CAAA,EAAA;AAmBpC,IAAYC,2BAA2B,0BAA3BA,2BAA2B,EAAA;EAA3BA,2BAA2B,CAAA,YAAA,CAAA,GAAA,YAAA;EAA3BA,2BAA2B,CAAA,QAAA,CAAA,GAAA,QAAA;EAA3BA,2BAA2B,CAAA,UAAA,CAAA,GAAA,UAAA;AAAA,EAAA,OAA3BA,2BAA2B;AAAA,CAAA,CAAA,EAAA;AAQhC,MAAMC,oCAGZ,GAAG;AACF,EAAA,CAACD,2BAA2B,CAACT,UAAU,GAAGF,wBAAwB,CAACE,UAAU;AAC7E,EAAA,CAACS,2BAA2B,CAACE,MAAM,GAAGb,wBAAwB,CAACG,QAAQ;AACvE,EAAA,CAACQ,2BAA2B,CAACN,QAAQ,GAAGL,wBAAwB,CAACK;AACnE;AAEO,SAASS,+BAA+BA,CAC7CP,OAAuB,EACsB;EAC7C,OAAO;AACL,IAAA,CAACI,2BAA2B,CAACT,UAAU,GAAG,EAAE;IAC5C,CAACS,2BAA2B,CAACE,MAAM,GAAGN,OAAO,CAACC,CAAC,CAC7C,mCAAmC,EACnC;AACEC,MAAAA,OAAO,EAAE;AACX,KACF,CAAC;IACD,CAACE,2BAA2B,CAACN,QAAQ,GAAGE,OAAO,CAACC,CAAC,CAC/C,qCAAqC,EACrC;AAAEC,MAAAA,OAAO,EAAE;KACb;GACD;AACH;;;;"}

package/dist/components/hds/table/index.js CHANGED Viewed

@@ -15,7 +15,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 DENSITIES = Object.values(HdsTableDensityValues);

package/dist/components/hds/table/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/hds/table/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 { service } from '@ember/service';\nimport { tracked } from '@glimmer/tracking';\nimport { fn, hash } from '@ember/helper';\nimport { eq } from 'ember-truth-helpers';\nimport { sortBy } from '@nullvoxpopuli/ember-composable-helpers';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport {\n HdsTableDensityValues,\n HdsTableThSortOrderValues,\n HdsTableVerticalAlignmentValues,\n} from './types.ts';\nimport HdsTableTr from './tr.gts';\nimport HdsTableTh from './th.gts';\nimport HdsTableThSort from './th-sort.gts';\nimport HdsTableTd from './td.gts';\n\nimport type {\n HdsTableColumn,\n HdsTableDensities,\n HdsTableHorizontalAlignment,\n HdsTableOnSelectionChangeSignature,\n HdsTableSelectableRow,\n HdsTableSortingFunction,\n HdsTableThSortOrder,\n HdsTableVerticalAlignment,\n HdsTableModel,\n} from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base.gts';\nimport type HdsIntlService from '../../../services/hds-intl.ts';\n\nexport const DENSITIES: HdsTableDensities[] = Object.values(\n HdsTableDensityValues\n);\nexport const DEFAULT_DENSITY = HdsTableDensityValues.Medium;\n\nexport const VALIGNMENTS: HdsTableVerticalAlignment[] = Object.values(\n HdsTableVerticalAlignmentValues\n);\nexport const DEFAULT_VALIGN = HdsTableVerticalAlignmentValues.Top;\n\nexport interface HdsTableSignature<T = HdsTableModel> {\n Args: {\n align?: HdsTableHorizontalAlignment;\n caption?: string;\n columns?: HdsTableColumn[];\n density?: HdsTableDensities;\n identityKey?: string;\n isFixedLayout?: boolean;\n isSelectable?: boolean;\n isStriped?: boolean;\n model?: T[];\n onSelectionChange?: (selection: HdsTableOnSelectionChangeSignature) => void;\n onSort?: (sortBy: string, sortOrder: HdsTableThSortOrder) => void;\n selectionAriaLabelSuffix?: string;\n sortBy?: string;\n selectableColumnKey?: string;\n sortedMessageText?: string;\n sortOrder?: HdsTableThSortOrder;\n valign?: HdsTableVerticalAlignment;\n };\n Blocks: {\n head?: [\n {\n Tr?: WithBoundArgs<\n typeof HdsTableTr,\n \| 'selectionScope'\n \| 'isSelectable'\n \| 'onSelectionChange'\n \| 'didInsert'\n \| 'willDestroy'\n \| 'selectionAriaLabelSuffix'\n \| 'onClickSortBySelected'\n \| 'sortBySelectedOrder'\n >;\n Th?: typeof HdsTableTh;\n ThSort?: typeof HdsTableThSort;\n sortBy?: string;\n sortOrder?: HdsTableThSortOrder;\n setSortBy?: (column: string) => void;\n },\n ];\n body?: [\n {\n Td?: WithBoundArgs<typeof HdsTableTd, 'align'>;\n Tr?: WithBoundArgs<\n typeof HdsTableTr,\n \| 'selectionScope'\n \| 'isSelectable'\n \| 'onSelectionChange'\n \| 'didInsert'\n \| 'willDestroy'\n \| 'selectionAriaLabelSuffix'\n >;\n Th?: WithBoundArgs<typeof HdsTableTh, 'scope'>;\n data?: T;\n rowIndex?: number;\n sortBy?: string;\n sortOrder?: HdsTableThSortOrder;\n },\n ];\n };\n Element: HTMLTableElement;\n}\n\nexport default class HdsTable<T = HdsTableModel> extends Component<\n HdsTableSignature<T>\n> {\n @service declare readonly hdsIntl: HdsIntlService;\n\n @tracked sortBy;\n @tracked sortOrder;\n @tracked\n private _selectAllCheckbox?: HdsFormCheckboxBaseSignature['Element'] =\n undefined;\n private _selectableRows: HdsTableSelectableRow[] = [];\n @tracked private _isSelectAllCheckboxSelected?: boolean = undefined;\n\n constructor(owner: Owner, args: HdsTableSignature<T>['Args']) {\n super(owner, args);\n this.sortBy = this.args.sortBy ?? undefined;\n this.sortOrder = this.args.sortOrder ?? HdsTableThSortOrderValues.Asc;\n }\n\n get getSortCriteria(): string \| HdsTableSortingFunction<unknown> {\n // get the current column\n const currentColumn = this.args?.columns?.find(\n (column) => column.key === this.sortBy\n );\n if (\n // check if there is a custom sorting function associated with the current `sortBy` column (we assume the column has `isSortable`)\n currentColumn?.sortingFunction &&\n typeof currentColumn.sortingFunction === 'function'\n ) {\n return currentColumn.sortingFunction;\n } else {\n // otherwise fallback to the default format \"sortBy:sortOrder\"\n return `${this.sortBy}:${this.sortOrder}`;\n }\n }\n\n get identityKey(): string \| undefined {\n // we have to provide a way for the consumer to pass undefined because Ember tries to interpret undefined as missing an arg and therefore falls back to the default\n if (this.args.identityKey === 'none') {\n return undefined;\n } else {\n return this.args.identityKey ?? '@identity';\n }\n }\n\n get sortedMessageText(): string {\n if (this.args.sortedMessageText) {\n return this.args.sortedMessageText;\n } else if (this.sortBy && this.sortOrder) {\n // we should allow the user to define a custom value here (e.g., for i18n) - tracked with HDS-965\n const translatedSortOrder = {\n [HdsTableThSortOrderValues.Asc]: this.hdsIntl.t(\n 'hds.components.common.ascending',\n { default: 'ascending' }\n ),\n [HdsTableThSortOrderValues.Desc]: this.hdsIntl.t(\n 'hds.components.common.descending',\n { default: 'descending' }\n ),\n }[this.sortOrder];\n const lowerCaseTranslatedSortOrder = translatedSortOrder.toLowerCase();\n\n return this.hdsIntl.t('hds.components.table.sorted-message-text', {\n sortBy: this.sortBy,\n sortOrder: lowerCaseTranslatedSortOrder,\n default: `Sorted by ${this.sortBy} ${lowerCaseTranslatedSortOrder}`,\n });\n } else {\n return '';\n }\n }\n\n get isStriped(): boolean {\n return this.args.isStriped ?? false;\n }\n\n get isFixedLayout(): boolean {\n return this.args.isFixedLayout ?? false;\n }\n\n get density(): HdsTableDensities {\n const { density = DEFAULT_DENSITY } = this.args;\n\n assert(\n `@density for \"Hds::Table\" must be one of the following: ${DENSITIES.join(\n ', '\n )}; received: ${density}`,\n DENSITIES.includes(density)\n );\n\n return density;\n }\n\n get valign(): HdsTableVerticalAlignment {\n const { valign = DEFAULT_VALIGN } = this.args;\n\n assert(\n `@valign for \"Hds::Table\" must be one of the following: ${VALIGNMENTS.join(\n ', '\n )}; received: ${valign}`,\n VALIGNMENTS.includes(valign)\n );\n\n return valign;\n }\n\n get classNames(): string {\n const classes = ['hds-table'];\n\n // add a class based on the @isStriped argument\n if (this.isStriped) {\n classes.push('hds-table--striped');\n }\n\n // add a class based on the @isFixedLayout argument\n if (this.isFixedLayout) {\n classes.push('hds-table--layout-fixed');\n }\n\n // add a class based on the @density argument\n if (this.density) {\n classes.push(`hds-table--density-${this.density}`);\n }\n\n // add a class based on the @valign argument\n if (this.valign) {\n classes.push(`hds-table--valign-${this.valign}`);\n }\n\n return classes.join(' ');\n }\n\n setSortBy = (column: string): void => {\n if (this.sortBy === column) {\n // check to see if the column is already sorted and invert the sort order if so\n this.sortOrder =\n this.sortOrder === HdsTableThSortOrderValues.Asc\n ? HdsTableThSortOrderValues.Desc\n : HdsTableThSortOrderValues.Asc;\n } else {\n // otherwise, set the sort order to ascending\n this.sortBy = column;\n this.sortOrder = HdsTableThSortOrderValues.Asc;\n }\n\n const { onSort } = this.args;\n\n if (typeof onSort === 'function') {\n onSort(this.sortBy, this.sortOrder);\n }\n };\n\n onSelectionChangeCallback = (\n checkbox?: HdsFormCheckboxBaseSignature['Element'],\n selectionKey?: string\n ): void => {\n const { onSelectionChange } = this.args;\n if (typeof onSelectionChange === 'function') {\n onSelectionChange({\n selectionKey: selectionKey,\n selectionCheckboxElement: checkbox,\n selectedRowsKeys: this._selectableRows.reduce<string[]>((acc, row) => {\n if (row.checkbox.checked) {\n acc.push(row.selectionKey);\n }\n return acc;\n }, []),\n selectableRowsStates: this._selectableRows.reduce(\n (\n acc: { selectionKey: string; isSelected: boolean \| undefined }[],\n row\n ) => {\n acc.push({\n selectionKey: row.selectionKey,\n isSelected: row.checkbox.checked,\n });\n return acc;\n },\n []\n ),\n });\n }\n };\n\n onSelectionAllChange = (): void => {\n this._selectableRows.forEach((row) => {\n row.checkbox.checked = this._selectAllCheckbox?.checked ?? false;\n });\n this._isSelectAllCheckboxSelected =\n this._selectAllCheckbox?.checked ?? false;\n this.onSelectionChangeCallback(this._selectAllCheckbox, 'all');\n };\n\n onSelectionRowChange = (\n checkbox?: HdsFormCheckboxBaseSignature['Element'],\n selectionKey?: string\n ): void => {\n this.setSelectAllState();\n this.onSelectionChangeCallback(checkbox, selectionKey);\n };\n\n didInsertSelectAllCheckbox = (\n checkbox: HdsFormCheckboxBaseSignature['Element']\n ): void => {\n this._selectAllCheckbox = checkbox;\n };\n\n willDestroySelectAllCheckbox = (): void => {\n this._selectAllCheckbox = undefined;\n };\n\n didInsertRowCheckbox = (\n checkbox: HdsFormCheckboxBaseSignature['Element'],\n selectionKey?: string\n ): void => {\n if (selectionKey) {\n this._selectableRows.push({ selectionKey, checkbox });\n }\n this.setSelectAllState();\n };\n\n willDestroyRowCheckbox = (selectionKey?: string): void => {\n if (selectionKey === undefined) {\n return;\n }\n\n const index = this._selectableRows.findIndex(\n (row): boolean => row.selectionKey === selectionKey\n );\n\n if (index === -1) {\n return;\n }\n\n this._selectableRows.splice(index, 1);\n\n this.setSelectAllState();\n };\n\n setSelectAllState = (): void => {\n if (this._selectAllCheckbox) {\n const selectableRowsCount = this._selectableRows.length;\n const selectedRowsCount = this._selectableRows.filter(\n (row) => row.checkbox.checked\n ).length;\n\n this._selectAllCheckbox.checked =\n selectedRowsCount === selectableRowsCount;\n this._selectAllCheckbox.indeterminate =\n selectedRowsCount > 0 && selectedRowsCount < selectableRowsCount;\n this._isSelectAllCheckboxSelected = this._selectAllCheckbox.checked;\n }\n };\n\n <template>\n <table class={{this.classNames}} ...attributes>\n {{#if @columns}}\n <caption class=\"sr-only\" aria-live=\"polite\">{{@caption}}\n {{this.sortedMessageText}}</caption>\n {{else if @caption}}\n <caption class=\"sr-only\">{{@caption}}</caption>\n {{/if}}\n\n <thead class=\"hds-table__thead\">\n {{#if @columns}}\n <HdsTableTr\n @selectionScope=\"col\"\n @onClickSortBySelected={{if\n @selectableColumnKey\n (fn this.setSortBy @selectableColumnKey)\n }}\n @sortBySelectedOrder={{if\n (eq this.sortBy @selectableColumnKey)\n this.sortOrder\n }}\n @isSelectable={{@isSelectable}}\n @onSelectionChange={{this.onSelectionAllChange}}\n @didInsert={{this.didInsertSelectAllCheckbox}}\n @willDestroy={{this.willDestroySelectAllCheckbox}}\n @selectionAriaLabelSuffix=\"all rows\"\n >\n {{#each @columns as \|column\|}}\n {{#if column.isSortable}}\n <HdsTableThSort\n @sortOrder={{if (eq column.key this.sortBy) this.sortOrder}}\n @onClickSort={{fn this.setSortBy column.key}}\n @align={{column.align}}\n @width={{column.width}}\n @tooltip={{column.tooltip}}\n >\n {{column.label}}\n </HdsTableThSort>\n {{else}}\n <HdsTableTh\n @align={{column.align}}\n @width={{column.width}}\n @tooltip={{column.tooltip}}\n @isVisuallyHidden={{column.isVisuallyHidden}}\n >{{column.label}}</HdsTableTh>\n {{/if}}\n {{/each}}\n </HdsTableTr>\n {{else}}\n {{yield\n (hash\n Tr=(component\n HdsTableTr\n selectionScope=\"col\"\n isSelectable=@isSelectable\n onSelectionChange=this.onSelectionAllChange\n didInsert=this.didInsertSelectAllCheckbox\n willDestroy=this.willDestroySelectAllCheckbox\n selectionAriaLabelSuffix=\"all rows\"\n onClickSortBySelected=(if\n @selectableColumnKey (fn this.setSortBy @selectableColumnKey)\n )\n sortBySelectedOrder=(if\n (eq this.sortBy @selectableColumnKey) this.sortOrder\n )\n )\n Th=HdsTableTh\n ThSort=HdsTableThSort\n sortBy=this.sortBy\n sortOrder=this.sortOrder\n setSortBy=this.setSortBy\n )\n to=\"head\"\n }}\n {{/if}}\n </thead>\n\n <tbody class=\"hds-table__tbody\">\n {{#if @columns}}\n {{! -----------------------------------------------------------------\n IMPORTANT: we loop on the model array and for each record\n we yield the Tr/Td/Th elements _and_ the record itself as data\n this means the consumer will have to* use the data key to access it in their template\n ----------------------------------------------------------------- }}\n {{! @glint-expect-error: [HDS-4380](https://hashicorp.atlassian.net/browse/HDS-4380) }}\n {{#let (sortBy this.getSortCriteria @model) as \|sortedModel\|}}\n {{#each sortedModel key=this.identityKey as \|record index\|}}\n {{yield\n (hash\n Tr=(component\n HdsTableTr\n selectionScope=\"row\"\n isSelectable=@isSelectable\n onSelectionChange=this.onSelectionRowChange\n didInsert=this.didInsertRowCheckbox\n willDestroy=this.willDestroyRowCheckbox\n selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n )\n Th=(component HdsTableTh scope=\"row\")\n Td=(component HdsTableTd align=@align)\n data=record\n rowIndex=index\n )\n to=\"body\"\n }}\n {{/each}}\n {{/let}}\n {{else}}\n {{yield\n (hash\n Tr=(component\n HdsTableTr\n selectionScope=\"row\"\n isSelectable=@isSelectable\n onSelectionChange=this.onSelectionRowChange\n didInsert=this.didInsertRowCheckbox\n willDestroy=this.willDestroyRowCheckbox\n selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n )\n Th=(component HdsTableTh scope=\"row\")\n Td=(component HdsTableTd align=@align)\n sortBy=this.sortBy\n sortOrder=this.sortOrder\n )\n to=\"body\"\n }}\n {{/if}}\n </tbody>\n </table>\n </template>\n}\n"],"names":["DENSITIES","Object","values","HdsTableDensityValues","DEFAULT_DENSITY","Medium","VALIGNMENTS","HdsTableVerticalAlignmentValues","DEFAULT_VALIGN","Top","HdsTable","Component","g","prototype","service","i","tracked","undefined","_selectableRows","constructor","owner","args","sortBy","sortOrder","HdsTableThSortOrderValues","Asc","getSortCriteria","currentColumn","columns","find","column","key","sortingFunction","identityKey","sortedMessageText","translatedSortOrder","hdsIntl","t","default","Desc","lowerCaseTranslatedSortOrder","toLowerCase","isStriped","isFixedLayout","density","assert","join","includes","valign","classNames","classes","push","setSortBy","onSort","onSelectionChangeCallback","checkbox","selectionKey","onSelectionChange","selectionCheckboxElement","selectedRowsKeys","reduce","acc","row","checked","selectableRowsStates","isSelected","onSelectionAllChange","forEach","_selectAllCheckbox","_isSelectAllCheckboxSelected","onSelectionRowChange","setSelectAllState","didInsertSelectAllCheckbox","willDestroySelectAllCheckbox","didInsertRowCheckbox","willDestroyRowCheckbox","index","findIndex","splice","selectableRowsCount","length","selectedRowsCount","filter","indeterminate","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTableTr","fn","eq","HdsTableThSort","HdsTableTh","hash","HdsTableTd"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/hds/table/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 { service } from '@ember/service';\nimport { tracked } from '@glimmer/tracking';\nimport { fn, hash } from '@ember/helper';\nimport { eq } from 'ember-truth-helpers';\nimport { sortBy } from '@nullvoxpopuli/ember-composable-helpers';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport {\n HdsTableDensityValues,\n HdsTableThSortOrderValues,\n HdsTableVerticalAlignmentValues,\n} from './types.ts';\nimport HdsTableTr from './tr.gts';\nimport HdsTableTh from './th.gts';\nimport HdsTableThSort from './th-sort.gts';\nimport HdsTableTd from './td.gts';\n\nimport type {\n HdsTableColumn,\n HdsTableDensities,\n HdsTableHorizontalAlignment,\n HdsTableOnSelectionChangeSignature,\n HdsTableSelectableRow,\n HdsTableSortingFunction,\n HdsTableThSortOrder,\n HdsTableVerticalAlignment,\n HdsTableModel,\n} from './types.ts';\nimport type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base.gts';\nimport type HdsIntlService from '../../../services/hds-intl.ts';\n\nexport const DENSITIES: HdsTableDensities[] = Object.values(\n HdsTableDensityValues\n);\nexport const DEFAULT_DENSITY = HdsTableDensityValues.Medium;\n\nexport const VALIGNMENTS: HdsTableVerticalAlignment[] = Object.values(\n HdsTableVerticalAlignmentValues\n);\nexport const DEFAULT_VALIGN = HdsTableVerticalAlignmentValues.Top;\n\nexport interface HdsTableSignature<T = HdsTableModel> {\n Args: {\n align?: HdsTableHorizontalAlignment;\n caption?: string;\n columns?: HdsTableColumn[];\n density?: HdsTableDensities;\n identityKey?: string;\n isFixedLayout?: boolean;\n isSelectable?: boolean;\n isStriped?: boolean;\n model?: T[];\n onSelectionChange?: (selection: HdsTableOnSelectionChangeSignature) => void;\n onSort?: (sortBy: string, sortOrder: HdsTableThSortOrder) => void;\n selectionAriaLabelSuffix?: string;\n sortBy?: string;\n selectableColumnKey?: string;\n sortedMessageText?: string;\n sortOrder?: HdsTableThSortOrder;\n valign?: HdsTableVerticalAlignment;\n };\n Blocks: {\n head?: [\n {\n Tr?: WithBoundArgs<\n typeof HdsTableTr,\n \| 'selectionScope'\n \| 'isSelectable'\n \| 'onSelectionChange'\n \| 'didInsert'\n \| 'willDestroy'\n \| 'selectionAriaLabelSuffix'\n \| 'onClickSortBySelected'\n \| 'sortBySelectedOrder'\n >;\n Th?: typeof HdsTableTh;\n ThSort?: typeof HdsTableThSort;\n sortBy?: string;\n sortOrder?: HdsTableThSortOrder;\n setSortBy?: (column: string) => void;\n },\n ];\n body?: [\n {\n Td?: WithBoundArgs<typeof HdsTableTd, 'align'>;\n Tr?: WithBoundArgs<\n typeof HdsTableTr,\n \| 'selectionScope'\n \| 'isSelectable'\n \| 'onSelectionChange'\n \| 'didInsert'\n \| 'willDestroy'\n \| 'selectionAriaLabelSuffix'\n >;\n Th?: WithBoundArgs<typeof HdsTableTh, 'scope'>;\n data?: T;\n rowIndex?: number;\n sortBy?: string;\n sortOrder?: HdsTableThSortOrder;\n },\n ];\n };\n Element: HTMLTableElement;\n}\n\nexport default class HdsTable<T = HdsTableModel> extends Component<\n HdsTableSignature<T>\n> {\n @service declare readonly hdsIntl: HdsIntlService;\n\n @tracked sortBy;\n @tracked sortOrder;\n @tracked\n private _selectAllCheckbox?: HdsFormCheckboxBaseSignature['Element'] =\n undefined;\n private _selectableRows: HdsTableSelectableRow[] = [];\n @tracked private _isSelectAllCheckboxSelected?: boolean = undefined;\n\n constructor(owner: Owner, args: HdsTableSignature<T>['Args']) {\n super(owner, args);\n this.sortBy = this.args.sortBy ?? undefined;\n this.sortOrder = this.args.sortOrder ?? HdsTableThSortOrderValues.Asc;\n }\n\n get getSortCriteria(): string \| HdsTableSortingFunction<unknown> {\n // get the current column\n const currentColumn = this.args?.columns?.find(\n (column) => column.key === this.sortBy\n );\n if (\n // check if there is a custom sorting function associated with the current `sortBy` column (we assume the column has `isSortable`)\n currentColumn?.sortingFunction &&\n typeof currentColumn.sortingFunction === 'function'\n ) {\n return currentColumn.sortingFunction;\n } else {\n // otherwise fallback to the default format \"sortBy:sortOrder\"\n return `${this.sortBy}:${this.sortOrder}`;\n }\n }\n\n get identityKey(): string \| undefined {\n // we have to provide a way for the consumer to pass undefined because Ember tries to interpret undefined as missing an arg and therefore falls back to the default\n if (this.args.identityKey === 'none') {\n return undefined;\n } else {\n return this.args.identityKey ?? '@identity';\n }\n }\n\n get sortedMessageText(): string {\n if (this.args.sortedMessageText) {\n return this.args.sortedMessageText;\n } else if (this.sortBy && this.sortOrder) {\n // we should allow the user to define a custom value here (e.g., for i18n) - tracked with HDS-965\n const translatedSortOrder = {\n [HdsTableThSortOrderValues.Asc]: this.hdsIntl.t(\n 'hds.components.common.ascending',\n { default: 'ascending' }\n ),\n [HdsTableThSortOrderValues.Desc]: this.hdsIntl.t(\n 'hds.components.common.descending',\n { default: 'descending' }\n ),\n }[this.sortOrder];\n const lowerCaseTranslatedSortOrder = translatedSortOrder.toLowerCase();\n\n return this.hdsIntl.t('hds.components.table.sorted-message-text', {\n sortBy: this.sortBy,\n sortOrder: lowerCaseTranslatedSortOrder,\n default: `Sorted by ${this.sortBy} ${lowerCaseTranslatedSortOrder}`,\n });\n } else {\n return '';\n }\n }\n\n get isStriped(): boolean {\n return this.args.isStriped ?? false;\n }\n\n get isFixedLayout(): boolean {\n return this.args.isFixedLayout ?? false;\n }\n\n get density(): HdsTableDensities {\n const { density = DEFAULT_DENSITY } = this.args;\n\n assert(\n `@density for \"Hds::Table\" must be one of the following: ${DENSITIES.join(\n ', '\n )}; received: ${density}`,\n DENSITIES.includes(density)\n );\n\n return density;\n }\n\n get valign(): HdsTableVerticalAlignment {\n const { valign = DEFAULT_VALIGN } = this.args;\n\n assert(\n `@valign for \"Hds::Table\" must be one of the following: ${VALIGNMENTS.join(\n ', '\n )}; received: ${valign}`,\n VALIGNMENTS.includes(valign)\n );\n\n return valign;\n }\n\n get classNames(): string {\n const classes = ['hds-table'];\n\n // add a class based on the @isStriped argument\n if (this.isStriped) {\n classes.push('hds-table--striped');\n }\n\n // add a class based on the @isFixedLayout argument\n if (this.isFixedLayout) {\n classes.push('hds-table--layout-fixed');\n }\n\n // add a class based on the @density argument\n if (this.density) {\n classes.push(`hds-table--density-${this.density}`);\n }\n\n // add a class based on the @valign argument\n if (this.valign) {\n classes.push(`hds-table--valign-${this.valign}`);\n }\n\n return classes.join(' ');\n }\n\n setSortBy = (column: string): void => {\n if (this.sortBy === column) {\n // check to see if the column is already sorted and invert the sort order if so\n this.sortOrder =\n this.sortOrder === HdsTableThSortOrderValues.Asc\n ? HdsTableThSortOrderValues.Desc\n : HdsTableThSortOrderValues.Asc;\n } else {\n // otherwise, set the sort order to ascending\n this.sortBy = column;\n this.sortOrder = HdsTableThSortOrderValues.Asc;\n }\n\n const { onSort } = this.args;\n\n if (typeof onSort === 'function') {\n onSort(this.sortBy, this.sortOrder);\n }\n };\n\n onSelectionChangeCallback = (\n checkbox?: HdsFormCheckboxBaseSignature['Element'],\n selectionKey?: string\n ): void => {\n const { onSelectionChange } = this.args;\n if (typeof onSelectionChange === 'function') {\n onSelectionChange({\n selectionKey: selectionKey,\n selectionCheckboxElement: checkbox,\n selectedRowsKeys: this._selectableRows.reduce<string[]>((acc, row) => {\n if (row.checkbox.checked) {\n acc.push(row.selectionKey);\n }\n return acc;\n }, []),\n selectableRowsStates: this._selectableRows.reduce(\n (\n acc: { selectionKey: string; isSelected: boolean \| undefined }[],\n row\n ) => {\n acc.push({\n selectionKey: row.selectionKey,\n isSelected: row.checkbox.checked,\n });\n return acc;\n },\n []\n ),\n });\n }\n };\n\n onSelectionAllChange = (): void => {\n this._selectableRows.forEach((row) => {\n row.checkbox.checked = this._selectAllCheckbox?.checked ?? false;\n });\n this._isSelectAllCheckboxSelected =\n this._selectAllCheckbox?.checked ?? false;\n this.onSelectionChangeCallback(this._selectAllCheckbox, 'all');\n };\n\n onSelectionRowChange = (\n checkbox?: HdsFormCheckboxBaseSignature['Element'],\n selectionKey?: string\n ): void => {\n this.setSelectAllState();\n this.onSelectionChangeCallback(checkbox, selectionKey);\n };\n\n didInsertSelectAllCheckbox = (\n checkbox: HdsFormCheckboxBaseSignature['Element']\n ): void => {\n this._selectAllCheckbox = checkbox;\n };\n\n willDestroySelectAllCheckbox = (): void => {\n this._selectAllCheckbox = undefined;\n };\n\n didInsertRowCheckbox = (\n checkbox: HdsFormCheckboxBaseSignature['Element'],\n selectionKey?: string\n ): void => {\n if (selectionKey) {\n this._selectableRows.push({ selectionKey, checkbox });\n }\n this.setSelectAllState();\n };\n\n willDestroyRowCheckbox = (selectionKey?: string): void => {\n if (selectionKey === undefined) {\n return;\n }\n\n const index = this._selectableRows.findIndex(\n (row): boolean => row.selectionKey === selectionKey\n );\n\n if (index === -1) {\n return;\n }\n\n this._selectableRows.splice(index, 1);\n\n this.setSelectAllState();\n };\n\n setSelectAllState = (): void => {\n if (this._selectAllCheckbox) {\n const selectableRowsCount = this._selectableRows.length;\n const selectedRowsCount = this._selectableRows.filter(\n (row) => row.checkbox.checked\n ).length;\n\n this._selectAllCheckbox.checked =\n selectedRowsCount === selectableRowsCount;\n this._selectAllCheckbox.indeterminate =\n selectedRowsCount > 0 && selectedRowsCount < selectableRowsCount;\n this._isSelectAllCheckboxSelected = this._selectAllCheckbox.checked;\n }\n };\n\n <template>\n <table class={{this.classNames}} ...attributes>\n {{#if @columns}}\n <caption class=\"sr-only\" aria-live=\"polite\">{{@caption}}\n {{this.sortedMessageText}}</caption>\n {{else if @caption}}\n <caption class=\"sr-only\">{{@caption}}</caption>\n {{/if}}\n\n <thead class=\"hds-table__thead\">\n {{#if @columns}}\n <HdsTableTr\n @selectionScope=\"col\"\n @onClickSortBySelected={{if\n @selectableColumnKey\n (fn this.setSortBy @selectableColumnKey)\n }}\n @sortBySelectedOrder={{if\n (eq this.sortBy @selectableColumnKey)\n this.sortOrder\n }}\n @isSelectable={{@isSelectable}}\n @onSelectionChange={{this.onSelectionAllChange}}\n @didInsert={{this.didInsertSelectAllCheckbox}}\n @willDestroy={{this.willDestroySelectAllCheckbox}}\n @selectionAriaLabelSuffix=\"all rows\"\n >\n {{#each @columns as \|column\|}}\n {{#if column.isSortable}}\n <HdsTableThSort\n @sortOrder={{if (eq column.key this.sortBy) this.sortOrder}}\n @onClickSort={{fn this.setSortBy column.key}}\n @align={{column.align}}\n @width={{column.width}}\n @tooltip={{column.tooltip}}\n >\n {{column.label}}\n </HdsTableThSort>\n {{else}}\n <HdsTableTh\n @align={{column.align}}\n @width={{column.width}}\n @tooltip={{column.tooltip}}\n @isVisuallyHidden={{column.isVisuallyHidden}}\n >{{column.label}}</HdsTableTh>\n {{/if}}\n {{/each}}\n </HdsTableTr>\n {{else}}\n {{yield\n (hash\n Tr=(component\n HdsTableTr\n selectionScope=\"col\"\n isSelectable=@isSelectable\n onSelectionChange=this.onSelectionAllChange\n didInsert=this.didInsertSelectAllCheckbox\n willDestroy=this.willDestroySelectAllCheckbox\n selectionAriaLabelSuffix=\"all rows\"\n onClickSortBySelected=(if\n @selectableColumnKey (fn this.setSortBy @selectableColumnKey)\n )\n sortBySelectedOrder=(if\n (eq this.sortBy @selectableColumnKey) this.sortOrder\n )\n )\n Th=HdsTableTh\n ThSort=HdsTableThSort\n sortBy=this.sortBy\n sortOrder=this.sortOrder\n setSortBy=this.setSortBy\n )\n to=\"head\"\n }}\n {{/if}}\n </thead>\n\n <tbody class=\"hds-table__tbody\">\n {{#if @columns}}\n {{! -----------------------------------------------------------------\n IMPORTANT: we loop on the model array and for each record\n we yield the Tr/Td/Th elements _and_ the record itself as data\n this means the consumer will have to* use the data key to access it in their template\n ----------------------------------------------------------------- }}\n {{! @glint-expect-error: [HDS-4380](https://hashicorp.atlassian.net/browse/HDS-4380) }}\n {{#let (sortBy this.getSortCriteria @model) as \|sortedModel\|}}\n {{#each sortedModel key=this.identityKey as \|record index\|}}\n {{yield\n (hash\n Tr=(component\n HdsTableTr\n selectionScope=\"row\"\n isSelectable=@isSelectable\n onSelectionChange=this.onSelectionRowChange\n didInsert=this.didInsertRowCheckbox\n willDestroy=this.willDestroyRowCheckbox\n selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n )\n Th=(component HdsTableTh scope=\"row\")\n Td=(component HdsTableTd align=@align)\n data=record\n rowIndex=index\n )\n to=\"body\"\n }}\n {{/each}}\n {{/let}}\n {{else}}\n {{yield\n (hash\n Tr=(component\n HdsTableTr\n selectionScope=\"row\"\n isSelectable=@isSelectable\n onSelectionChange=this.onSelectionRowChange\n didInsert=this.didInsertRowCheckbox\n willDestroy=this.willDestroyRowCheckbox\n selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n )\n Th=(component HdsTableTh scope=\"row\")\n Td=(component HdsTableTd align=@align)\n sortBy=this.sortBy\n sortOrder=this.sortOrder\n )\n to=\"body\"\n }}\n {{/if}}\n </tbody>\n </table>\n </template>\n}\n"],"names":["DENSITIES","Object","values","HdsTableDensityValues","DEFAULT_DENSITY","Medium","VALIGNMENTS","HdsTableVerticalAlignmentValues","DEFAULT_VALIGN","Top","HdsTable","Component","g","prototype","service","i","tracked","undefined","_selectableRows","constructor","owner","args","sortBy","sortOrder","HdsTableThSortOrderValues","Asc","getSortCriteria","currentColumn","columns","find","column","key","sortingFunction","identityKey","sortedMessageText","translatedSortOrder","hdsIntl","t","default","Desc","lowerCaseTranslatedSortOrder","toLowerCase","isStriped","isFixedLayout","density","assert","join","includes","valign","classNames","classes","push","setSortBy","onSort","onSelectionChangeCallback","checkbox","selectionKey","onSelectionChange","selectionCheckboxElement","selectedRowsKeys","reduce","acc","row","checked","selectableRowsStates","isSelected","onSelectionAllChange","forEach","_selectAllCheckbox","_isSelectAllCheckboxSelected","onSelectionRowChange","setSelectAllState","didInsertSelectAllCheckbox","willDestroySelectAllCheckbox","didInsertRowCheckbox","willDestroyRowCheckbox","index","findIndex","splice","selectableRowsCount","length","selectedRowsCount","filter","indeterminate","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTableTr","fn","eq","HdsTableThSort","HdsTableTh","hash","HdsTableTd"],"mappings":"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"}

package/dist/components/hds/table/td.js CHANGED Viewed

@@ -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
  */
 const ALIGNMENTS = Object.values(HdsTableHorizontalAlignmentValues);

package/dist/components/hds/table/td.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"td.js","sources":["../../../../src/components/hds/table/td.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';\n\nimport type { HdsTableHorizontalAlignment } from './types.ts';\nimport { HdsTableHorizontalAlignmentValues } from './types.ts';\n\nexport const ALIGNMENTS: HdsTableHorizontalAlignment[] = Object.values(\n HdsTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;\n\nexport interface HdsTableTdSignature {\n Args: {\n align?: HdsTableHorizontalAlignment;\n };\n Blocks: {\n default: [];\n };\n Element: HTMLTableCellElement;\n}\n\nexport default class HdsTableTd extends Component<HdsTableTdSignature> {\n get align(): HdsTableHorizontalAlignment {\n const { align = DEFAULT_ALIGN } = this.args;\n\n assert(\n `@align for \"Hds::Table::Td\" must be one of the following: ${ALIGNMENTS.join(\n ', '\n )}; received: ${align}`,\n ALIGNMENTS.includes(align)\n );\n return align;\n }\n\n get classNames(): string {\n const classes = [\n 'hds-table__td',\n 'hds-typography-body-200',\n 'hds-font-weight-regular',\n ];\n\n // add a class based on the @align argument\n if (this.align) {\n classes.push(`hds-table__td--align-${this.align}`);\n }\n\n return classes.join(' ');\n }\n\n <template>\n <td class={{this.classNames}} ...attributes>\n {{yield}}\n </td>\n </template>\n}\n"],"names":["ALIGNMENTS","Object","values","HdsTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsTableTd","Component","align","args","assert","join","includes","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAAA;;;AAGC;AAQM,MAAMA,UAAY,GAAgCC,MAAA,CAAOC,MAAM,CACpEC,iCAAA;AAEK,MAAMC,aAAA,GAAgBD,iCAAA,CAAkCE;AAYhD,MAAMC,mBAAmBC,SAAA,CAAU;EAChD,IAAIC,QAAqC;IACvC,MAAM;AAAEA,MAAAA,KAAA,GAAQJ;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6DV,UAAA,CAAWW,IAAI,CAC1E,IAAA,CAAA,CAAA,YAAA,EACcH,KAAA,CAAA,CAAO,EACvBR,UAAA,CAAWY,QAAQ,CAACJ,KAAA,CAAA,CAAA;AAEtB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIK,UAAAA,GAAqB;IACvB,MAAMC,OAAA,GAAU,CACd,eAAA,EACA,yBAAA,EACA,yBAAA,CACD;AAED;IACA,IAAI,IAAI,CAACN,KAAK,EAAE;MACdM,OAAA,CAAQC,IAAI,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAACP,KAAK,EAAE,CAAA;AACnD,IAAA;AAEA,IAAA,OAAOM,OAAA,CAAQH,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CAAA,kEAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
1	+ {"version":3,"file":"td.js","sources":["../../../../src/components/hds/table/td.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';\n\nimport type { HdsTableHorizontalAlignment } from './types.ts';\nimport { HdsTableHorizontalAlignmentValues } from './types.ts';\n\nexport const ALIGNMENTS: HdsTableHorizontalAlignment[] = Object.values(\n HdsTableHorizontalAlignmentValues\n);\nexport const DEFAULT_ALIGN = HdsTableHorizontalAlignmentValues.Left;\n\nexport interface HdsTableTdSignature {\n Args: {\n align?: HdsTableHorizontalAlignment;\n };\n Blocks: {\n default: [];\n };\n Element: HTMLTableCellElement;\n}\n\nexport default class HdsTableTd extends Component<HdsTableTdSignature> {\n get align(): HdsTableHorizontalAlignment {\n const { align = DEFAULT_ALIGN } = this.args;\n\n assert(\n `@align for \"Hds::Table::Td\" must be one of the following: ${ALIGNMENTS.join(\n ', '\n )}; received: ${align}`,\n ALIGNMENTS.includes(align)\n );\n return align;\n }\n\n get classNames(): string {\n const classes = [\n 'hds-table__td',\n 'hds-typography-body-200',\n 'hds-font-weight-regular',\n ];\n\n // add a class based on the @align argument\n if (this.align) {\n classes.push(`hds-table__td--align-${this.align}`);\n }\n\n return classes.join(' ');\n }\n\n <template>\n <td class={{this.classNames}} ...attributes>\n {{yield}}\n </td>\n </template>\n}\n"],"names":["ALIGNMENTS","Object","values","HdsTableHorizontalAlignmentValues","DEFAULT_ALIGN","Left","HdsTableTd","Component","align","args","assert","join","includes","classNames","classes","push","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAAA;;;AAGC;AAQM,MAAMA,UAAY,GAAgCC,MAAA,CAAOC,MAAM,CACpEC,iCAAA;AAEK,MAAMC,aAAA,GAAgBD,iCAAA,CAAkCE;AAYhD,MAAMC,mBAAmBC,SAAA,CAAU;EAChD,IAAIC,QAAqC;IACvC,MAAM;AAAEA,MAAAA,KAAA,GAAQJ;KAAe,GAAG,IAAI,CAACK,IAAI;AAE3CC,IAAAA,MAAA,CACE,CAAA,0DAAA,EAA6DV,UAAA,CAAWW,IAAI,CAC1E,IAAA,CAAA,CAAA,YAAA,EACcH,KAAA,CAAA,CAAO,EACvBR,UAAA,CAAWY,QAAQ,CAACJ,KAAA,CAAA,CAAA;AAEtB,IAAA,OAAOA,KAAA;AACT,EAAA;EAEA,IAAIK,UAAAA,GAAqB;IACvB,MAAMC,OAAA,GAAU,CACd,eAAA,EACA,yBAAA,EACA,yBAAA,CACD;AAED;IACA,IAAI,IAAI,CAACN,KAAK,EAAE;MACdM,OAAA,CAAQC,IAAI,CAAC,CAAA,qBAAA,EAAwB,IAAI,CAACP,KAAK,EAAE,CAAA;AACnD,IAAA;AAEA,IAAA,OAAOM,OAAA,CAAQH,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAK,oBAAA,CAAAC,kBAAA,CAAA,kEAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/table/th-button-sort.js CHANGED Viewed

@@ -10,7 +10,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 NOOP = () => {};