@hashicorp/design-system-components 5.1.0-rc-20251202110410 → 5.1.0-rc-20251205193010

package/dist/components/hds/form/section/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../../src/components/hds/form/section/header.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type HdsFormHeaderTitleComponent from '../header/title.ts';\nimport type { HdsFormHeaderDescriptionSignature } from '../header/description.ts';\n\nexport interface HdsFormSectionHeaderSignature {\n  Blocks: {\n    default: [\n      {\n        Title?: WithBoundArgs<typeof HdsFormHeaderTitleComponent, 'size'>;\n        Description?: ComponentLike<HdsFormHeaderDescriptionSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\nconst HdsFormSectionHeader =\n  TemplateOnlyComponent<HdsFormSectionHeaderSignature>();\n\nexport default HdsFormSectionHeader;\n"],"names":["HdsFormSectionHeader","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAmBA,MAAMA,oBAAoB,GACxBC,qBAAqB,EAAiC;AAExD,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../../src/components/hds/form/section/header.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type HdsFormHeaderTitleComponent from '../header/title.ts';\nimport type { HdsFormHeaderDescriptionSignature } from '../header/description.ts';\n\nexport interface HdsFormSectionHeaderSignature {\n  Blocks: {\n    default: [\n      {\n        Title?: WithBoundArgs<typeof HdsFormHeaderTitleComponent, 'size'>;\n        Description?: ComponentLike<HdsFormHeaderDescriptionSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\nconst HdsFormSectionHeader =\n  TemplateOnlyComponent<HdsFormSectionHeaderSignature>();\n\nexport default HdsFormSectionHeader;\n"],"names":["HdsFormSectionHeader","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAmBA,MAAMA,oBAAoB,GACxBC,qBAAqB,EAAiC;AAExD,aAAAC,oBAAA,CAAAC,QAAA,EAAeH,oBAAoB,CAAA;;;;"}

package/dist/components/hds/form/section/index.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes the empty element to still occupy space - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<div class={{this.classNames}} ...attributes>\n  {{~yield\n    (hash\n      Header=(component \"hds/form/section/header\")\n      HeaderTitle=(component \"hds/form/header/title\" size=\"300\")\n      HeaderDescription=(component \"hds/form/header/description\")\n      MultiFieldGroup=(component \"hds/form/section/multi-field-group\")\n      MultiFieldGroupItem=(component \"hds/form/section/multi-field-group/item\")\n    )\n  ~}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember causes the empty element to still occupy space - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n<div class={{this.classNames}} ...attributes>\n  {{~yield\n    (hash\n      Header=(component \"hds/form/section/header\")\n      HeaderTitle=(component \"hds/form/header/title\" size=\"300\")\n      HeaderDescription=(component \"hds/form/header/description\")\n      MultiFieldGroup=(component \"hds/form/section/multi-field-group\")\n      MultiFieldGroupItem=(component \"hds/form/section/multi-field-group/item\")\n    )\n  ~}}\n</div>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/section/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/section/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsFormSectionHeaderSignature } from './header.ts';\nimport type HdsFormHeaderTitleComponent from '../header/title.ts';\nimport type { HdsFormHeaderDescriptionSignature } from '../header/description.ts';\nimport type { HdsFormSectionMultiFieldGroupSignature } from './multi-field-group/index.ts';\nimport type { HdsFormSectionMultiFieldGroupItemSignature } from './multi-field-group/item.ts';\n\nexport interface HdsFormSectionSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Section?: ComponentLike<HdsFormSectionSignature>; // for nested sections\n        Header?: ComponentLike<HdsFormSectionHeaderSignature>;\n        HeaderTitle?: WithBoundArgs<typeof HdsFormHeaderTitleComponent, 'size'>;\n        HeaderDescription?: ComponentLike<HdsFormHeaderDescriptionSignature>;\n        MultiFieldGroup?: ComponentLike<HdsFormSectionMultiFieldGroupSignature>;\n        MultiFieldGroupItem?: ComponentLike<HdsFormSectionMultiFieldGroupItemSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormSection extends Component<HdsFormSectionSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__section'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSection","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AA8Be,MAAMA,cAAc,SAASC,SAAS,CAA0B;EAC7E,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC;;AAErC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAO,CAACG,IAAI,CAAC,iCAAiC,CAAC;AACjD,IAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAXoBT,cAAc,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/section/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport type { ComponentLike, WithBoundArgs } from '@glint/template';\nimport type { HdsFormSectionHeaderSignature } from './header.ts';\nimport type HdsFormHeaderTitleComponent from '../header/title.ts';\nimport type { HdsFormHeaderDescriptionSignature } from '../header/description.ts';\nimport type { HdsFormSectionMultiFieldGroupSignature } from './multi-field-group/index.ts';\nimport type { HdsFormSectionMultiFieldGroupItemSignature } from './multi-field-group/item.ts';\n\nexport interface HdsFormSectionSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Section?: ComponentLike<HdsFormSectionSignature>; // for nested sections\n        Header?: ComponentLike<HdsFormSectionHeaderSignature>;\n        HeaderTitle?: WithBoundArgs<typeof HdsFormHeaderTitleComponent, 'size'>;\n        HeaderDescription?: ComponentLike<HdsFormHeaderDescriptionSignature>;\n        MultiFieldGroup?: ComponentLike<HdsFormSectionMultiFieldGroupSignature>;\n        MultiFieldGroupItem?: ComponentLike<HdsFormSectionMultiFieldGroupItemSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormSection extends Component<HdsFormSectionSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__section'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSection","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AA8Be,MAAMA,cAAc,SAASC,SAAS,CAA0B;EAC7E,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,mBAAmB,CAAC;;AAErC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAO,CAACG,IAAI,CAAC,iCAAiC,CAAC;AACjD,IAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAXoBT,cAAc,CAAA;;;;"}

package/dist/components/hds/form/section/multi-field-group/index.js

@@ -2,10 +2,10 @@ import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-form__section-multi-field-group\" ...attributes>{{yield\n    (hash Item=(component \"hds/form/section/multi-field-group/item\"))\n  }}</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-form__section-multi-field-group\" ...attributes>{{yield\n    (hash Item=(component \"hds/form/section/multi-field-group/item\"))\n  }}</div>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/section/multi-field-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/hds/form/section/multi-field-group/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormSectionMultiFieldGroupItemSignature } from './item.ts';\n\nexport interface HdsFormSectionMultiFieldGroupSignature {\n  Blocks: {\n    default: [\n      {\n        Item?: ComponentLike<HdsFormSectionMultiFieldGroupItemSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsFormSectionMultiFieldGroup =\n  TemplateOnlyComponent<HdsFormSectionMultiFieldGroupSignature>();\n\nexport default HdsFormSectionMultiFieldGroup;\n"],"names":["HdsFormSectionMultiFieldGroup","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAkBA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAA0C;AAEjE,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/hds/form/section/multi-field-group/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport TemplateOnlyComponent from '@ember/component/template-only';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormSectionMultiFieldGroupItemSignature } from './item.ts';\n\nexport interface HdsFormSectionMultiFieldGroupSignature {\n  Blocks: {\n    default: [\n      {\n        Item?: ComponentLike<HdsFormSectionMultiFieldGroupItemSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nconst HdsFormSectionMultiFieldGroup =\n  TemplateOnlyComponent<HdsFormSectionMultiFieldGroupSignature>();\n\nexport default HdsFormSectionMultiFieldGroup;\n"],"names":["HdsFormSectionMultiFieldGroup","TemplateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAkBA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAA0C;AAEjE,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}

package/dist/components/hds/form/section/multi-field-group/item.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-form__section-multi-field-group-item\" {{style this.widthStyle}} ...attributes>{{yield}}</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-form__section-multi-field-group-item\" {{style this.widthStyle}} ...attributes>{{yield}}</div>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/section/multi-field-group/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../../../src/components/hds/form/section/multi-field-group/item.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsFormSectionMultiFieldGroupItemSignature {\n  Args: {\n    width?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormSectionMultiFieldGroupItem extends Component<HdsFormSectionMultiFieldGroupItemSignature> {\n  get widthStyle(): Record<string, string> {\n    const widthStyle: { [key: string]: string } = {};\n\n    if (this.args.width) {\n      widthStyle['--hds-form-section-multi-field-group-item-width'] =\n        this.args.width;\n    }\n    return widthStyle;\n  }\n}\n"],"names":["HdsFormSectionMultiFieldGroupItem","Component","widthStyle","args","width","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAce,MAAMA,iCAAiC,SAASC,SAAS,CAA6C;EACnH,IAAIC,UAAUA,GAA2B;IACvC,MAAMA,UAAqC,GAAG,EAAE;AAEhD,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,KAAK,EAAE;MACnBF,UAAU,CAAC,iDAAiD,CAAC,GAC3D,IAAI,CAACC,IAAI,CAACC,KAAK;AACnB,IAAA;AACA,IAAA,OAAOF,UAAU;AACnB,EAAA;AACF;AAACG,oBAAA,CAAAC,QAAA,EAVoBN,iCAAiC,CAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../../../src/components/hds/form/section/multi-field-group/item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsFormSectionMultiFieldGroupItemSignature {\n  Args: {\n    width?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormSectionMultiFieldGroupItem extends Component<HdsFormSectionMultiFieldGroupItemSignature> {\n  get widthStyle(): Record<string, string> {\n    const widthStyle: { [key: string]: string } = {};\n\n    if (this.args.width) {\n      widthStyle['--hds-form-section-multi-field-group-item-width'] =\n        this.args.width;\n    }\n    return widthStyle;\n  }\n}\n"],"names":["HdsFormSectionMultiFieldGroupItem","Component","widthStyle","args","width","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAce,MAAMA,iCAAiC,SAASC,SAAS,CAA6C;EACnH,IAAIC,UAAUA,GAA2B;IACvC,MAAMA,UAAqC,GAAG,EAAE;AAEhD,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,KAAK,EAAE;MACnBF,UAAU,CAAC,iDAAiD,CAAC,GAC3D,IAAI,CAACC,IAAI,CAACC,KAAK;AACnB,IAAA;AACA,IAAA,OAAOF,UAAU;AACnB,EAAA;AACF;AAACG,oBAAA,CAAAC,QAAA,EAVoBN,iCAAiC,CAAA;;;;"}

package/dist/components/hds/form/select/base.js

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<select class={{this.classNames}} {{style width=@width}} id={{@id}} aria-describedby={{@ariaDescribedBy}} ...attributes>\n  {{yield (hash Options=(component \"hds/yield\"))}}\n</select>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<select class={{this.classNames}} {{style width=@width}} id={{@id}} aria-describedby={{@ariaDescribedBy}} ...attributes>\n  {{yield (hash Options=(component \"hds/yield\"))}}\n</select>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/select/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/select/base.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    width?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLSelectElement;\n}\n\nexport default class HdsFormSelectBase extends Component<HdsFormSelectBaseSignature> {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-select'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSelectBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAuBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AACnF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,2BAAA,CAA6B,CAAC;AAC7C,IAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/select/base.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectBaseSignature {\n  Args: {\n    isInvalid?: boolean;\n    width?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HTMLSelectElement;\n}\n\nexport default class HdsFormSelectBase extends Component<HdsFormSelectBaseSignature> {\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-select'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSelectBase","Component","classNames","classes","push","args","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAuBe,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AACnF;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,iBAAiB,CAAC;;AAEnC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;;AAElE;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,SAAS,EAAE;AACvBH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,2BAAA,CAA6B,CAAC;AAC7C,IAAA;AAEA,IAAA,OAAOD,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBT,iBAAiB,CAAA;;;;"}

package/dist/components/hds/form/select/field.js

@@ -2,10 +2,10 @@ import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    <Hds::Form::Select::Base\n      @isInvalid={{@isInvalid}}\n      @width={{@width}}\n      required={{@isRequired}}\n      ...attributes\n      id={{F.id}}\n      aria-describedby={{F.ariaDescribedBy}}\n      as |S|\n    >\n      {{yield (hash Options=S.Options)}}\n    </Hds::Form::Select::Base>\n  </F.Control>\n</Hds::Form::Field>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    <Hds::Form::Select::Base\n      @isInvalid={{@isInvalid}}\n      @width={{@width}}\n      required={{@isRequired}}\n      ...attributes\n      id={{F.id}}\n      aria-describedby={{F.ariaDescribedBy}}\n      as |S|\n    >\n      {{yield (hash Options=S.Options)}}\n    </Hds::Form::Select::Base>\n  </F.Control>\n</Hds::Form::Field>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/select/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/select/field.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormSelectBaseSignature } from './base';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormSelectBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormSelectField = templateOnlyComponent<HdsFormSelectFieldSignature>();\n\nexport default HdsFormSelectField;\n"],"names":["HdsFormSelectField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/select/field.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../error';\nimport type { HdsFormFieldSignature } from '../field';\nimport type { HdsFormHelperTextSignature } from '../helper-text';\nimport type { HdsFormLabelSignature } from '../label';\nimport type { HdsFormSelectBaseSignature } from './base';\nimport type { HdsYieldSignature } from '../../yield';\n\nexport interface HdsFormSelectFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'> &\n    HdsFormSelectBaseSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nconst HdsFormSelectField = templateOnlyComponent<HdsFormSelectFieldSignature>();\n\nexport default HdsFormSelectField;\n"],"names":["HdsFormSelectField","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AA2BA,MAAMA,kBAAkB,GAAGC,qBAAqB,EAA+B;AAE/E,YAAAC,oBAAA,CAAAC,QAAA,EAAeH,kBAAkB,CAAA;;;;"}

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

@@ -2,10 +2,10 @@ import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::Separator class={{this.classNames}} @spacing=\"0\" ...attributes />");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<Hds::Separator class={{this.classNames}} @spacing=\"0\" ...attributes />");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/separator/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsFormSeparatorSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormSeparator extends Component<HdsFormSeparatorSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__separator'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSeparator","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWe,MAAMA,gBAAgB,SAASC,SAAS,CAA4B;EACjF,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC;;AAEvC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAO,CAACG,IAAI,CAAC,iCAAiC,CAAC;AACjD,IAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAXoBT,gBAAgB,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/separator/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nexport interface HdsFormSeparatorSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Element: HTMLElement;\n}\n\nexport default class HdsFormSeparator extends Component<HdsFormSeparatorSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__separator'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsFormSeparator","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAWe,MAAMA,gBAAgB,SAASC,SAAS,CAA4B;EACjF,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC;;AAEvC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAO,CAACG,IAAI,CAAC,iCAAiC,CAAC;AACjD,IAAA;AAEA,IAAA,OAAOH,OAAO,CAACI,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAXoBT,gBAAgB,CAAA;;;;"}

package/dist/components/hds/form/super-select/after-options.js

@@ -2,10 +2,10 @@ import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{#if @showNoSelectedMessage}}\n  <Hds::Text::Body @tag=\"div\" @size=\"200\" class=\"hds-form-super-select__no-options-selected hds-foreground-strong\">\n    {{hds-t \"hds.components.form.super-select.after-options.no-options-selected\" default=\"No options selected\"}}\n  </Hds::Text::Body>\n{{/if}}\n<div class=\"hds-form-super-select__after-options\">\n  {{#if @content}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-foreground-strong\">\n      {{@content}}\n    </Hds::Text::Body>\n  {{else}}\n    {{#if (or @showAll @showSelected @clearSelected)}}\n      {{#if @showOnlySelected}}\n        <Hds::Button\n          @text={{hds-t \"hds.components.form.super-select.after-options.show-all\" default=\"Show all\"}}\n          @size=\"small\"\n          @color=\"secondary\"\n          {{on \"click\" @showAll}}\n        />\n      {{else}}\n        <Hds::Button\n          @text={{hds-t \"hds.components.form.super-select.after-options.show-selected\" default=\"Show selected\"}}\n          @size=\"small\"\n          @color=\"secondary\"\n          {{on \"click\" @showSelected}}\n        />\n      {{/if}}\n      {{#if (not-eq @selectedCount \"0\")}}\n        <Hds::Button\n          @text={{hds-t \"hds.components.form.super-select.after-options.clear-selected\" default=\"Clear selected\"}}\n          @size=\"small\"\n          @color=\"secondary\"\n          {{on \"click\" @clearSelected}}\n        />\n      {{/if}}\n    {{/if}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-form-super-select__result-count hds-foreground-strong\">\n      {{@resultCountMessage}}\n    </Hds::Text::Body>\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{#if @showNoSelectedMessage}}\n  <Hds::Text::Body @tag=\"div\" @size=\"200\" class=\"hds-form-super-select__no-options-selected hds-foreground-strong\">\n    {{hds-t \"hds.components.form.super-select.after-options.no-options-selected\" default=\"No options selected\"}}\n  </Hds::Text::Body>\n{{/if}}\n<div class=\"hds-form-super-select__after-options\">\n  {{#if @content}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-foreground-strong\">\n      {{@content}}\n    </Hds::Text::Body>\n  {{else}}\n    {{#if (or @showAll @showSelected @clearSelected)}}\n      {{#if @showOnlySelected}}\n        <Hds::Button\n          @text={{hds-t \"hds.components.form.super-select.after-options.show-all\" default=\"Show all\"}}\n          @size=\"small\"\n          @color=\"secondary\"\n          {{on \"click\" @showAll}}\n        />\n      {{else}}\n        <Hds::Button\n          @text={{hds-t \"hds.components.form.super-select.after-options.show-selected\" default=\"Show selected\"}}\n          @size=\"small\"\n          @color=\"secondary\"\n          {{on \"click\" @showSelected}}\n        />\n      {{/if}}\n      {{#if (not-eq @selectedCount \"0\")}}\n        <Hds::Button\n          @text={{hds-t \"hds.components.form.super-select.after-options.clear-selected\" default=\"Clear selected\"}}\n          @size=\"small\"\n          @color=\"secondary\"\n          {{on \"click\" @clearSelected}}\n        />\n      {{/if}}\n    {{/if}}\n    <Hds::Text::Body @tag=\"div\" @size=\"100\" class=\"hds-form-super-select__result-count hds-foreground-strong\">\n      {{@resultCountMessage}}\n    </Hds::Text::Body>\n  {{/if}}\n</div>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/after-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"after-options.js","sources":["../../../../../src/components/hds/form/super-select/after-options.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormSuperSelectAfterOptionsSignature {\n  Args: {\n    clearSelected: () => void;\n    content?: string;\n    resultCountMessage?: string;\n    selectedCount?: string;\n    showAll: () => void;\n    showNoSelectedMessage?: boolean;\n    showOnlySelected?: boolean;\n    showSelected: () => void;\n  };\n}\n\nconst HdsFormSuperSelectAfterOptions =\n  templateOnlyComponent<HdsFormSuperSelectAfterOptionsSignature>();\n\nexport default HdsFormSuperSelectAfterOptions;\n"],"names":["HdsFormSuperSelectAfterOptions","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAiBA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAA2C;AAElE,mBAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}
+{"version":3,"file":"after-options.js","sources":["../../../../../src/components/hds/form/super-select/after-options.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormSuperSelectAfterOptionsSignature {\n  Args: {\n    clearSelected: () => void;\n    content?: string;\n    resultCountMessage?: string;\n    selectedCount?: string;\n    showAll: () => void;\n    showNoSelectedMessage?: boolean;\n    showOnlySelected?: boolean;\n    showSelected: () => void;\n  };\n}\n\nconst HdsFormSuperSelectAfterOptions =\n  templateOnlyComponent<HdsFormSuperSelectAfterOptionsSignature>();\n\nexport default HdsFormSuperSelectAfterOptions;\n"],"names":["HdsFormSuperSelectAfterOptions","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAiBA,MAAMA,8BAA8B,GAClCC,qBAAqB,EAA2C;AAElE,mBAAAC,oBAAA,CAAAC,QAAA,EAAeH,8BAA8B,CAAA;;;;"}

package/dist/components/hds/form/super-select/multiple/base.js

@@ -7,10 +7,10 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.styles}}>\n  <PowerSelectMultiple\n    tabindex=\"0\"\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessageText\n          showNoSelectedMessage=this._showNoSelectedMessage\n          showOnlySelected=this._showOnlySelected\n          showSelected=this.showSelected\n          showAll=this.showAll\n          clearSelected=this.clearSelected\n          selectedCount=this.selectedCount\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{false}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{@placeholderComponent}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{this.resultCountMessageFunction}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchFieldPosition=\"before-options\"\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    {{! even if technically what is yielded here are _a list_ of options, we\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\n    {{yield option select}}\n  </PowerSelectMultiple>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.styles}}>\n  <PowerSelectMultiple\n    tabindex=\"0\"\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessageText\n          showNoSelectedMessage=this._showNoSelectedMessage\n          showOnlySelected=this._showOnlySelected\n          showSelected=this.showSelected\n          showAll=this.showAll\n          clearSelected=this.clearSelected\n          selectedCount=this.selectedCount\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{false}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{@placeholderComponent}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{this.resultCountMessageFunction}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchFieldPosition=\"before-options\"\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    {{! even if technically what is yielded here are _a list_ of options, we\'ve decided to keep the `option` name for consistency with the existing `PowerSelect` API }}\n    {{yield option select}}\n  </PowerSelectMultiple>\n</div>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/multiple/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/base.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectMultipleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSuperSelectMultipleBaseSignature> {\n  @tracked private _powerSelectAPI?: PowerSelect;\n  @tracked private _showOnlySelected = false;\n  @tracked private _showNoSelectedMessage = false;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get selectedCount(): string {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access\n    return this._powerSelectAPI?.selected?.length || '0';\n  }\n\n  get optionsCount(): string {\n    return this._powerSelectAPI?.resultsCount.toString() || '0';\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.optionsCount} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this._powerSelectAPI = powerSelectAPI;\n  }\n\n  @action showSelected(): void {\n    this._showNoSelectedMessage = this.selectedCount === '0';\n    this._showOnlySelected = true;\n  }\n\n  @action showAll(): void {\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  @action clearSelected(): void {\n    this._powerSelectAPI?.actions.select(null);\n    // show all options after clearing all selection\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  get showAfterOptions(): boolean {\n    return this.args.showAfterOptions ?? true;\n  }\n\n  // NOTE: The searchPlaceholder doesn't currently work for the multiple select\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  get styles(): Record<string, string> {\n    const styles: { [key: string]: string } = {};\n\n    if (this.args.dropdownMaxWidth) {\n      styles['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n\n    if (this.selectedCount === '0') {\n      styles['--hds-form-super-select-selected-text-display'] = 'none';\n    } else {\n      styles['--hds-form-super-select-selected-text-display'] = 'flex';\n    }\n\n    styles['--hds-form-super-select-selected-text'] =\n      `'${this.selectedCount} selected'`;\n\n    return styles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-multiple'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    // add a class based on the showOnlySelected\n    if (this._showOnlySelected) {\n      classes.push(`hds-form-super-select--show-only-selected`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectMultipleBase","Component","g","prototype","tracked","i","void 0","horizontalPosition","args","selectedCount","_powerSelectAPI","selected","length","optionsCount","resultsCount","toString","resultCountMessageText","resultCountMessage","resultCountMessageFunction","undefined","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","n","action","setPowerSelectAPI","powerSelectAPI","registerAPI","showSelected","_showNoSelectedMessage","_showOnlySelected","showAll","clearSelected","actions","select","showAfterOptions","searchPlaceholder","styles","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/base.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectMultipleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleBase extends Component<HdsFormSuperSelectMultipleBaseSignature> {\n  @tracked private _powerSelectAPI?: PowerSelect;\n  @tracked private _showOnlySelected = false;\n  @tracked private _showNoSelectedMessage = false;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get selectedCount(): string {\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-member-access\n    return this._powerSelectAPI?.selected?.length || '0';\n  }\n\n  get optionsCount(): string {\n    return this._powerSelectAPI?.resultsCount.toString() || '0';\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.optionsCount} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this._powerSelectAPI = powerSelectAPI;\n  }\n\n  @action showSelected(): void {\n    this._showNoSelectedMessage = this.selectedCount === '0';\n    this._showOnlySelected = true;\n  }\n\n  @action showAll(): void {\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  @action clearSelected(): void {\n    this._powerSelectAPI?.actions.select(null);\n    // show all options after clearing all selection\n    this._showNoSelectedMessage = false;\n    this._showOnlySelected = false;\n  }\n\n  get showAfterOptions(): boolean {\n    return this.args.showAfterOptions ?? true;\n  }\n\n  // NOTE: The searchPlaceholder doesn't currently work for the multiple select\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  get styles(): Record<string, string> {\n    const styles: { [key: string]: string } = {};\n\n    if (this.args.dropdownMaxWidth) {\n      styles['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n\n    if (this.selectedCount === '0') {\n      styles['--hds-form-super-select-selected-text-display'] = 'none';\n    } else {\n      styles['--hds-form-super-select-selected-text-display'] = 'flex';\n    }\n\n    styles['--hds-form-super-select-selected-text'] =\n      `'${this.selectedCount} selected'`;\n\n    return styles;\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-multiple'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    // add a class based on the showOnlySelected\n    if (this._showOnlySelected) {\n      classes.push(`hds-form-super-select--show-only-selected`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectMultipleBase","Component","g","prototype","tracked","i","void 0","horizontalPosition","args","selectedCount","_powerSelectAPI","selected","length","optionsCount","resultsCount","toString","resultCountMessageText","resultCountMessage","resultCountMessageFunction","undefined","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","n","action","setPowerSelectAPI","powerSelectAPI","registerAPI","showSelected","_showNoSelectedMessage","_showOnlySelected","showAll","clearSelected","actions","select","showAfterOptions","searchPlaceholder","styles","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/form/super-select/multiple/field.js

@@ -3,10 +3,10 @@ import { ID_PREFIX } from '../../label/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Multiple::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchFieldPosition=\"before-options\"\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Multiple::Base>\n  </F.Control>\n</Hds::Form::Field>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Multiple::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchFieldPosition=\"before-options\"\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Multiple::Base>\n  </F.Control>\n</Hds::Form::Field>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/multiple/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/field.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectMultipleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectMultipleFieldSignature {\n  Args: HdsFormSuperSelectMultipleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleField extends Component<HdsFormSuperSelectMultipleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectMultipleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgCe,MAAMA,+BAA+B,SAASC,SAAS,CAA2C;EAC/G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,+BAA+B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/multiple/field.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectMultipleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectMultipleFieldSignature {\n  Args: HdsFormSuperSelectMultipleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectMultipleField extends Component<HdsFormSuperSelectMultipleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectMultipleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgCe,MAAMA,+BAA+B,SAASC,SAAS,CAA2C;EAC/G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,+BAA+B,CAAA;;;;"}

package/dist/components/hds/form/super-select/option-group.js

@@ -3,10 +3,10 @@ import { guidFor } from '@ember/object/internals';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-form-super-select__option-group\" role=\"group\" aria-labelledby={{this._groupTitleId}}>\n  <Hds::Text::Body\n    @tag=\"div\"\n    @size=\"100\"\n    @weight=\"semibold\"\n    class=\"hds-form-super-select__option-group-title\"\n    id={{this._groupTitleId}}\n  >\n    {{@group.groupName}}\n  </Hds::Text::Body>\n  {{yield}}\n</li>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-form-super-select__option-group\" role=\"group\" aria-labelledby={{this._groupTitleId}}>\n  <Hds::Text::Body\n    @tag=\"div\"\n    @size=\"100\"\n    @weight=\"semibold\"\n    class=\"hds-form-super-select__option-group-title\"\n    id={{this._groupTitleId}}\n  >\n    {{@group.groupName}}\n  </Hds::Text::Body>\n  {{yield}}\n</li>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/option-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-group.js","sources":["../../../../../src/components/hds/form/super-select/option-group.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { guidFor } from '@ember/object/internals';\n\nexport interface HdsFormSuperSelectOptionGroupSignature {\n  Args: {\n    group: {\n      groupName?: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsFormSuperSelectOptionGroup extends Component<HdsFormSuperSelectOptionGroupSignature> {\n  /**\n   * Generates a unique ID for the group title\n   * @return {string}\n   * @param _groupTitleId\n   */\n  private _groupTitleId = 'group-title-' + guidFor(this);\n}\n"],"names":["HdsFormSuperSelectOptionGroup","Component","_groupTitleId","guidFor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;AAC3G;AACF;AACA;AACA;AACA;AACUC,EAAAA,aAAa,GAAG,cAAc,GAAGC,OAAO,CAAC,IAAI,CAAC;AACxD;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"option-group.js","sources":["../../../../../src/components/hds/form/super-select/option-group.ts"],"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';\n\nexport interface HdsFormSuperSelectOptionGroupSignature {\n  Args: {\n    group: {\n      groupName?: string;\n    };\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class HdsFormSuperSelectOptionGroup extends Component<HdsFormSuperSelectOptionGroupSignature> {\n  /**\n   * Generates a unique ID for the group title\n   * @return {string}\n   * @param _groupTitleId\n   */\n  private _groupTitleId = 'group-title-' + guidFor(this);\n}\n"],"names":["HdsFormSuperSelectOptionGroup","Component","_groupTitleId","guidFor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;AAC3G;AACF;AACA;AACA;AACA;AACUC,EAAAA,aAAa,GAAG,cAAc,GAAGC,OAAO,CAAC,IAAI,CAAC;AACxD;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,6BAA6B,CAAA;;;;"}

package/dist/components/hds/form/super-select/placeholder.js

@@ -2,10 +2,10 @@ import TemplateOnlyComponent from '@ember/component/template-only';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body @tag=\"span\" @size=\"200\" class=\"ember-power-select-placeholder\">{{@placeholder}}</Hds::Text::Body>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body @tag=\"span\" @size=\"200\" class=\"ember-power-select-placeholder\">{{@placeholder}}</Hds::Text::Body>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeholder.js","sources":["../../../../../src/components/hds/form/super-select/placeholder.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormSuperSelectPlaceholderSignature {\n  Args: {\n    placeholder?: string;\n  };\n}\n\nconst HdsFormSuperSelectPlaceholder =\n  templateOnlyComponent<HdsFormSuperSelectPlaceholderSignature>();\n\nexport default HdsFormSuperSelectPlaceholder;\n"],"names":["HdsFormSuperSelectPlaceholder","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAUA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAA0C;AAEjE,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"placeholder.js","sources":["../../../../../src/components/hds/form/super-select/placeholder.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport templateOnlyComponent from '@ember/component/template-only';\n\nexport interface HdsFormSuperSelectPlaceholderSignature {\n  Args: {\n    placeholder?: string;\n  };\n}\n\nconst HdsFormSuperSelectPlaceholder =\n  templateOnlyComponent<HdsFormSuperSelectPlaceholderSignature>();\n\nexport default HdsFormSuperSelectPlaceholder;\n"],"names":["HdsFormSuperSelectPlaceholder","templateOnlyComponent","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAUA,MAAMA,6BAA6B,GACjCC,qBAAqB,EAA0C;AAEjE,kBAAAC,oBAAA,CAAAC,QAAA,EAAeH,6BAA6B,CAAA;;;;"}

package/dist/components/hds/form/super-select/single/base.js

@@ -7,10 +7,10 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\n  <PowerSelect\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessageText\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{@closeOnSelect}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{component \"hds/form/super-select/placeholder\"}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{this.resultCountMessageFunction}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchFieldPosition=\"before-options\"\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    <Hds::Text::Body>{{yield option select}}</Hds::Text::Body>\n  </PowerSelect>\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n{{! Important: if an argument is added in base.hbs, it must also be added/processed in the Base component used in field.hbs }}\n<div class={{this.classNames}} {{style this.dropdownMaxWidthStyle}}>\n  <PowerSelect\n    @afterOptionsComponent={{if\n      this.showAfterOptions\n      (or\n        @afterOptionsComponent\n        (component\n          \"hds/form/super-select/after-options\"\n          content=@afterOptionsContent\n          resultCountMessage=this.resultCountMessageText\n        )\n      )\n    }}\n    @ariaDescribedBy={{@ariaDescribedBy}}\n    @ariaInvalid={{@ariaInvalid}}\n    @ariaLabel={{@ariaLabel}}\n    @ariaLabelledBy={{@ariaLabelledBy}}\n    @beforeOptionsComponent={{@beforeOptionsComponent}}\n    @calculatePosition={{if @verticalPosition undefined this.calculatePosition}}\n    @closeOnSelect={{@closeOnSelect}}\n    @disabled={{@disabled}}\n    @dropdownClass={{@dropdownClass}}\n    @extra={{@extra}}\n    @groupComponent={{component \"hds/form/super-select/option-group\"}}\n    @horizontalPosition={{@horizontalPosition}}\n    @initiallyOpened={{@initiallyOpened}}\n    @labelText={{@labelText}}\n    @loadingMessage={{@loadingMessage}}\n    @matcher={{@matcher}}\n    @matchTriggerWidth={{if @dropdownMaxWidth false @matchTriggerWidth}}\n    @noMatchesMessage={{@noMatchesMessage}}\n    @onBlur={{@onBlur}}\n    @onChange={{@onChange}}\n    @onClose={{@onClose}}\n    @onFocus={{@onFocus}}\n    @onInput={{@onInput}}\n    @onKeydown={{@onKeydown}}\n    @onOpen={{@onOpen}}\n    @options={{@options}}\n    @optionsComponent={{@optionsComponent}}\n    @placeholder={{@placeholder}}\n    @placeholderComponent={{component \"hds/form/super-select/placeholder\"}}\n    @preventScroll={{@preventScroll}}\n    @registerAPI={{this.setPowerSelectAPI}}\n    @renderInPlace={{true}}\n    @resultCountMessage={{this.resultCountMessageFunction}}\n    @scrollTo={{@scrollTo}}\n    @search={{@search}}\n    @searchEnabled={{@searchEnabled}}\n    @searchField={{@searchField}}\n    @searchFieldPosition=\"before-options\"\n    @searchMessage={{@searchMessage}}\n    @searchPlaceholder={{this.searchPlaceholder}}\n    @selected={{@selected}}\n    @selectedItemComponent={{@selectedItemComponent}}\n    @tabindex={{@tabindex}}\n    @triggerClass={{@triggerClass}}\n    @triggerComponent={{@triggerComponent}}\n    @triggerId={{@triggerId}}\n    @triggerRole={{@triggerRole}}\n    @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n    @verticalPosition={{@verticalPosition}}\n    ...attributes\n    as |option select|\n  >\n    <Hds::Text::Body>{{yield option select}}</Hds::Text::Body>\n  </PowerSelect>\n</div>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/single/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/single/base.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectSingleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {\n  @tracked powerSelectAPI?: PowerSelect;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.powerSelectAPI?.resultsCount || 0} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this.powerSelectAPI = powerSelectAPI;\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * Determine if `@afterOptionsComponent` gets displayed\n   * @param showAfterOptions\n   * @type {boolean}\n   * @default false\n   */\n  get showAfterOptions(): boolean | string {\n    return this.args.showAfterOptions ?? this.args.afterOptionsContent ?? false;\n  }\n\n  /**\n   * Get the search placeholder text\n   * @param searchPlaceholder\n   * @type {string}\n   * @default 'Search'\n   */\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  /**\n   * Get the maxWidth to apply to the dropdown\n   * @param dropdownMaxWidth\n   * @type {string}\n   * @default 'none'\n   */\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-single'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectSingleBase","Component","g","prototype","tracked","i","void 0","horizontalPosition","args","resultCountMessageText","resultCountMessage","powerSelectAPI","resultsCount","resultCountMessageFunction","undefined","setPowerSelectAPI","registerAPI","n","action","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","showAfterOptions","afterOptionsContent","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}
+{"version":3,"file":"base.js","sources":["../../../../../../src/components/hds/form/super-select/single/base.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport anchoredPositionModifier from '../../../../../modifiers/hds-anchored-position.ts';\n\nimport { action } from '@ember/object';\nimport { tracked } from '@glimmer/tracking';\nimport {\n  HdsFormSuperSelectHorizontalPositionValues,\n  HdsFormSuperSelectHorizontalPositionToPlacementValues,\n} from '../types.ts';\n\nimport type { PowerSelectSignature } from 'ember-power-select/components/power-select';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { CalculatePositionResult } from 'ember-basic-dropdown/utils/calculate-position';\nimport type { HdsFormSuperSelectHorizontalPositions } from '../types.ts';\n\nexport const DEFAULT_HORIZONTAL_POSITION: string =\n  HdsFormSuperSelectHorizontalPositionValues.Left;\nexport const HORIZONTAL_POSITION_MAPPING =\n  HdsFormSuperSelectHorizontalPositionToPlacementValues;\n\nexport interface HdsFormSuperSelectSingleBaseSignature {\n  Args: Omit<PowerSelectSignature['Args'], 'resultCountMessage'> & {\n    showAfterOptions?: boolean;\n    afterOptionsContent?: string;\n    resultCountMessage?:\n      | string\n      | PowerSelectSignature['Args']['resultCountMessage'];\n    dropdownMaxWidth?: string;\n    matchTriggerWidth?: boolean;\n    isInvalid?: boolean;\n  };\n  Blocks: PowerSelectSignature['Blocks'];\n  Element: PowerSelectSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleBase extends Component<HdsFormSuperSelectSingleBaseSignature> {\n  @tracked powerSelectAPI?: PowerSelect;\n\n  get horizontalPosition(): HdsFormSuperSelectHorizontalPositions {\n    const { horizontalPosition = DEFAULT_HORIZONTAL_POSITION } = this.args;\n    return horizontalPosition as HdsFormSuperSelectHorizontalPositions;\n  }\n\n  get resultCountMessageText(): string {\n    if (typeof this.args.resultCountMessage === 'string') {\n      return this.args.resultCountMessage;\n    }\n\n    return `${this.powerSelectAPI?.resultsCount || 0} total`;\n  }\n\n  get resultCountMessageFunction(): PowerSelectSignature['Args']['resultCountMessage'] {\n    if (typeof this.args.resultCountMessage === 'function') {\n      return this.args.resultCountMessage;\n    }\n\n    return undefined;\n  }\n\n  /**\n   * This action sets the powerSelectAPI property and optionally calls a registerAPI function.\n   *\n   * @param {Object} powerSelectAPI - The API object for the PowerSelect component.\n   *\n   * If a `registerAPI` function is passed in through the component's arguments,\n   * this function will be called with the `powerSelectAPI` as its argument.\n   * This allows parent components or controllers to have access to the PowerSelect API.\n   *\n   * The `powerSelectAPI` is also stored on the component instance and used in `clearSelected`\n   */\n  @action\n  setPowerSelectAPI(powerSelectAPI: PowerSelect): void {\n    if (typeof this.args.registerAPI === 'function') {\n      this.args.registerAPI(powerSelectAPI);\n    }\n    this.powerSelectAPI = powerSelectAPI;\n  }\n\n  @action calculatePosition(\n    trigger: Element,\n    content: HTMLElement\n  ): CalculatePositionResult {\n    // use `hds-anchored-position` to calculate and set position\n    // @ts-expect-error: known issue with type of invocation\n    anchoredPositionModifier(content, [trigger], {\n      placement: HORIZONTAL_POSITION_MAPPING[this.horizontalPosition],\n      offsetOptions: 4,\n      enableCollisionDetection: true,\n    });\n    // prevent PowerSelect from setting position\n    return {\n      horizontalPosition: 'auto',\n      verticalPosition: 'auto',\n      style: {},\n    };\n  }\n\n  /**\n   * Determine if `@afterOptionsComponent` gets displayed\n   * @param showAfterOptions\n   * @type {boolean}\n   * @default false\n   */\n  get showAfterOptions(): boolean | string {\n    return this.args.showAfterOptions ?? this.args.afterOptionsContent ?? false;\n  }\n\n  /**\n   * Get the search placeholder text\n   * @param searchPlaceholder\n   * @type {string}\n   * @default 'Search'\n   */\n  get searchPlaceholder(): string {\n    return this.args.searchPlaceholder ?? 'Search';\n  }\n\n  /**\n   * Get the maxWidth to apply to the dropdown\n   * @param dropdownMaxWidth\n   * @type {string}\n   * @default 'none'\n   */\n  get dropdownMaxWidthStyle(): Record<string, string> {\n    const maxWidthStyle: { [key: string]: string } = {};\n    if (this.args.dropdownMaxWidth) {\n      maxWidthStyle['--hds-form-super-select-dropdown-max-width'] =\n        this.args.dropdownMaxWidth;\n    }\n    return maxWidthStyle;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-super-select', 'hds-form-super-select-single'];\n\n    // add a class based on the @matchTriggerWidth argument or whether dropdownMaxWidth is set\n    if (this.args.matchTriggerWidth === false || this.args.dropdownMaxWidth) {\n      classes.push('hds-form-super-select--dropdown-content-auto-width');\n    }\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-super-select--is-invalid`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_HORIZONTAL_POSITION","HdsFormSuperSelectHorizontalPositionValues","Left","HORIZONTAL_POSITION_MAPPING","HdsFormSuperSelectHorizontalPositionToPlacementValues","HdsFormSuperSelectSingleBase","Component","g","prototype","tracked","i","void 0","horizontalPosition","args","resultCountMessageText","resultCountMessage","powerSelectAPI","resultsCount","resultCountMessageFunction","undefined","setPowerSelectAPI","registerAPI","n","action","calculatePosition","trigger","content","anchoredPositionModifier","placement","offsetOptions","enableCollisionDetection","verticalPosition","style","showAfterOptions","afterOptionsContent","searchPlaceholder","dropdownMaxWidthStyle","maxWidthStyle","dropdownMaxWidth","classNames","classes","matchTriggerWidth","push","isInvalid","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}

package/dist/components/hds/form/super-select/single/field.js

@@ -3,10 +3,10 @@ import { ID_PREFIX } from '../../label/index.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Single::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @closeOnSelect={{@closeOnSelect}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchFieldPosition=\"before-options\"\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Single::Base>\n  </F.Control>\n</Hds::Form::Field>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n  @layout=\"vertical\"\n  @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n  @isRequired={{@isRequired}}\n  @isOptional={{@isOptional}}\n  @id={{@id}}\n  as |F|\n>\n  {{! Notice: the order of the elements is not relevant here, because is controlled at \"Hds::Form::Field\" component level }}\n  {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n  <F.Control>\n    {{! Important: if an argument is added in base.hbs, it must also be added/processed here }}\n    <Hds::Form::SuperSelect::Single::Base\n      @afterOptionsComponent={{@afterOptionsComponent}}\n      @afterOptionsContent={{@afterOptionsContent}}\n      @ariaDescribedBy={{F.ariaDescribedBy}}\n      @ariaInvalid={{@ariaInvalid}}\n      @ariaLabel={{@ariaLabel}}\n      @ariaLabelledBy={{(concat this.idPrefix F.id)}}\n      @beforeOptionsComponent={{@beforeOptionsComponent}}\n      @closeOnSelect={{@closeOnSelect}}\n      @disabled={{@disabled}}\n      @dropdownClass={{@dropdownClass}}\n      @dropdownMaxWidth={{@dropdownMaxWidth}}\n      @extra={{@extra}}\n      @groupComponent={{@groupComponent}}\n      @horizontalPosition={{@horizontalPosition}}\n      @initiallyOpened={{@initiallyOpened}}\n      @labelText={{@labelText}}\n      @loadingMessage={{@loadingMessage}}\n      @matcher={{@matcher}}\n      @matchTriggerWidth={{@matchTriggerWidth}}\n      @noMatchesMessage={{@noMatchesMessage}}\n      @onBlur={{@onBlur}}\n      @onChange={{@onChange}}\n      @onClose={{@onClose}}\n      @onFocus={{@onFocus}}\n      @onInput={{@onInput}}\n      @onKeydown={{@onKeydown}}\n      @onOpen={{@onOpen}}\n      @options={{@options}}\n      @optionsComponent={{@optionsComponent}}\n      @placeholder={{@placeholder}}\n      @placeholderComponent={{@placeholderComponent}}\n      @preventScroll={{@preventScroll}}\n      @registerAPI={{@registerAPI}}\n      @renderInPlace={{true}}\n      @resultCountMessage={{@resultCountMessage}}\n      @scrollTo={{@scrollTo}}\n      @search={{@search}}\n      @searchEnabled={{@searchEnabled}}\n      @searchField={{@searchField}}\n      @searchFieldPosition=\"before-options\"\n      @searchMessage={{@searchMessage}}\n      @searchPlaceholder={{@searchPlaceholder}}\n      @selected={{@selected}}\n      @selectedItemComponent={{@selectedItemComponent}}\n      @showAfterOptions={{@showAfterOptions}}\n      @tabindex={{@tabindex}}\n      @triggerClass={{@triggerClass}}\n      @triggerComponent={{@triggerComponent}}\n      @triggerId={{F.id}}\n      @triggerRole={{@triggerRole}}\n      @typeAheadOptionMatcher={{@typeAheadOptionMatcher}}\n      @verticalPosition={{@verticalPosition}}\n      @isInvalid={{@isInvalid}}\n      ...attributes\n      as |options select|\n    >\n      {{yield (hash options=options select=select Options=(component \"hds/yield\" options=options select=select))}}\n    </Hds::Form::SuperSelect::Single::Base>\n  </F.Control>\n</Hds::Form::Field>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/single/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/single/field.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectSingleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectSingleFieldSignature {\n  Args: HdsFormSuperSelectSingleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleField extends Component<HdsFormSuperSelectSingleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectSingleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgCe,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;EAC3G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,6BAA6B,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../../src/components/hds/form/super-select/single/field.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { ID_PREFIX } from '../../label/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport type { HdsFormErrorSignature } from '../../error/index.ts';\nimport type { HdsFormFieldSignature } from '../../field/index.ts';\nimport type { HdsFormHelperTextSignature } from '../../helper-text/index.ts';\nimport type { HdsFormLabelSignature } from '../../label';\nimport type { HdsFormSuperSelectSingleBaseSignature } from './base.ts';\nimport type { Select as PowerSelect } from 'ember-power-select/components/power-select';\nimport type { HdsYieldSignature } from '../../../yield/index.ts';\n\nexport interface HdsFormSuperSelectSingleFieldSignature {\n  Args: HdsFormSuperSelectSingleBaseSignature['Args'] &\n    HdsFormFieldSignature['Args'];\n  Blocks: {\n    default: [\n      {\n        Label?: ComponentLike<HdsFormLabelSignature>;\n        HelperText?: ComponentLike<HdsFormHelperTextSignature>;\n        Error?: ComponentLike<HdsFormErrorSignature>;\n        Options?: ComponentLike<HdsYieldSignature>;\n        options?: unknown;\n        select?: PowerSelect;\n      },\n    ];\n  };\n  Element: HdsFormFieldSignature['Element'];\n}\n\nexport default class HdsFormSuperSelectSingleField extends Component<HdsFormSuperSelectSingleFieldSignature> {\n  get idPrefix(): string {\n    return ID_PREFIX;\n  }\n}\n"],"names":["HdsFormSuperSelectSingleField","Component","idPrefix","ID_PREFIX","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgCe,MAAMA,6BAA6B,SAASC,SAAS,CAAyC;EAC3G,IAAIC,QAAQA,GAAW;AACrB,IAAA,OAAOC,SAAS;AAClB,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAJoBL,6BAA6B,CAAA;;;;"}

package/dist/components/hds/form/super-select/types.js

@@ -1,5 +1,5 @@
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/super-select/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/super-select/types.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { FloatingUIOptions } from '../../../../modifiers/hds-anchored-position.ts';\n\nexport enum HdsFormSuperSelectHorizontalPositionValues {\n  Left = 'left',\n  Center = 'center',\n  Right = 'right',\n}\n\nexport type HdsFormSuperSelectHorizontalPositions =\n  `${HdsFormSuperSelectHorizontalPositionValues}`;\n\n// map SuperSelect's `horizontalPosition` values to anchoredPositionModifier's `placement` values\nexport const HdsFormSuperSelectHorizontalPositionToPlacementValues: Record<\n  // SuperSelect's `horizontalPosition` values\n  HdsFormSuperSelectHorizontalPositionValues,\n  FloatingUIOptions['placement']\n> = {\n  [HdsFormSuperSelectHorizontalPositionValues.Left]: 'bottom-start',\n  [HdsFormSuperSelectHorizontalPositionValues.Center]: 'bottom',\n  [HdsFormSuperSelectHorizontalPositionValues.Right]: 'bottom-end',\n};\n"],"names":["HdsFormSuperSelectHorizontalPositionValues","HdsFormSuperSelectHorizontalPositionToPlacementValues","Left","Center","Right"],"mappings":"AAAA;AACA;AACA;AACA;;AAIA,IAAYA,0CAA0C,0BAA1CA,0CAA0C,EAAA;EAA1CA,0CAA0C,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1CA,0CAA0C,CAAA,QAAA,CAAA,GAAA,QAAA;EAA1CA,0CAA0C,CAAA,OAAA,CAAA,GAAA,OAAA;AAAA,EAAA,OAA1CA,0CAA0C;AAAA,CAAA,CAAA,EAAA;AAStD;AACO,MAAMC,qDAIZ,GAAG;AACF,EAAA,CAACD,0CAA0C,CAACE,IAAI,GAAG,cAAc;AACjE,EAAA,CAACF,0CAA0C,CAACG,MAAM,GAAG,QAAQ;EAC7D,CAACH,0CAA0C,CAACI,KAAK,GAAG;AACtD;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/components/hds/form/super-select/types.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { FloatingUIOptions } from '../../../../modifiers/hds-anchored-position.ts';\n\nexport enum HdsFormSuperSelectHorizontalPositionValues {\n  Left = 'left',\n  Center = 'center',\n  Right = 'right',\n}\n\nexport type HdsFormSuperSelectHorizontalPositions =\n  `${HdsFormSuperSelectHorizontalPositionValues}`;\n\n// map SuperSelect's `horizontalPosition` values to anchoredPositionModifier's `placement` values\nexport const HdsFormSuperSelectHorizontalPositionToPlacementValues: Record<\n  // SuperSelect's `horizontalPosition` values\n  HdsFormSuperSelectHorizontalPositionValues,\n  FloatingUIOptions['placement']\n> = {\n  [HdsFormSuperSelectHorizontalPositionValues.Left]: 'bottom-start',\n  [HdsFormSuperSelectHorizontalPositionValues.Center]: 'bottom',\n  [HdsFormSuperSelectHorizontalPositionValues.Right]: 'bottom-end',\n};\n"],"names":["HdsFormSuperSelectHorizontalPositionValues","HdsFormSuperSelectHorizontalPositionToPlacementValues","Left","Center","Right"],"mappings":"AAAA;AACA;AACA;AACA;;AAIA,IAAYA,0CAA0C,0BAA1CA,0CAA0C,EAAA;EAA1CA,0CAA0C,CAAA,MAAA,CAAA,GAAA,MAAA;EAA1CA,0CAA0C,CAAA,QAAA,CAAA,GAAA,QAAA;EAA1CA,0CAA0C,CAAA,OAAA,CAAA,GAAA,OAAA;AAAA,EAAA,OAA1CA,0CAA0C;AAAA,CAAA,CAAA,EAAA;AAStD;AACO,MAAMC,qDAIZ,GAAG;AACF,EAAA,CAACD,0CAA0C,CAACE,IAAI,GAAG,cAAc;AACjE,EAAA,CAACF,0CAA0C,CAACG,MAAM,GAAG,QAAQ;EAC7D,CAACH,0CAA0C,CAACI,KAAK,GAAG;AACtD;;;;"}

package/dist/components/hds/form/text-input/base.js

@@ -4,10 +4,10 @@ import { HdsFormTextInputTypeValues } from './types.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n<input\n  class={{this.classNames}}\n  {{style width=@width}}\n  id={{@id}}\n  aria-describedby={{@ariaDescribedBy}}\n  ...attributes\n  value={{@value}}\n  type={{this.type}}\n/>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<input\n  class={{this.classNames}}\n  {{style width=@width}}\n  id={{@id}}\n  aria-describedby={{@ariaDescribedBy}}\n  ...attributes\n  value={{@value}}\n  type={{this.type}}\n/>");
 
 /**
- * Copyright (c) HashiCorp, Inc.
+ * Copyright IBM Corp. 2021, 2025
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/text-input/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/text-input/base.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { HdsFormTextInputTypeValues } from './types.ts';\nimport type { HdsFormTextInputTypes } from './types.ts';\n\n// notice: we don't support all the possible HTML types, only a subset\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input\nexport const DEFAULT_TYPE = HdsFormTextInputTypeValues.Text;\nexport const TYPES: HdsFormTextInputTypes[] = Object.values(\n  HdsFormTextInputTypeValues\n);\n\nexport interface HdsFormTextInputBaseSignature {\n  Args: {\n    hasVisibilityToggle?: boolean;\n    isInvalid?: boolean;\n    isLoading?: boolean;\n    type?: HdsFormTextInputTypes;\n    value?: string;\n    width?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nexport default class HdsFormTextInputBase extends Component<HdsFormTextInputBaseSignature> {\n  /**\n   * Sets the type of input\n   *\n   * @param type\n   * @type {string}\n   * @default 'text'\n   */\n  get type(): HdsFormTextInputTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Form::TextInput\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-text-input'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-text-input--is-invalid`);\n    }\n\n    // add a class based on the @hasVisibilityToggle argument\n    if (this.args.hasVisibilityToggle) {\n      classes.push(`hds-form-text-input--has-visibility-toggle`);\n    }\n\n    // add a class based on the @isLoading argument\n    if (this.args.isLoading) {\n      classes.push(`hds-form-text-input--is-loading`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_TYPE","HdsFormTextInputTypeValues","Text","TYPES","Object","values","HdsFormTextInputBase","Component","type","args","assert","join","includes","classNames","classes","push","isInvalid","hasVisibilityToggle","isLoading","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAQA;AACA;AACO,MAAMA,YAAY,GAAGC,0BAA0B,CAACC;AAChD,MAAMC,KAA8B,GAAGC,MAAM,CAACC,MAAM,CACzDJ,0BACF;AAgBe,MAAMK,oBAAoB,SAASC,SAAS,CAAgC;AACzF;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAA0B;IAChC,MAAM;AAAEA,MAAAA,IAAI,GAAGR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAAA,+DAAA,EAAkEP,KAAK,CAACQ,IAAI,CAC1E,IACF,CAAC,CAAA,YAAA,EAAeH,IAAI,CAAA,CAAE,EACtBL,KAAK,CAACS,QAAQ,CAACJ,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC;;AAEvC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;;AAElE;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,SAAS,EAAE;AACvBF,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAC;AACjD,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,mBAAmB,EAAE;AACjCH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAC;AAC5D,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACS,SAAS,EAAE;AACvBJ,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAC;AACjD,IAAA;AAEA,IAAA,OAAOD,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACQ,oBAAA,CAAAC,QAAA,EAjDoBd,oBAAoB,CAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/text-input/base.ts"],"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 { HdsFormTextInputTypeValues } from './types.ts';\nimport type { HdsFormTextInputTypes } from './types.ts';\n\n// notice: we don't support all the possible HTML types, only a subset\n// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input\nexport const DEFAULT_TYPE = HdsFormTextInputTypeValues.Text;\nexport const TYPES: HdsFormTextInputTypes[] = Object.values(\n  HdsFormTextInputTypeValues\n);\n\nexport interface HdsFormTextInputBaseSignature {\n  Args: {\n    hasVisibilityToggle?: boolean;\n    isInvalid?: boolean;\n    isLoading?: boolean;\n    type?: HdsFormTextInputTypes;\n    value?: string;\n    width?: string;\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nexport default class HdsFormTextInputBase extends Component<HdsFormTextInputBaseSignature> {\n  /**\n   * Sets the type of input\n   *\n   * @param type\n   * @type {string}\n   * @default 'text'\n   */\n  get type(): HdsFormTextInputTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Form::TextInput\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-form-text-input'];\n\n    // add typographic classes\n    classes.push('hds-typography-body-200', 'hds-font-weight-regular');\n\n    // add a class based on the @isInvalid argument\n    if (this.args.isInvalid) {\n      classes.push(`hds-form-text-input--is-invalid`);\n    }\n\n    // add a class based on the @hasVisibilityToggle argument\n    if (this.args.hasVisibilityToggle) {\n      classes.push(`hds-form-text-input--has-visibility-toggle`);\n    }\n\n    // add a class based on the @isLoading argument\n    if (this.args.isLoading) {\n      classes.push(`hds-form-text-input--is-loading`);\n    }\n\n    return classes.join(' ');\n  }\n}\n"],"names":["DEFAULT_TYPE","HdsFormTextInputTypeValues","Text","TYPES","Object","values","HdsFormTextInputBase","Component","type","args","assert","join","includes","classNames","classes","push","isInvalid","hasVisibilityToggle","isLoading","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAQA;AACA;AACO,MAAMA,YAAY,GAAGC,0BAA0B,CAACC;AAChD,MAAMC,KAA8B,GAAGC,MAAM,CAACC,MAAM,CACzDJ,0BACF;AAgBe,MAAMK,oBAAoB,SAASC,SAAS,CAAgC;AACzF;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAA0B;IAChC,MAAM;AAAEA,MAAAA,IAAI,GAAGR;KAAc,GAAG,IAAI,CAACS,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAAA,+DAAA,EAAkEP,KAAK,CAACQ,IAAI,CAC1E,IACF,CAAC,CAAA,YAAA,EAAeH,IAAI,CAAA,CAAE,EACtBL,KAAK,CAACS,QAAQ,CAACJ,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIK,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,qBAAqB,CAAC;;AAEvC;AACAA,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,EAAE,yBAAyB,CAAC;;AAElE;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,SAAS,EAAE;AACvBF,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAC;AACjD,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACQ,mBAAmB,EAAE;AACjCH,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,0CAAA,CAA4C,CAAC;AAC5D,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACS,SAAS,EAAE;AACvBJ,MAAAA,OAAO,CAACC,IAAI,CAAC,CAAA,+BAAA,CAAiC,CAAC;AACjD,IAAA;AAEA,IAAA,OAAOD,OAAO,CAACH,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACQ,oBAAA,CAAAC,QAAA,EAjDoBd,oBAAoB,CAAA;;;;"}